.sna-wrap{width:100%}.sna-board{border-radius:var(--r-md);background:var(--game);width:100%;height:480px;box-shadow:var(--hard);touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.sna-board.is-playing{cursor:crosshair}.sna-board:after{content:"";border-radius:inherit;pointer-events:none;z-index:4;box-shadow:inset 0 0 0 3px var(--ink);position:absolute;inset:0}.sna-canvas{width:100%;height:100%;display:block}.sna-lb{z-index:2;background:var(--white);border:var(--edge);min-width:142px;box-shadow:var(--hard-sm);pointer-events:none;border-radius:12px;margin:0;padding:6px;font-size:13px;font-weight:700;line-height:1.2;list-style:none;position:absolute;top:12px;right:12px}.sna-lb:empty{display:none}.sna-lb li{color:var(--ink-2);border-radius:7px;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;padding:2px 6px;display:grid}.sna-lb li.is-me{background:var(--sun);color:var(--ink);font-weight:800}.sna-lb-you{margin-top:3px}.sna-lb-rank{color:var(--ink-3);font-variant-numeric:tabular-nums}.sna-lb li.is-me .sna-lb-rank{color:var(--ink)}.sna-lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sna-lb-len{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink);font-weight:800}.sna-toast{z-index:3;background:var(--sun);border:var(--edge);box-shadow:var(--hard-sm);font-family:var(--font-display);letter-spacing:-.02em;white-space:nowrap;pointer-events:none;animation:sna-toast 1.7s var(--ease-spring) both;border-radius:999px;padding:6px 14px 7px;font-size:17px;font-weight:800;position:absolute;top:14px;left:50%;transform:translate(-50%)rotate(-2deg)}@keyframes sna-toast{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.8)rotate(-4deg)}14%{opacity:1;transform:translate(-50%)scale(1.06)rotate(-2deg)}22%,82%{opacity:1;transform:translate(-50%)scale(1)rotate(-2deg)}to{opacity:0;transform:translate(-50%)translateY(-6px)scale(.96)rotate(-2deg)}}.sna-overlay{z-index:3;text-align:center;animation:sna-fade .2s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0}.sna-overlay--dim{background:#fff7ddbd}.sna-card{background:var(--white);border:var(--edge);border-radius:var(--r-md);max-width:min(340px,100%);box-shadow:var(--hard);animation:sna-pop .32s var(--ease-spring);flex-direction:column;align-items:center;gap:8px;padding:16px 22px 18px;display:flex}.sna-card-title,.sna-big{font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(24px,6vw,30px);font-weight:800;line-height:1}.sna-big{letter-spacing:-.04em;font-size:clamp(32px,8vw,44px)}.sna-card-sub{color:var(--ink-2);text-wrap:balance;max-width:32ch;margin:0;font-size:14px;font-weight:600}.sna-play{height:48px;margin-top:4px;padding:0 30px;font-size:17px}@keyframes sna-fade{0%{opacity:0}}@keyframes sna-pop{0%{opacity:0;transform:translateY(10px)scale(.94)rotate(-1.5deg)}}.sna-boost{z-index:3;border:3px solid var(--ink);background:var(--orange);width:78px;height:78px;box-shadow:4px 5px 0 var(--ink);cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .11s var(--ease-spring), box-shadow .11s var(--ease-spring), background .11s;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:18px;right:16px}.sna-boost.is-on{box-shadow:0 0 0 var(--ink);background:var(--sun);transform:translate(4px,5px)}.sna-hint-touch{display:none}@media (pointer:coarse){.sna-hint-mouse{display:none}.sna-hint-touch{display:inline}}.sna-dialog-hint{color:var(--ink-3);margin:0;font-size:13px;font-weight:600}@media (pointer:coarse){.sna-dialog-hint{display:none}}@media (width<=560px){.sna-lb{min-width:124px;padding:4px;font-size:12px;top:8px;right:8px}.sna-lb li{grid-template-columns:13px 1fr auto;gap:5px;padding:1px 5px}.sna-toast{font-size:15px;top:auto;bottom:110px}}@media (prefers-reduced-motion:reduce){.sna-overlay,.sna-card,.sna-toast{animation:none}.sna-boost{transition:none}}