.strum{overflow:hidden;display:flex;flex-direction:column;padding:0 var(--pad) clamp(12px,1.6cqw,30px);--line:rgba(20,24,28,.14);--faint:rgba(20,24,28,.07);--mono:clamp(14px,.95cqw,17px);--mono-s:clamp(14px,.88cqw,15px);--v1:min(.42cqw, .65svh);--v2:min(1cqw, 1.6svh);--v3:min(2.6cqw, 4.4svh);--v4:min(3.8cqw, 6.4svh);--o1:clamp(6px,.42cqw,10px);--o2:clamp(12px,1cqw,20px);--o3:clamp(28px,2.9cqw,56px);--o4:clamp(40px,4.4cqw,84px)}@media(min-width:1001px){.app:has(.strum) .hd:before{display:none}.strum{padding-top:calc(clamp(18px,3.4cqw,60px) + clamp(40px,3.1cqw,62px) + var(--v4))}}@media(min-width:1001px){.strum{padding-top:calc(clamp(18px,3.4cqw,60px) + clamp(40px,3.1cqw,62px) + var(--v4))}.strum .def{line-height:1.5}.strum .cuts{padding:0}.strum .big{font-size:min(clamp(22px,2.6cqw,48px),5.4svh)}.strum .big.sm{font-size:min(clamp(16px,1.8cqw,33px),3.7svh)}}@media(min-width:1001px)and (max-height:1060px){.strum .opz{display:none}}.strum .mo{font-family:DM Mono,monospace;font-size:var(--mono);letter-spacing:.03em;opacity:.42}.strum .opt[aria-disabled=true]{opacity:.18;cursor:not-allowed;text-decoration:line-through}.strum .opt[aria-disabled=true]:hover{opacity:.18}.strum .side{overflow-y:auto;scrollbar-width:none}.strum .side::-webkit-scrollbar{display:none}.strum .main{overflow:hidden}.strum .testa{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--o3);border-bottom:1px solid var(--line);padding:0 0 var(--v2);flex:none}.strum .testa .tool{margin-right:calc(var(--o4) - var(--o3))}.strum .testa .cuts{border-bottom:none;padding:0;flex:1 1 auto}.strum .tool{font-weight:800;font-size:clamp(17px,1.5cqw,27px);letter-spacing:-.024em}.strum .fresco{font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.42;text-align:right}.strum .def{font-family:DM Mono,monospace;font-size:clamp(14px,.94cqw,16px);opacity:.46;text-align:right;line-height:1.65}.strum .cuts{display:flex;align-items:baseline;gap:var(--o3);padding:clamp(7px,.85cqw,15px) 0;border-bottom:1px solid rgba(20,24,28,.1);flex-wrap:wrap;flex:none}.strum .cut{display:flex;align-items:baseline;gap:var(--o2)}.strum .cutlab+.opt{margin-left:calc(var(--o1) - var(--o2))}.strum .cutlab{font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.32}.strum .opt{font-family:DM Mono,monospace;font-size:var(--mono);opacity:.4;cursor:pointer;padding-bottom:2px;border-bottom:1px solid transparent;transition:opacity .25s,border-color .25s;user-select:none}.strum .opt:hover{opacity:.75}.strum .opt.on{opacity:1;border-bottom-color:var(--fg)}.strum .body{flex:1;min-height:0;display:flex;gap:var(--o3);padding-top:var(--v3)}.strum .main{flex:2.45;min-width:0;display:flex;flex-direction:column}.strum .side{flex:1;min-width:0;display:flex;flex-direction:column;border-left:1px solid rgba(20,24,28,.12);padding-left:var(--o3)}.strum .chtop{display:flex;align-items:baseline;justify-content:space-between;gap:1.6em;flex:none;height:calc(var(--mono) * 1.45);overflow:hidden}.strum .chtop>.mo{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:0 0 auto;max-width:52%;min-width:0}.strum .chread{font-family:DM Mono,monospace;font-size:var(--mono);white-space:nowrap;flex:1 1 0;min-width:0;text-align:right;overflow:hidden;text-overflow:ellipsis}.strum .chart{flex:1;min-height:0;margin-top:var(--v1)}.strum .chart svg{width:100%;height:100%;display:block}.strum .tot{display:flex;align-items:flex-end;gap:clamp(16px,1.5cqw,28px);margin-top:var(--v3);flex:none}.strum .big{font-weight:800;font-size:clamp(22px,2.6cqw,48px);line-height:1;letter-spacing:-.03em}.strum .big.sm{font-size:clamp(16px,1.8cqw,33px)}.strum .biglab{font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.4;margin-top:.3cqw;line-height:1.5}.strum .stb{margin-top:var(--v1);border-top:1px solid var(--line)}.strum .str{display:grid;gap:.7cqw;padding:clamp(4px,.5cqw,9px) 0;border-bottom:1px solid var(--faint);font-family:DM Mono,monospace;font-size:var(--mono)}.strum .str.h{opacity:.3}.strum .str span:not(:first-child){text-align:right}.strum .so{margin-top:clamp(8px,.9cqw,16px);font-size:clamp(14px,1.2cqw,22px);line-height:1.5;font-weight:500;letter-spacing:-.01em}.strum .so b{font-weight:800}.strum .cav{margin-top:.7cqw;font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.42;line-height:1.6}.strum .foot{border-top:1px solid var(--line);margin-top:var(--v3);padding-top:var(--v2);display:flex;justify-content:space-between;gap:2em;flex:none}@media(max-width:1000px){.strum .body{flex-direction:column}.strum .side{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:14px;overflow:visible;flex:none}.strum .main{flex:none;overflow:visible}.strum .body{flex:none}.strum .def{text-align:left}.strum .testa{gap:10px}.strum .chart,.strum .water,.strum .lanes,.strum .mult{flex:none;height:52vw;min-height:210px;max-height:340px}.strum .mult{height:96vw;max-height:520px}.strum .lanes{height:auto;max-height:none;min-height:0}}@media(prefers-reduced-motion:reduce){.strum *{animation:none!important;transition-duration:.01ms!important}}.strum .mult{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--v2) 2.4cqw;margin-top:var(--v1)}.strum .mp{display:flex;flex-direction:column;min-height:0;transition:opacity .25s}.strum .mp:hover{opacity:1!important}.strum .mptop{display:flex;align-items:baseline;justify-content:space-between}.strum .mpname{font-family:DM Mono,monospace;font-size:var(--mono);opacity:.45}.strum .mpval{font-weight:800;font-size:clamp(14px,1.65cqw,30px);letter-spacing:-.02em}.strum .mpunit{font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.4;margin-left:.35cqw;font-weight:400}.strum .mpch{flex:1;min-height:0;margin-top:.3cqw}.strum .mpch svg{width:100%;height:100%;display:block}.strum .mpfoot{font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.35;margin-top:.25cqw}.strum .water{flex:1.6;min-height:0;position:relative;margin-top:var(--v1)}.strum .water .now{position:absolute;top:0;bottom:0;width:2px;background:var(--fg);transform:translate(-50%)}.strum .water .nowlab{position:absolute;top:0;font-family:DM Mono,monospace;font-size:var(--mono);opacity:.6;transform:translate(6px)}.strum .water .base{position:absolute;left:0;right:0;bottom:0;height:1px;background:#14181c2e}.strum .co{position:absolute;border-radius:50%;transform:translate(-50%,50%);transition:transform .2s}.strum .co.up{background:var(--fg)}.strum .co.dn{border:1.4px solid var(--fg)}.strum .co:hover{transform:translate(-50%,50%) scale(1.35)}.strum .axl{position:relative;height:1.2cqw;font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.3;margin-top:var(--v1)}.strum .axl span{position:absolute;transform:translate(-50%)}.strum .stair svg{width:100%;height:clamp(46px,5cqw,86px);display:block}.strum .grid{flex:1;min-height:0;display:grid;grid-template-columns:7cqw repeat(5,1fr) 5.4cqw;grid-auto-rows:1fr;gap:.34cqw;margin-top:var(--v1)}.strum .hcell{font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.34;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.3cqw}.strum .rlab{font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.5;display:flex;align-items:center;justify-content:flex-end;padding-right:.5cqw}.strum .cell{position:relative;display:flex;align-items:center;justify-content:center;transition:outline-color .2s}.strum .cell b{font-family:DM Mono,monospace;font-size:var(--mono);font-weight:400;position:relative;z-index:2}.strum .cell i{position:absolute;inset:0;background:var(--fg)}.strum .cell.diag{outline:1px solid rgba(20,24,28,.45);outline-offset:-1px}.strum .cell:hover{outline:1.5px solid var(--fg);outline-offset:-1px}.strum .cell.zero b{opacity:.18}.strum .ph,.pr2{display:grid;grid-template-columns:7cqw 1fr 4cqw;gap:.8cqw;align-items:center}.strum .ph{font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.3;padding-bottom:.5cqw;border-bottom:1px solid rgba(20,24,28,.1)}.strum .months{flex:1;min-height:0;display:grid;grid-template-columns:repeat(12,1fr);gap:.5cqw;margin-top:var(--v1);position:relative}.strum .zeroline{position:absolute;left:0;right:0;height:1px;background:#14181c3d;pointer-events:none}.strum .mcol{position:relative;height:100%;transition:opacity .22s}.strum .mcol:hover{opacity:1!important}.strum .mcol .d{position:absolute;width:.52cqw;min-width:6px;height:.52cqw;min-height:6px;border-radius:50%;background:var(--fg);transform:translate(-50%,-50%)}.strum .mcol .med{position:absolute;left:14%;width:72%;height:2px;background:var(--fg)}.strum .mcol .d{transition:transform .12s,opacity .12s}.strum .mcol .d.acceso{opacity:1!important;transform:translate(-50%,-50%) scale(2)}.strum .mlab{display:grid;grid-template-columns:repeat(12,1fr);gap:.5cqw;margin-top:var(--v1)}.strum .mlab span{font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.4;text-align:center}.strum .lanes{flex:1;min-height:0;display:flex;flex-direction:column;margin-top:var(--v1)}.strum .dec,.strum .stair,.strum .mo.secondo{margin-top:var(--v3)}.strum .side .nome{font-weight:800;font-size:clamp(15px,1.9cqw,34px);letter-spacing:-.02em;margin-top:var(--v1)}.strum .side .nomesub{margin-top:var(--v1)}.strum .lane{display:grid;grid-template-columns:8cqw 1fr 4.6cqw;gap:1.2cqw;align-items:center;flex:1;min-height:0;transition:opacity .22s;border-bottom:1px solid rgba(20,24,28,.06)}.strum .lane:last-child{border-bottom:none}.strum .lane:hover{opacity:1!important}.strum .lname{font-family:DM Mono,monospace;font-size:var(--mono);text-align:right;opacity:.58}.strum .axg{display:grid;grid-template-columns:8cqw 1fr 4.6cqw;gap:1.2cqw;margin-top:.3cqw}.strum .axl3{position:relative;height:1.1cqw;font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.3}.strum .axl3 span{position:absolute;transform:translate(-50%)}.strum .strip{position:relative;height:100%}.strum .strip .zero{position:absolute;top:8%;height:84%;width:1px;background:#14181c2e;transform:translate(-50%)}.strum .strip .med{position:absolute;top:16%;height:68%;width:2px;background:var(--fg);transform:translate(-50%)}.strum .strip .d{position:absolute;width:.58cqw;min-width:6px;height:.58cqw;min-height:6px;border-radius:50%;background:var(--fg);transform:translate(-50%,-50%)}.strum .strip .d.oltre{border-radius:0;width:2px;min-width:2px;height:44%;min-height:0;top:50%!important;opacity:.34}.strum .lmed{font-family:DM Mono,monospace;font-size:var(--mono);text-align:right}.strum .chart{position:relative}.strum .clab{position:absolute;font-family:DM Mono,monospace;font-size:var(--mono);white-space:nowrap;pointer-events:none;background:var(--bg);padding:0 .4em;margin-left:-.4em;color:color-mix(in srgb,var(--fg) 54%,var(--bg))}.strum .clab.acc{color:var(--acc)}.strum .clab.fioco{color:color-mix(in srgb,var(--fg) 32%,var(--bg))}.strum .cdot{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--fg);transform:translate(-50%,-50%);pointer-events:none}.strum .cdot.acc{background:var(--acc)}@media(max-width:1000px){.strum .clab.banda{display:none}.strum .stair svg{height:72px}}.strum .mhead,.strum .mrow{display:grid;grid-template-columns:7cqw 1fr 6.4cqw;gap:.9cqw;align-items:center}.strum .mhead{font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.3;padding-bottom:var(--v1)}.strum .mrow{padding:.16cqw 0;transition:opacity .2s;cursor:default}.strum .mrow:hover{opacity:1!important}.strum .mtk{font-family:DM Mono,monospace;font-size:var(--mono)}.strum .cells{display:block;position:relative}.strum .cells .spark{width:100%;height:1.35cqw;min-height:17px;max-height:26px;display:block}.strum .cells .vuota{font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.28}.strum .mnow,.strum .mstr{font-family:DM Mono,monospace;font-size:var(--mono);text-align:right}.strum .spiegabile{border-bottom:1px dotted rgba(20,24,28,.32);cursor:help}.strum .mstr{opacity:.45}.strum .righe{flex:1;min-height:0;overflow:hidden}.strum .assex{display:flex;justify-content:space-between;font-family:DM Mono,monospace;font-size:var(--mono-s);opacity:.28;margin-top:var(--v1)}@media(max-width:1000px){.strum{padding-top:calc(var(--hd-h, 168px) + var(--s4));overflow-y:auto}.strum .cuts{flex-wrap:wrap;row-gap:var(--s1)}.strum .cut{display:flex;flex-wrap:wrap;align-items:baseline;width:100%;gap:var(--s1) var(--s3)}.strum .cutlab{flex:0 0 100%}.strum .cutlab+.opt{margin-left:0}.strum .opt{white-space:nowrap}.strum .chtop{flex-direction:column;align-items:flex-start;gap:var(--s1);height:auto}.strum .chtop>.mo{white-space:normal;overflow:visible;text-overflow:clip;max-width:100%}.strum .chread{white-space:normal;text-align:left;flex:0 0 auto}.strum .tot{display:grid;grid-template-columns:repeat(2,1fr);align-items:start;gap:var(--s3) var(--s4)}.strum .clab{white-space:normal;max-width:92%;text-wrap:balance;line-height:1.35}.strum .chart{overflow:hidden}}
