:root{--night:#14163a;--panel:#1c163af0;--panel-line:#ffa03c73;--ink:#fff4e0;--orange:#ff8a1f;--orange-dark:#c4600a;--purple:#8a4fd9;--green:#3fb86a;--red:#d94a4a;--gold:#ffc928;--shadow:0 6px 20px #00000073;color:var(--ink);font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--night);touch-action:none;-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}#app{position:fixed;inset:0}#view{position:absolute;inset:0}#view canvas{display:block}button{font:inherit;cursor:pointer;background:var(--orange-dark);color:#fff;border:0;border-radius:12px;min-height:44px;padding:10px 16px;font-weight:700;box-shadow:0 3px #7a3a05}button:active{transform:translateY(2px);box-shadow:0 1px #7a3a05}button:disabled{color:#b9b5d9;cursor:default;background:#54507a;box-shadow:0 3px #38355a}button.secondary{background:#4a3f86;box-shadow:0 3px #2d2652}button.green{background:#2f8f55;box-shadow:0 3px #1c5a35}input[type=text]{font:inherit;border:2px solid var(--panel-line);color:#231a3a;-webkit-user-select:text;user-select:text;background:#fff;border-radius:10px;width:100%;min-height:44px;padding:10px 12px}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.pill{background:var(--panel);border:1px solid var(--panel-line);box-shadow:var(--shadow);white-space:nowrap;border-radius:14px;padding:6px 12px;font-size:16px;font-weight:700}#hud-left{top:max(10px, env(safe-area-inset-top));pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;left:10px}#hud-right{top:max(10px, env(safe-area-inset-top));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;right:10px}#hud-clock{color:var(--gold);font-size:22px}#hud-bag.pop{animation:.25s bagpop}@keyframes bagpop{50%{color:#3a2a05;background:#ffc928f2;transform:scale(1.18)}}#hud-bag b{color:var(--gold);font-size:20px}#hud-boost{color:#3a2a05;background:#ffc928f2}#keyhint{color:#fff;pointer-events:none;background:#d94a4af2;font-size:18px;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}#minimap{border:2px solid var(--panel-line);box-shadow:var(--shadow);opacity:.92;border-radius:10px}#hud-mute{background:var(--panel);min-width:44px;min-height:44px;box-shadow:var(--shadow);padding:6px 10px;font-size:20px}#big{text-align:center;pointer-events:none;width:min(94vw,720px);position:absolute;top:20%;left:50%;transform:translate(-50%)}#big .main{text-shadow:0 4px #0000008c,0 0 18px #00000080;font-size:clamp(36px,9vw,84px);font-weight:900;line-height:1.05}#big .sub{text-shadow:0 2px #0009;margin-top:6px;font-size:clamp(16px,3.4vw,26px);font-weight:700}#big.count .main{color:var(--gold);font-size:clamp(60px,16vw,140px)}#big.now .main{color:#fff;background:var(--red);border-radius:18px;padding:0 22px;animation:.35s infinite alternate pulse;display:inline-block}#big.good .main{color:#8aff9a}#big.bad .main{color:#ff8a8a}#big.info .main{color:var(--gold)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.07)}}#warning{top:max(66px, calc(env(safe-area-inset-top) + 56px));color:#fff;text-align:center;max-width:92vw;box-shadow:var(--shadow);pointer-events:none;background:#be2828f0;border-radius:12px;padding:8px 14px;font-weight:800;position:absolute;left:50%;transform:translate(-50%)}#warning .coast{color:#bfffc7;font-size:22px;display:block}#messages{pointer-events:none;flex-direction:column;align-items:center;gap:6px;width:min(92vw,520px);display:flex;position:absolute;bottom:170px;left:50%;transform:translate(-50%)}.msg{color:#fff;text-align:center;border:1px solid var(--panel-line);background:#14102ceb;border-radius:12px;padding:8px 14px;font-weight:700;animation:3s forwards msg}.msg.bad{background:#b42828f0}.msg.gold{background:var(--gold);color:#3a2a05}@keyframes msg{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#joystick{left:24px;bottom:max(24px, env(safe-area-inset-bottom));touch-action:none;background:#ffffff29;border:2px solid #ffffff80;border-radius:50%;width:130px;height:130px;position:absolute}#joystick .knob{width:56px;height:56px;box-shadow:var(--shadow);background:#ffffffd9;border-radius:50%;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}#action{right:24px;bottom:max(34px, env(safe-area-inset-bottom));touch-action:none;background:#54507a;border-radius:50%;width:104px;height:104px;font-size:17px;position:absolute;box-shadow:0 5px #38355a}#action.hot{background:var(--red);animation:.4s infinite alternate pulse;box-shadow:0 5px #8a2222}#emotes{bottom:max(12px, env(safe-area-inset-bottom));gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#emotes button{background:#4a3f86;min-height:40px;padding:6px 10px;font-size:14px;box-shadow:0 3px #2d2652}.arrow{pointer-events:none;text-align:center;text-shadow:0 1px #000,0 0 4px #000;font-size:13px;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.arrow .tri{transform-origin:50% 70%;border-bottom:16px solid #fff;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;margin:0 auto 2px;display:block}.arrow.door{color:var(--gold);font-size:15px}.arrow.door .tri{border-bottom-color:var(--gold)}#panel{left:50%;top:max(84px, calc(env(safe-area-inset-top) + 74px));background:var(--panel);border:1px solid var(--panel-line);width:min(94vw,560px);box-shadow:var(--shadow);border-radius:18px;padding:12px 14px;position:absolute;transform:translate(-50%)}#panel h2{color:var(--gold);margin:0 0 4px;font-size:20px}#panel .note{opacity:.85;margin:0 0 8px;font-size:13px}#panel .grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}#panel .tile{background:#ffffff14;border-radius:12px;flex-direction:column;gap:3px;padding:8px;font-size:14px;display:flex}#panel .tile b{font-size:15px}#panel .tile .hint{opacity:.75;font-size:12px}#panel .tile button{margin-top:auto;padding:6px 8px}#prank{pointer-events:none;width:min(92vw,420px);position:absolute;top:40%;left:50%;transform:translate(-50%)}.meters{flex-direction:column;gap:6px;display:flex}.meter-row{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.meter-row .who{text-overflow:ellipsis;white-space:nowrap;width:74px;overflow:hidden}.meter{background:linear-gradient(90deg,#b94a4a 0 30%,#d9993a 30% 40%,#4fbf6a 40% 60%,#d9993a 60% 70%,#b94a4a 70% 100%);border:1px solid #fff6;border-radius:8px;flex:1;height:22px;position:relative;overflow:hidden}.meter .needle{background:#fff;border-radius:3px;width:5px;margin-left:-2px;position:absolute;top:0;bottom:0}.meter-row.mine .meter{height:30px}.meter-row.done{opacity:.7}.facade{aspect-ratio:2;background:#c9a98a;border:3px solid #5a3a2a;border-radius:6px;width:100%;position:relative;overflow:hidden}.facade .win{background:#6fb6e8;border:2px solid #fff;position:absolute}.facade .dr{background:#5a3a2a;border:2px solid #3a2418;position:absolute}.facade .aim{border:3px solid #ff4f6a;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute}.facade .aim.mine{border-color:#fff;width:32px;height:32px;margin:-16px 0 0 -16px;box-shadow:0 0 0 2px #d94a4a}.facade .aim.thrown{background:#fff0a0e6;border-style:dashed}.facade .aim:after{content:"";background:currentColor;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}#ui .screen{touch-action:pan-y;background:radial-gradient(at 50% 20%,#3b2a7a8c 0%,#14163ad1 80%);justify-content:center;align-items:center;padding:14px;display:flex;position:absolute;inset:0;overflow:auto}.card{background:var(--panel);border:1px solid var(--panel-line);width:min(100%,560px);box-shadow:var(--shadow);border-radius:20px;max-height:100%;padding:18px 18px 14px;overflow:auto}.card h1{color:var(--orange);text-shadow:0 3px #00000080;margin:0 0 4px;font-size:clamp(30px,8vw,44px)}.card h2{color:var(--gold);margin:12px 0 6px;font-size:18px}.card p{margin:6px 0}.card .tag{opacity:.9;margin-bottom:12px}.row{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.row>*{flex:1;min-width:120px}details{margin:10px 0}summary{cursor:pointer;padding:6px 0;font-weight:700}details ul{margin:4px 0 0;padding-left:20px;font-size:14px}.tabs{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.tabs button{background:#4a3f86;flex:1;min-width:70px;min-height:36px;padding:6px 8px;box-shadow:0 3px #2d2652}.tabs button.on{background:var(--orange-dark);box-shadow:0 3px #7a3a05}table.list{border-collapse:collapse;width:100%;font-size:14px}table.list td{border-bottom:1px dashed #ffffff2e;padding:4px 6px}table.list td:last-child{text-align:right;color:var(--gold);font-weight:800}.small{opacity:.85;font-size:13px}.err{color:#ffb0b0;font-weight:700}.code{letter-spacing:6px;text-align:center;color:var(--gold);-webkit-user-select:text;user-select:text;background:#0000004d;border-radius:14px;margin:8px 0;padding:8px;font-size:clamp(34px,11vw,56px);font-weight:900}.roster{grid-template-columns:repeat(2,1fr);gap:6px;margin:6px 0;padding:0;list-style:none;display:grid}.roster li{background:#ffffff14;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;font-weight:700;display:flex}.swatch{border:1px solid #ffffff80;border-radius:4px;width:16px;height:22px;display:inline-block}.medal{text-align:center;margin:6px 0;font-size:22px;font-weight:900}.medal.gold{color:var(--gold)}.medal.silver{color:#dfe6f2}.medal.bronze{color:#e0905a}.bigtotal{text-align:center;color:var(--gold);font-size:clamp(36px,10vw,56px);font-weight:900}.stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0;display:grid}.stats div{background:#ffffff14;border-radius:10px;padding:6px;font-size:13px}.stats b{color:#fff;font-size:20px;display:block}#perf{color:#9f9;pointer-events:none;z-index:10;white-space:pre-wrap;background:#000000b3;max-width:90vw;margin:0;padding:4px 6px;font:11px monospace;position:absolute;bottom:4px;left:4px}.hidden{display:none!important}@media (max-height:460px){#joystick{width:104px;height:104px;bottom:12px;left:14px}#action{width:84px;height:84px;font-size:14px;bottom:16px;right:14px}#big{top:12%}#messages{bottom:110px}#panel{width:min(70vw,560px);top:8px}}@media (max-width:520px){#warning{max-width:80vw;font-size:14px;top:118px}#big{top:32%}#messages{bottom:190px}#keyhint{display:none}}@media (max-height:460px) and (min-width:521px){#warning{max-width:46vw;font-size:14px;top:10px}#hud-bag{font-size:14px}}