:root{--seat0:#ff6b5b;--seat1:#2ec4b6;--ink:#23324a;--card:#ffffffeb;--sky-top:#8fd3f4;--horizon:#cfe9f7;color:var(--ink);font-family:Fredoka,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:linear-gradient(var(--sky-top), var(--horizon) 60%);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;cursor:pointer;width:100%;height:100%;position:fixed;inset:0}[hidden]{display:none!important}#hud{top:calc(env(safe-area-inset-top) + 10px);pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:0;right:0}#players{gap:10px;max-width:100%;padding:0 12px;display:flex}.pill{background:var(--card);opacity:.6;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:17px;font-weight:700;transition:transform .25s,opacity .25s;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001f}.pill.active{opacity:1;transform:scale(1.08)}.pill .dot{border-radius:50%;flex:none;width:14px;height:14px}.seat0 .dot{background:var(--seat0)}.seat1 .dot{background:var(--seat1)}#track{background:var(--card);border-radius:999px;gap:6px;padding:6px 10px;display:flex;box-shadow:0 4px 12px #0000001f}#track span{background:#e8eef5;border-radius:50%;place-items:center;width:22px;height:22px;font-size:15px;display:grid}#track span.end0{background:color-mix(in srgb, var(--seat0) 45%, white)}#track span.end1{background:color-mix(in srgb, var(--seat1) 45%, white)}#hint{left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 24px);text-align:center;color:#fff;text-shadow:0 2px 8px #00000059;pointer-events:none;margin:0;font-size:24px;font-weight:700;position:fixed}#hint.pulse{animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.08)}}#banner{color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;opacity:0;pointer-events:none;white-space:nowrap;font-size:clamp(48px,14vw,96px);font-weight:700;transition:transform .3s cubic-bezier(.3,1.6,.5,1),opacity .3s;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)scale(.6)}#banner.show{opacity:1;transform:translate(-50%,-50%)scale(1)}body.tension:after{content:"";pointer-events:none;animation:.8s ease-in-out infinite tension;position:fixed;inset:0;box-shadow:inset 0 0 90px 24px #e6394699}body.tension.charging:after{animation-duration:.45s}@keyframes tension{50%{opacity:.35}}#debug{left:8px;top:calc(env(safe-area-inset-top) + 100px);color:#fff;background:#23324ab3;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 16px);padding:6px;font-size:14px;display:flex;position:fixed}#debug button{box-shadow:none;cursor:pointer;padding:4px 10px;font-size:14px}#debug label{cursor:pointer}#offline{left:50%;bottom:calc(env(safe-area-inset-bottom) + 80px);color:#fff;background:#23324a;border-radius:12px;padding:8px 16px;position:fixed;transform:translate(-50%)}.card-screen{-webkit-user-select:text;user-select:text;background:#23324a40;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{background:var(--card);text-align:center;border-radius:24px;flex-direction:column;gap:12px;width:min(380px,100%);padding:24px;display:flex;box-shadow:0 12px 40px #0003}h1{color:var(--seat0);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;margin:0;font-size:52px}h2{margin:0;font-size:28px}p{margin:0}.sub,.or{color:#5a6b85}label{text-align:left;flex-direction:column;gap:6px;font-weight:700;display:flex}input{font:inherit;color:var(--ink);background:#fff;border:2px solid #d5deea;border-radius:14px;min-width:0;padding:12px 14px;font-size:18px}.pill .wins:empty{display:none}input:focus{border-color:var(--seat1);outline:none}#code{text-transform:uppercase;letter-spacing:.2em;text-align:center;flex:1}.row{justify-content:center;gap:8px;display:flex}button{font:inherit;background:var(--seat1);color:#fff;cursor:pointer;box-shadow:0 4px 0 color-mix(in srgb, var(--seat1) 70%, black);border:none;border-radius:14px;padding:12px 18px;font-size:18px;font-weight:700}button:active{box-shadow:0 1px 0 color-mix(in srgb, var(--seat1) 70%, black);transform:translateY(3px)}button.big{background:var(--seat0);width:100%;box-shadow:0 5px 0 color-mix(in srgb, var(--seat0) 70%, black);padding:16px;font-size:22px}button.secondary{color:var(--ink);background:#fff;border:2px solid #d5deea;box-shadow:0 4px #d5deea}.room-code{letter-spacing:.2em;font-size:44px;font-weight:700}.error{color:#d62839;min-height:1em}.shop{gap:8px;margin-bottom:14px;display:grid}.shop p{margin:0}.shop button{padding:10px 14px;font-size:16px}.shop button:disabled{opacity:.45;cursor:default;transform:none}.shop button.bought{opacity:1;background:#8ac926;box-shadow:0 4px #618d1b}.hello{margin:0 0 12px;font-size:20px}button.link{box-shadow:none;color:var(--ink);background:0 0;padding:4px;font-size:15px;font-weight:500;text-decoration:underline}#who{gap:12px;display:grid}#ranking{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:18px;font-weight:700}#ranking td{text-align:left;padding:6px 4px}#ranking tr.me{background:#fff3c4}#won .open-ranking{width:100%;margin-top:10px}#open-shop,#lobby-shop{margin-top:10px}#blow{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;padding:14px 20px;font-size:22px;position:fixed}