.play-body{overscroll-behavior:none;background:radial-gradient(circle at 50% 20%,#3b2262,#140a24 70%);overflow:hidden}#unk-play{justify-content:center;align-items:center;height:100dvh;display:flex}#unk-stage-wrap{flex-direction:column;justify-content:center;width:min(100vw,60dvh);height:100dvh;display:flex;position:relative}#unk-stage{aspect-ratio:3/5;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#0d0619;width:100%;position:relative;overflow:hidden}@media (width>=700px){#unk-stage{box-shadow:0 0 0 6px var(--accent,#ffd84a), 0 0 60px #ffd84a2e;border-radius:16px}#unk-stage-wrap{width:min(100vw,60dvh - 14.4px);height:calc(100dvh - 24px)}}#unk-stage canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#unk-hud{z-index:3;pointer-events:none;grid-template-columns:auto 1fr 44px 44px;align-items:center;gap:10px;display:grid;position:absolute;top:6px;left:10px;right:8px}#unk-turn{background:var(--yellow);color:#1d1033;border-radius:99px;grid-area:2/1/auto/-1;justify-self:center;padding:1px 10px;font-size:13px;font-weight:800}#unk-turn:empty{display:none}#unk-score{font-family:var(--sign);color:#fff;-webkit-text-stroke:5px #1d1033;paint-order:stroke fill;grid-area:1/1;font-size:30px;font-weight:400;line-height:1}#unk-hud .bar{background:#fff3;border-radius:8px;grid-area:1/2;height:8px;overflow:hidden}#unk-timebar{background:var(--accent,#ffd84a);transform-origin:0;height:100%;display:block}#unk-pause{pointer-events:auto;background:#1d1033b8;border:0;border-radius:50%;grid-area:1/3;place-items:center;width:44px;height:44px;display:grid}#unk-pause svg{fill:#fff;width:22px;height:22px}.panel{z-index:4;text-align:center;background:linear-gradient(#2a1748,#14092a);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 22px;display:flex;position:absolute;inset:0}.panel.center{background:#14092adb;gap:20px}.panel h1{font-family:var(--sign);color:var(--yellow);margin:4px 0 0;font-size:clamp(25px,7.4cqw,42px);font-weight:400;line-height:1.2}.panel h2{font-family:var(--sign);margin:0;font-size:34px;font-weight:400}#unk-stage{container-type:inline-size}.panel .cover{aspect-ratio:1;width:min(58cqw,36cqh,320px);height:auto;box-shadow:0 0 0 4px var(--accent,#ffd84a);border-radius:18px}.panel .lead{margin:0;font-size:clamp(15px,3.6cqw,20px);font-weight:800}.panel .howto{color:var(--dim);max-width:30em;margin:0;font-size:clamp(14px,3.1cqw,17px)}.panel .challenge{background:var(--pink);color:#1d1033;border-radius:99px;margin:0;padding:4px 12px;font-weight:800}.logo{font-family:var(--sign);color:var(--yellow);text-shadow:0 0 5px var(--yellow), 0 0 14px #ffd84ab3;padding:4px 2px;font-size:19px;line-height:1;text-decoration:none;position:absolute;top:10px;left:14px}.logo span{color:var(--cyan);text-shadow:0 0 5px var(--cyan), 0 0 14px #46e6ffb3}.modes{gap:8px;margin-top:4px;display:flex}.modes button{border:2px solid var(--dim);background:0 0;border-radius:12px;min-height:44px;padding:0 18px;font-weight:800}.modes button[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan);color:#1d1033}.big{font-family:var(--sign);background:var(--yellow);color:#1d1033;border:0;border-radius:18px;min-width:62%;min-height:64px;padding:0 28px;font-size:26px;font-weight:400;box-shadow:0 6px #b4851a}.big:active{transform:translateY(4px);box-shadow:0 2px #b4851a}.big:disabled{opacity:.6}.mid{border:3px solid var(--cyan);min-height:64px;color:var(--cyan);background:0 0;border-radius:18px;padding:0 14px;font-size:15px;font-weight:900}#unk-sound{z-index:6;color:#fff;background:#1d1033d1;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:6px;right:8px}#unk-sound svg{flex:none;width:20px;height:20px}#unk-sound-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#unk-sound:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}#unk-sound[aria-pressed=true] .off,#unk-sound[aria-pressed=false] .on{display:none}#unk-sound[aria-pressed=false]{color:var(--dim)}.sheet{z-index:4;border-top:4px solid var(--accent,#ffd84a);text-align:center;background:linear-gradient(#1d1033db,#14092a 34%);border-radius:22px 22px 0 0;max-height:58%;padding:14px 16px 16px;animation:.32s cubic-bezier(.2,1.4,.4,1) sheet-in;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}@keyframes sheet-in{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.sheet{animation:none}}.sheet p{margin:0}#unk-rank{font-family:var(--sign);color:var(--pink);font-size:clamp(22px,7cqw,38px);line-height:1.2}#unk-final{font-family:var(--sign);font-size:clamp(30px,9.6cqw,52px);line-height:1.2}#unk-comment{color:var(--dim);font-size:14px}#unk-comment:empty,#unk-note:empty,#unk-status:empty{display:none}#unk-note{color:var(--dim);font-size:14px;font-weight:800}#unk-note[data-hot=true]{color:var(--green)}#unk-board{background:#ffffff12;border-radius:12px;margin:8px 0 0;padding:8px}#unk-board h3{color:var(--cyan);margin:0 0 4px;font-size:13px}#unk-board ol{margin:0;padding:0;font-size:14px;font-weight:800;list-style:none}#unk-board li.top{color:var(--yellow)}.row{justify-content:center;gap:8px;margin-top:10px;display:flex}.row .big{flex:1;min-width:0}.row.small{gap:6px}.row.small .ghost{text-align:center;flex:1 1 0;min-width:0;min-height:40px;padding:2px 4px;font-size:clamp(11px,3cqw,14px);line-height:1.15}#unk-share-fallback{border:1px solid var(--dim);color:#fff;background:#000;border-radius:8px;width:100%;min-height:40px;margin-top:8px;padding:0 8px}#unk-status{color:var(--green);margin-top:6px;font-size:13px}