.sn-title{margin:0;font-size:1.3rem;font-weight:800}.sn-kicker{color:var(--accent);margin:0;font-size:.85rem;font-weight:800}.sn-sub{color:var(--muted);text-align:center;min-height:1.6em;margin:4px 0 0;font-weight:600}.sn-note{text-align:center;color:var(--muted);margin:0;font-size:.85rem}.sn-intro{gap:var(--space-4);padding:var(--space-6);display:grid}.sn-games{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.sn-games{grid-template-columns:repeat(4,minmax(0,1fr))}}.sn-game{width:100%;min-height:96px;padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);border:2px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;cursor:pointer;border-bottom-width:4px;justify-items:center;gap:2px;display:grid}.sn-game:hover{border-color:var(--tiger-500)}.sn-game span{font-size:1.6rem}.sn-game b{font-weight:800}.sn-game small{color:var(--muted);font-weight:600}.sn-stage{z-index:100;background:var(--bg);overscroll-behavior:contain;touch-action:manipulation;flex-direction:column;display:flex;position:fixed;inset:0}.sn-stage-head{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-top:max(var(--space-3), env(safe-area-inset-top));border-bottom:2px solid var(--line);display:flex}.sn-stage-title{flex:1;min-width:0;font-weight:800}.sn-stage-body{min-height:0;padding:var(--space-5) var(--space-4);padding-bottom:max(var(--space-5), env(safe-area-inset-bottom));flex:1;display:flex;overflow-y:auto}.sn-center,.sn-game-wrap{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;width:100%;max-width:480px;margin:auto;display:flex}.sn-big-emoji{font-size:4rem}.sn-center-title{margin:0;font-size:1.5rem;font-weight:800}.sn-howto{word-break:keep-all;margin:0;font-size:1.05rem;font-weight:600;line-height:1.6}.sn-go{width:100%;max-width:320px;margin-top:var(--space-3)}.sn-done-score{font-variant-numeric:tabular-nums;margin:0;font-size:4rem;font-weight:800;line-height:1.05}.sn-done-score small{font-size:.45em}.sn-tries{color:var(--muted);margin:0;font-weight:800}.sn-key{color:var(--muted);margin:0;font-size:.8rem}@media (pointer:coarse){.sn-key{display:none}}.sn-clock{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(4rem,22vw,6rem);font-weight:800}.sn-clock small{margin-left:4px;font-size:.35em}.sn-clock.is-hidden{color:var(--line)}.sn-big-btn{aspect-ratio:1;border:4px solid var(--tiger-600);background:var(--tiger-500);width:min(240px,70vw);color:var(--bear-900);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom-width:10px;border-radius:50%;font-size:1.6rem;font-weight:800}.sn-big-btn.is-stop{background:var(--bad-600);border-color:var(--bear-900);color:var(--bg)}.sn-big-btn:active:not(:disabled){border-bottom-width:6px;transform:translateY(3px)}.sn-big-btn:disabled{opacity:.5;cursor:default}.sn-color-top{justify-content:space-between;align-items:center;width:100%;display:flex}.sn-color-top .chip{cursor:default}.sn-lives{color:var(--line);gap:4px;font-size:1.4rem;display:flex}.sn-lives .is-on{color:var(--bad-600)}.sn-color-grid{gap:6px;width:min(100%,56vh);display:grid}.sn-color-cell{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:12px;min-height:40px}.sn-color-cell.is-answer{outline:4px solid var(--bear-900);outline-offset:2px}.sn-color-cell.is-wrong{outline:4px solid var(--bad-600)}.sn-line-svg{border-radius:var(--radius);background:var(--cream-50);cursor:crosshair;touch-action:none;width:100%;height:46vh;max-height:360px}.sn-line{stroke:var(--bear-900);stroke-width:6px;stroke-linecap:round}.sn-line-end{stroke:var(--bear-900);stroke-width:4px}.sn-line-true{stroke:var(--good-600);stroke-width:4px}.sn-line-mark{stroke:var(--tiger-600);stroke-width:4px}.sn-angle-svg{aspect-ratio:1;border-radius:var(--radius);background:var(--cream-50);width:min(100%,42vh)}.sn-ray{stroke:var(--bear-900);stroke-width:2.4px;stroke-linecap:round}.sn-vertex{fill:var(--tiger-600)}.sn-angle-pick{gap:var(--space-2);width:100%;display:grid}.sn-angle-value{font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:800}.sn-angle-pick input[type=range]{width:100%;min-height:44px;accent-color:var(--tiger-500)}.sn-angle-nudge{gap:var(--space-2);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.sn-angle-nudge .btn-sm{min-width:56px}.sn-result-wrap{gap:var(--space-4);margin:var(--space-2) 0 var(--space-8);scroll-margin-top:var(--space-4);display:grid}.sn-result{padding-top:var(--space-5)}.sn-result .mascot{margin:0 auto}.sn-grade{margin:4px 0 0;font-size:1.35rem;font-weight:800}.sn-bars{padding:var(--space-5);gap:var(--space-4);border-radius:var(--radius);background:var(--cream-50);margin:0;list-style:none;display:grid}.sn-bar-head{justify-content:space-between;align-items:baseline;display:flex}.sn-bar-head small{color:var(--muted);font-weight:600}.sn-bar{border-radius:var(--radius-pill);background:var(--bg);height:14px;margin-top:6px;overflow:hidden}.sn-bar span{border-radius:inherit;background:var(--muzzle-300);transform-origin:0;height:100%;animation:sn-grow .7s var(--ease) both;display:block}.sn-bars .is-best .sn-bar span{background:var(--tiger-500)}@keyframes sn-grow{0%{transform:scaleX(0)}}.sn-bar-best{color:var(--muted);font-weight:600}.sn-actions{gap:var(--space-2);display:grid}.sn-actions .btn{width:100%}@media (min-width:720px){.sn-actions{grid-template-columns:1fr 1fr}}.sn-toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:110;border-radius:var(--radius-md);background:var(--bear-900);max-width:calc(100% - 32px);color:var(--bg);box-shadow:var(--shadow-float);animation:rise .2s var(--ease) both;padding:12px 18px;font-weight:700;position:fixed;transform:translate(-50%)}