:root{--bg:#f3ecdf;--surface:#fff;--surface-2:#fbf6ec;--ink:#111;--line:#111;--shadow:#111;--muted:#6d6658;--accent:#ffd23f;--accent-2:#ff5c8a;--ok:#3ddc97;--info:#7cc4ff;--on-color:#111;--border:3px;--radius:10px;--lift:5px;--font:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Archivo Black", "Arial Black", var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#14121a;--surface:#262230;--surface-2:#1d1a25;--ink:#f5efe3;--line:#f5efe3;--shadow:#f5efe3;--muted:#a49cb0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-weight:700;overflow:hidden}#app{z-index:1;position:fixed;inset:0}button,input{font:inherit;color:inherit}svg{display:block}.card{background:var(--surface);border:var(--border) solid var(--line);border-radius:var(--radius);box-shadow:var(--lift) var(--lift) 0 var(--shadow)}.btn{--btn-bg:var(--surface);background:var(--btn-bg);min-height:52px;color:var(--on-color);border:var(--border) solid var(--line);border-radius:var(--radius);box-shadow:var(--lift) var(--lift) 0 var(--shadow);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:18px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn.plain{color:var(--ink)}.btn svg{width:22px;height:22px}.btn:hover:not(:disabled){box-shadow:calc(var(--lift) + 1px) calc(var(--lift) + 1px) 0 var(--shadow);transform:translate(-1px,-1px)}.btn:active:not(:disabled),.btn.pressed{transform:translate(var(--lift), var(--lift));box-shadow:0 0 0 var(--shadow)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.icon-btn:focus-visible,.input:focus-visible,.color-opt:focus-visible{outline:3px dashed var(--accent-2);outline-offset:3px}.btn.yellow{--btn-bg:var(--accent)}.btn.pink{--btn-bg:var(--accent-2)}.btn.green{--btn-bg:var(--ok)}.btn.blue{--btn-bg:var(--info)}.btn.big{min-height:72px;padding:0 34px;font-size:26px}.btn.big svg{width:30px;height:30px}.icon-btn{background:var(--surface);width:48px;height:48px;color:var(--ink);border:var(--border) solid var(--line);border-radius:var(--radius);box-shadow:4px 4px 0 var(--shadow);cursor:pointer;flex:none;place-items:center;transition:transform 80ms,box-shadow 80ms;display:inline-grid}.icon-btn svg{width:24px;height:24px}.icon-btn:hover:not(:disabled){box-shadow:5px 5px 0 var(--shadow);transform:translate(-1px,-1px)}.icon-btn:active:not(:disabled),.icon-btn.on{box-shadow:0 0 0 var(--shadow);transform:translate(4px,4px)}.icon-btn.yellow{background:var(--accent);color:var(--on-color)}.icon-btn.small{width:36px;height:36px;box-shadow:3px 3px 0 var(--shadow)}.icon-btn.small svg{width:18px;height:18px}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.input{background:var(--surface-2);border:var(--border) solid var(--line);border-radius:var(--radius);width:100%;height:60px;padding:0 18px;font-size:22px;box-shadow:inset 4px 4px #00000014}.input::placeholder{color:var(--muted);opacity:1}.input.code{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;text-align:center;font-size:28px}.swatch{border:var(--border) solid var(--line);border-radius:50%;flex:none;width:28px;height:28px}.badge{border:2px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:14px;display:inline-flex}.badge svg{width:16px;height:16px}.toast{z-index:50;background:var(--accent-2);color:var(--on-color);border:var(--border) solid var(--line);border-radius:var(--radius);box-shadow:var(--lift) var(--lift) 0 var(--shadow);text-transform:uppercase;padding:12px 20px;font-size:18px;animation:.16s ease-out pop;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast.good{background:var(--ok)}.notice{z-index:55;background:var(--info);height:44px;color:var(--on-color);border:var(--border) solid var(--line);box-shadow:3px 3px 0 var(--shadow);font-family:var(--display);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;font-size:20px;animation:.16s ease-out pop;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.notice svg{width:24px;height:24px}.notice.due svg{animation:1.2s linear infinite spin}.notice.done{background:var(--ok);font-family:var(--font);text-transform:uppercase;font-size:16px}body:has(.game) .notice{top:auto;bottom:104px}@media (width<=640px){.notice{top:auto;bottom:24px}body:has(.game) .notice{bottom:92px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:translate(-50%)scale(.8)}}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0}.screen{position:absolute;inset:0;overflow:auto}.corner{z-index:20;gap:12px;display:flex;position:fixed;top:16px;right:16px}.home{flex-direction:column;justify-content:center;align-items:center;gap:44px;min-height:100%;padding:80px 16px 40px;display:flex}.logo{background:var(--accent);max-width:100%;color:var(--on-color);border:4px solid var(--line);box-shadow:10px 10px 0 var(--shadow);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;padding:18px 30px;display:flex;transform:rotate(-2deg)}.logo h1{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:clamp(30px,8.6vw,88px);font-weight:400;line-height:1}.logo .hands{gap:6px;display:flex}.hand-icon{width:1em;height:1em;-webkit-mask:var(--hand) center / contain no-repeat;-webkit-mask:var(--hand) center / contain no-repeat;mask:var(--hand) center / contain no-repeat;background:currentColor}.logo .hand-icon{font-size:clamp(30px,6vw,56px)}.home-actions{flex-wrap:wrap;justify-content:center;gap:22px;display:flex}.entry{flex-direction:column;gap:16px;width:min(440px,100%);padding:22px;display:flex}.entry .row{gap:12px;display:flex}.lobby{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:24px;max-width:1080px;margin:0 auto;padding:24px 16px 60px;display:grid}@media (width<=820px){.lobby{grid-template-columns:minmax(0,1fr)}}.lobby-top{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:14px;padding-right:136px;display:flex}@media (width<=560px){.lobby-top{padding-top:56px;padding-right:0}}.code-card{background:var(--accent);color:var(--on-color);align-items:center;gap:14px;padding:10px 14px 10px 20px;display:flex}.code-card .code{font-family:var(--display);letter-spacing:.18em;font-size:40px;line-height:1}.code-card .icon-btn{background:var(--surface);color:var(--ink)}.panel{flex-direction:column;gap:16px;padding:18px;display:flex}.seat-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.seat{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:12px;min-height:60px;padding:8px 12px;font-size:19px;display:flex}.seat.mine{box-shadow:4px 4px 0 var(--shadow);background:var(--surface)}.seat.editing{outline:3px dashed var(--accent-2);outline-offset:3px}.seat.clickable{cursor:pointer}.seat .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.seat .swatch{width:36px;height:36px}.seat .state{align-items:center;gap:6px;display:flex}.seat .state svg{width:22px;height:22px}.seat .ready-dot{border:2px solid var(--line);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.seat .ready-dot.on{background:var(--ok);color:var(--on-color)}.seat .ready-dot svg{width:18px;height:18px}.seat.offline{opacity:.55}.tag{border:2px solid var(--line);background:var(--info);color:var(--on-color);border-radius:6px;padding:2px 6px;font-size:12px}.color-grid{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--surface-2);touch-action:manipulation;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;padding:10px;display:grid}@media (width<=560px){.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.color-opt{aspect-ratio:1;border:var(--border) solid var(--line);min-width:0;max-height:64px;box-shadow:3px 3px 0 var(--shadow);cursor:pointer;border-radius:50%;padding:0;transition:transform 80ms;position:relative}.color-opt:hover:not(:disabled){transform:translate(-1px,-1px)scale(1.06)}.color-opt:disabled{cursor:not-allowed;box-shadow:none}.color-opt:disabled:not(.taken){opacity:.4}.color-opt.taken:after{content:"";background:var(--on-color);border-radius:50%;position:absolute;inset:30%}.color-opt.mine{outline:4px solid var(--line);outline-offset:3px}.settings{grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:14px;display:grid}.stepper{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:6px;min-width:0;padding:6px 8px;display:flex}.stepper .label{white-space:nowrap;text-transform:uppercase;flex:1;align-items:center;gap:5px;min-width:0;font-size:14px;display:flex;overflow:hidden}.stepper .label svg{flex:none;width:20px;height:20px}.stepper .value{min-width:3.4ch;font-family:var(--display);justify-content:center;align-items:baseline;gap:2px;font-size:24px;display:flex}.stepper .unit{font-family:var(--font);color:var(--muted);font-size:11px}.lobby-actions{flex-wrap:wrap;gap:16px;display:flex}.lobby-actions .btn{flex:160px}.lobby-actions .btn.learn{flex:0 auto}.countdown{background:var(--accent-2);color:var(--on-color);font-family:var(--display);justify-content:center;align-items:center;gap:14px;padding:12px;font-size:40px;display:flex}.countdown svg{width:36px;height:36px}.game{position:absolute;inset:0}.game canvas{touch-action:none;display:block;position:absolute;inset:0}.hud{pointer-events:none;z-index:5;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-tl{flex-wrap:wrap;align-items:center;gap:12px;max-width:calc(100% - 272px);display:flex;position:absolute;top:16px;left:16px}.hud-pill{height:48px;font-family:var(--display);align-items:center;gap:8px;padding:0 14px;font-size:22px;display:flex}.hud-pill svg{width:22px;height:22px}.hud-pill.timer{background:var(--accent-2);color:var(--on-color)}.hud-pill.timer.calm{background:var(--surface);color:var(--ink)}.hud-pill .of{color:var(--muted);margin-left:-4px;font-size:15px}.hud-pill.overtime{background:var(--accent-2);color:var(--on-color)}.players{display:contents}.hud.ledger-open .hud-tl{max-width:calc(100% - 388px)}.pchip{background:var(--surface);border:var(--border) solid var(--line);height:48px;font-family:var(--display);box-shadow:3px 3px 0 var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 6px;font-size:18px;display:flex;position:relative}.pchip .pname{border:var(--border) solid var(--line);height:32px;color:var(--on-color);font-family:var(--font);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:15px;display:flex}.pchip .pname svg{flex:none;width:16px;height:16px}.pchip .flags{gap:2px;display:flex}.pchip .flags svg{width:18px;height:18px}.pchip.dead{opacity:.45}.pchip.switchable{cursor:pointer}.pchip.active{background:var(--accent);color:var(--on-color);box-shadow:none;transform:translate(3px,3px)}.hud-tr{gap:10px;display:flex;position:absolute;top:16px;right:16px}.hud-bottom{align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.tokens{align-items:center;gap:8px;display:flex}.token{border:var(--border) solid var(--line);background:var(--accent);width:48px;height:48px;color:var(--on-color);border-radius:50%;place-items:center;display:grid}.token svg{width:24px;height:24px}.token.block{background:var(--info);border-radius:10px}.token.used{color:var(--muted);background:0 0;border-style:dashed}.active-seat{border:var(--border) solid var(--line);border-radius:50%;flex:none;width:48px;height:48px}.sep{background:var(--line);border-radius:2px;align-self:stretch;width:3px}.hud-zoom{flex-direction:column;gap:10px;display:flex;position:absolute;bottom:18px;left:16px}.hud-replay{align-items:center;gap:10px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.hud>.gauge-rail{left:16px;top:var(--rail-top,80px);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:48px;display:flex;position:absolute;bottom:196px;container-type:size}.gauge{--pitch:clamp(5px, calc((100cqh - 24px) / var(--n)), 20px);--gap:calc(var(--pitch) * .2);--dot:calc(var(--pitch) - var(--gap));gap:var(--gap);box-shadow:3px 3px 0 var(--shadow);pointer-events:auto;border-radius:999px;flex-direction:column-reverse;padding:6px;display:flex}.gdot{width:var(--dot);height:var(--dot);border:clamp(0px, calc(var(--dot) - 6px), 2px) solid var(--line);border-radius:50%;flex:none;transition:background-color .2s;position:relative}.gdot.empty{background:color-mix(in srgb, var(--line) 16%, transparent);border-color:color-mix(in srgb, var(--line) 35%, transparent)}.gdot.maj:after{content:"";left:-17px;right:-17px;top:calc(var(--gap) / -2 - 4px);background:var(--line);border-radius:2px;height:4px;position:absolute}.ledger{z-index:6;flex-direction:column;width:min(340px,100% - 32px);display:flex;position:absolute;top:80px;bottom:96px;right:16px;overflow:hidden}.ledger-scroll{flex-direction:column;gap:14px;padding:12px;display:flex;overflow-y:auto}.ledger-head{border-bottom:var(--border) solid var(--line);font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;flex:none;padding:10px 14px;font-size:18px}.lround{flex-direction:column;gap:6px;display:flex}.lround-head{font-family:var(--display);align-items:center;gap:8px;font-size:18px;display:flex}.lround-head svg{width:18px;height:18px}.lround-head:after{content:"";background:var(--line);flex:1;height:3px}.lrow{border:2px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:8px;align-items:center;gap:6px;min-height:40px;padding:4px 8px;display:flex}.lrow:hover{background:var(--accent);color:var(--on-color)}.lrow svg{flex:none;width:18px;height:18px}.lrow .ldot{border:2px solid var(--line);width:22px;height:22px;color:var(--on-color);border-radius:50%;flex:none;place-items:center;display:grid}.lrow .ldot.neutral{background:var(--surface);border-style:dashed}.lrow .ldot .hand-icon{font-size:14px}.lrow .stack-mini{gap:1px;display:flex}.lrow .stack-mini .hand-icon{font-size:15px}.lrow .spacer{flex:1}.lrow .num{font-family:var(--display);text-align:right;min-width:2ch;font-size:14px}.lrow .combo{color:var(--accent-2)}.lrow:hover .combo{color:inherit}.overlay{background:color-mix(in srgb, var(--bg) 70%, transparent);z-index:30;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.winner{flex-direction:column;align-items:center;gap:22px;padding:28px 34px;display:flex;transform:rotate(-1.5deg)}.winner .crown{border:4px solid var(--line);width:120px;height:120px;color:var(--on-color);box-shadow:8px 8px 0 var(--shadow);border-radius:50%;place-items:center;display:grid}.winner .crown svg{width:64px;height:64px}.winner .who{font-family:var(--display);text-transform:uppercase;font-size:clamp(30px,6vw,54px)}.winner .row{gap:14px;display:flex}.winner .support{border-top:3px dashed color-mix(in srgb, var(--line) 30%, transparent);color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin-top:4px;padding-top:18px;font-size:15px;display:flex}.kofi-chip{height:36px;color:var(--on-color);border:var(--border) solid var(--line);box-shadow:3px 3px 0 var(--shadow);font-family:var(--display);background:#ff5e5b;border-radius:999px;align-items:center;gap:6px;padding:0 14px 0 10px;font-size:15px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.kofi-chip:hover{box-shadow:4px 4px 0 var(--shadow);transform:translate(-1px,-1px)}.kofi-chip:active{box-shadow:none;transform:translate(3px,3px)}.kofi-chip:focus-visible{outline:3px dashed var(--accent-2);outline-offset:3px}.kofi-chip svg{width:20px;height:20px}.credit{z-index:2;text-align:center;letter-spacing:.02em;color:var(--ink);opacity:.45;pointer-events:none;font-size:13px;position:fixed;bottom:12px;left:0;right:0}.reconnecting{z-index:60;background:var(--accent-2);width:48px;height:48px;color:var(--on-color);place-items:center;animation:1s steps(2,end) infinite blink;display:grid;position:fixed;bottom:16px;left:16px}.reconnecting svg{width:26px;height:26px}@keyframes blink{50%{opacity:.4}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=640px){.hud-tl{max-width:calc(100% - 180px)}.hud-bottom{gap:6px;padding:8px;bottom:14px}.tokens{gap:6px}.token,.active-seat{width:34px;height:34px}.token svg{width:18px;height:18px}.hud-bottom .icon-btn{width:44px;height:44px}.hud-bottom .btn{min-height:44px;padding:0 12px}.hud-bottom .btn .label{display:none}.hud-tr{gap:8px;top:12px;right:12px}.hud-tr .icon-btn{width:44px;height:44px}.hud-tl,.hud.ledger-open .hud-tl{gap:8px;max-width:none;top:68px;left:12px;right:12px}.hud-tl .timer{position:absolute;top:-56px;left:0}.hud-pill{gap:6px;height:44px;padding:0 10px;font-size:18px}.pchip{gap:6px;height:40px;padding:0 10px 0 4px;font-size:16px}.pchip .pname{height:28px;padding:0 8px;font-size:13px}.hud>.gauge-rail{width:34px;bottom:92px;left:6px}.gauge{padding:4px}.gdot.maj:after{left:-12px;right:-12px}.hud-zoom{bottom:92px;left:auto;right:12px}.hud-zoom .icon-btn{width:40px;height:40px}.hud.ledger-open .hud-zoom{display:none}.ledger{width:auto;height:min(36dvh,300px);inset:auto 12px 92px 46px}}.tut-overlay{z-index:40;position:fixed}.tut{flex-direction:column;gap:14px;width:min(980px,100%);padding:16px;display:flex;position:relative}.tut-stage{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--surface-2);height:clamp(240px,56vh,540px);position:relative;overflow:hidden}.tut-stage canvas{position:absolute;inset:0}.tut-bar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.tut-cap{font-family:var(--display);text-transform:uppercase;flex:1;align-items:center;gap:12px;font-size:clamp(24px,4vw,34px);display:flex}.tut-cap svg{width:34px;height:34px}.tut-lock{pointer-events:none}.tut-nav{justify-content:center;align-items:center;gap:16px;display:flex}.tut-dots{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tut-dot{border:2.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;width:16px;height:16px;padding:0}.tut-dot.on{background:var(--accent);transform:scale(1.3)}.tut-close{position:absolute;top:-14px;right:-14px}.tut-cursor{pointer-events:none;z-index:5;filter:drop-shadow(3px 3px #0009);width:36px;height:36px;margin:-4px 0 0 -7px;position:absolute;top:0;left:0}.tut-cursor svg{transform-origin:20% 10%;width:100%;height:100%;transition:transform 90ms}.tut-cursor.down svg{transform:scale(.82)}.tut-ripple{border:3px solid var(--accent-2);border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;animation:.48s ease-out forwards ripple;position:absolute;top:4px;left:7px}@keyframes ripple{to{opacity:0;transform:scale(3.6)}}.tut-tally{background:var(--surface);border:var(--border) solid var(--line);box-shadow:4px 4px 0 var(--shadow);z-index:2;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.tut-cell{border:2.5px solid var(--line);border-radius:50%;width:24px;height:24px}.tut-cell.empty{border-style:dashed}.tut-cell.goal{outline:3px solid var(--accent-2);outline-offset:2px}.tut-crown{width:0;color:var(--ink);transition:width .2s;overflow:hidden}.tut-crown svg{width:26px;height:26px}.tut-tally.won .tut-crown{width:26px;animation:.5s ease-out crownpop}@keyframes crownpop{0%{transform:scale(0)rotate(-30deg)}70%{transform:scale(1.5)rotate(10deg)}}@media (width<=640px){.tut{gap:10px;padding:10px}.tut-bar .btn .label{display:none}}@media (width<=720px){.tut-cap{flex-basis:100%}.tut-lock{margin-left:auto}}.sounds{max-width:780px;margin:0 auto;padding:84px 16px 48px}.sound-table{border-collapse:separate;border-spacing:0;width:100%;padding:6px 12px 12px}.sound-table th,.sound-table td{text-align:center;padding:6px}.sound-table thead th{z-index:2;background:var(--surface);border-bottom:var(--border) solid var(--line);padding:12px 6px;position:sticky;top:0}.sound-table tbody th{text-align:left;text-transform:uppercase;white-space:nowrap;font-size:15px}.sound-table tr.feature th{font-family:var(--display);font-size:20px;font-weight:400}.sound-table tr.feature+tr:not(.feature)>*{border-top:var(--border) dashed var(--line);padding-top:12px}.set-head{flex-direction:column;align-items:center;gap:10px;display:flex}.set-name{border:var(--border) solid var(--line);box-shadow:3px 3px 0 var(--shadow);color:var(--on-color);font-family:var(--display);text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:18px;font-weight:400;display:inline-block}.set-head .btn{min-height:38px;box-shadow:3px 3px 0 var(--shadow);gap:6px;padding:0 12px;font-size:13px}.set-head .btn svg{width:16px;height:16px}.play-btn{border:var(--border) solid var(--line);width:42px;height:42px;box-shadow:3px 3px 0 var(--shadow);color:var(--on-color);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:inline-grid}.play-btn svg{width:16px;height:16px}.play-btn.big{width:54px;height:54px}.play-btn.big svg{width:22px;height:22px}.play-btn:active,.play-btn.on{box-shadow:0 0 0 var(--shadow);transform:translate(3px,3px)}.play-btn.on,.play-btn:focus-visible{outline:3px dashed var(--accent-2);outline-offset:3px}.corner-left{left:16px;right:auto}@media (width<=560px){.sound-table{padding:4px 6px 10px}.sound-table th,.sound-table td{padding:4px 2px}.sound-table tbody th{font-size:12px}.sound-table tr.feature th{font-size:15px}.set-name{padding:4px 8px;font-size:13px}.set-head .btn{padding:0 9px}.set-head .btn .label{display:none}.play-btn{width:36px;height:36px}.play-btn.big{width:44px;height:44px}}.sound-menu{display:inline-flex;position:relative}.sound-menu>.icon-btn{position:relative}.sound-menu>.icon-btn .pack{fill:var(--pack)}.sound-menu .menu{z-index:70;flex-direction:column;gap:6px;min-width:176px;padding:8px;animation:.12s ease-out menu-pop;display:flex;position:absolute;top:calc(100% + 12px);right:0}@keyframes menu-pop{0%{opacity:0;transform:translateY(-6px)scale(.96)}}.menu-item{border:var(--border) solid var(--line);background:var(--surface-2);height:46px;color:var(--ink);font-family:var(--display);text-transform:uppercase;text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:0 10px 0 12px;font-size:16px;transition:transform 80ms,box-shadow 80ms;display:flex}.menu-item:hover,.menu-item:focus-visible{box-shadow:3px 3px 0 var(--shadow);outline:none;transform:translate(-1px,-1px)}.menu-item .swatch,.menu-icon svg{width:22px;height:22px}.menu-label{flex:1}.menu-check{visibility:hidden}.menu-check svg{width:20px;height:20px}.menu-item[aria-checked=true]{background:var(--accent);color:var(--on-color)}.menu-item[aria-checked=true] .menu-check{visibility:visible}.menu-sep{background:var(--line);border-radius:2px;height:3px;margin:2px 0}