#game{display:grid;height:100vh;height:100dvh;grid-template-columns:1fr 340px;grid-template-rows:40px 1fr;grid-template-areas:"top top" "field side"}#topbar{grid-area:top;display:flex;align-items:center;gap:10px;padding:0 8px;background:#0d1117e6;font-size:14px;white-space:nowrap;overflow-x:auto}#topbar button{padding:2px 8px;font-size:13px;cursor:pointer}#topbar button.active{outline:2px solid #d29922}#chatbtn,#chatclose{display:none}#field{grid-area:field;position:relative;overflow:hidden}#field canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#dock{position:absolute;left:0;right:0;bottom:0;z-index:2}#dock:empty{display:none}#dock .panel{background:#161b22;color:#fff;padding:8px;display:flex;gap:6px;max-height:40vh;max-height:40dvh;overflow-y:auto;flex-wrap:wrap;align-items:center;border-top:1px solid #30363d}#dock .panel button{padding:10px 12px;font-size:14px;cursor:pointer}#dock .panel button.preview{outline:2px solid #d29922}#dock .panel .group{display:flex;gap:6px;flex-wrap:wrap}#dock .panel .grouplabel{color:#8b949e;font-size:12px;width:100%}#dock .panel .sub{display:block;font-size:11px;opacity:.72;margin-top:2px;line-height:1.25}#dock .panel button{text-align:left}#sidebar{grid-area:side;display:flex;flex-direction:column;min-height:0;background:#0d111799;border-left:1px solid #30363d}#players{padding:6px 8px;font-size:13px;color:#fff;border-bottom:1px solid #30363d}#players .pr{white-space:nowrap;cursor:pointer;padding:2px 4px;border-radius:4px}#players .pr:hover{background:#21262d}#players .pr.viewing{outline:1px solid #58a6ff}#players .me{color:#ffd54f;font-weight:700}#players .dead{opacity:.5}#zonechips{display:none}#chat,#chatbody{flex:1;min-height:0;display:flex;flex-direction:column}#feed{flex:1;min-height:0;overflow-y:auto;font-size:13px;padding:4px;background:#00000059}.feed-chaos{color:#ffd54f}.feed-system{color:#90a4ae}#chatbar{display:flex;gap:4px;padding:4px}#chatinput{flex:1;padding:8px;font-size:14px}#chaosbar{height:4px;background:#333}#chaosbar>div{height:100%;background:#ffd54f;transition:width .3s linear}#toast{position:fixed;top:8px;right:8px;z-index:50;background:#222;color:#fff;padding:6px 10px;border-radius:6px;opacity:0;transition:opacity .2s;pointer-events:none;max-width:80vw}#toast.show{opacity:1}#loading{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#000a;color:#fff;font-size:24px;z-index:99}#loading.show{display:flex}#speclabel{display:none;color:#90a4ae;font-weight:700}#hint{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#000c;padding:8px 14px;border-radius:12px;font-size:15px;line-height:1.35;pointer-events:none;z-index:3;color:#fff;max-width:92%;width:max-content;text-align:center}#towerhint{position:absolute;display:none;background:#0d1117ee;color:#fff;padding:6px 10px;border-radius:8px;font-size:13px;pointer-events:none;z-index:5;border:1px solid #30363d;max-width:320px;white-space:normal}#glitch{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:4;pointer-events:none;background:#ff00001f;color:#f66;font-weight:700}#glitch.glitch{animation:shake .3s infinite}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,-3px)}to{transform:translate(0)}}#mgoverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000d;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:6}body.mobile #game{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"top" "chips" "field"}body.mobile #zonechips{grid-area:chips;display:flex;gap:4px;padding:2px 6px;overflow-x:auto}body.mobile #zonechips .chip{padding:4px 10px;border-radius:12px;background:#161b22;color:#fff;font-size:13px;white-space:nowrap;flex:0 0 auto}body.mobile #zonechips .chip.viewing{outline:2px solid #58a6ff}body.mobile #sidebar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#000000d9;display:none;border:none}body.mobile #sidebar.chat-open{display:flex}body.mobile #sidebar.chat-open #chatclose{display:block;position:absolute;top:4px;right:4px;z-index:46;padding:4px 8px}body.mobile #players{display:none}body.mobile #chat{flex:1}body.mobile #chatbtn{display:inline-block}body.mobile #topbar{font-size:12px;gap:6px;padding:4px 6px}body.mobile #dock .panel{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:38vh;max-height:38dvh;overflow-y:auto;padding:6px}body.mobile #dock .panel .grouplabel{grid-column:1 / -1}body.mobile #dock .panel .group{display:contents}body.mobile #dock .panel button{padding:10px 8px;font-size:13px;text-align:left}body.mobile #dock .panel button[data-close]{grid-column:1 / -1;text-align:center;padding:6px}#dock .panel .packrow{display:inline-flex;gap:4px;align-items:stretch;max-width:100%}#dock .panel .packrow button[data-pack]{flex:0 1 auto}#dock .panel .packrow button.poor{opacity:.55}#dock .panel .waverow{display:flex;flex-direction:column;max-width:100%}#dock .panel .waverow button.open:after{content:" ▲";color:#8b949e}body.mobile #dock .panel .waverow{grid-column:1 / -1}#enemytip{position:fixed;z-index:4;display:none;max-width:min(360px,92vw);background:#1c2129;border:1px solid #30363d;border-radius:8px;padding:8px;font-size:12px;color:#c9d1d9;box-shadow:0 8px 24px #0009}#enemytip .enemyinfo+.enemyinfo{margin-top:8px;border-top:1px solid #21262d;padding-top:8px}#enemytip .hpbar{display:block;height:6px;background:#5a1f1f;border-radius:3px;overflow:hidden;margin:3px 0}#enemytip .hpbar>i{display:block;height:100%;background:#2ea043}#enemytip .sub{display:block;font-size:11px;opacity:.72;margin-top:2px;line-height:1.25}#enemytip .tipact{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}#enemytip .tipact button{padding:8px 12px;font-size:13px;cursor:pointer}#enemytip .tipact button:disabled{opacity:.5;cursor:default}#dock .panel .enemycard{display:flex;flex-direction:column;gap:8px;width:100%}#dock .panel .enemycard .hpbar{display:block;height:6px;background:#5a1f1f;border-radius:3px;overflow:hidden;margin:3px 0}#dock .panel .enemycard .hpbar>i{display:block;height:100%;background:#2ea043}body.mobile #dock .panel .packrow{display:flex;grid-column:1 / -1}body.mobile #dock .panel .packrow button[data-pack]{flex:1}body.mobile #dock .panel .enemycard{grid-column:1 / -1}.menu{max-width:520px;margin:0 auto;padding:24px 16px 32px;display:flex;flex-direction:column;gap:12px;min-height:100vh;min-height:100dvh;overflow-y:auto;box-sizing:border-box;text-align:center}.menu h1{color:#d29922;margin:8px 0 0;font-size:26px}.menu .tagline{color:#8b949e;font-size:13px;margin:0 0 6px}.menu .modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu .modes.one{grid-template-columns:1fr}.menu .card{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:14px;background:#161b22;color:#e6edf3;border:1px solid #30363d;border-radius:10px;font-size:15px;cursor:pointer}.menu .card:hover{border-color:#d29922}.menu .card:active{background:#21262d}.menu .card>span{color:#8b949e;font-size:12px}.menu .card.join{cursor:default}.menu .card.join .joinrow{display:flex;gap:6px;width:100%}.menu .card.join input{flex:1;min-width:0;padding:8px}@media (max-width: 520px){.menu .modes{grid-template-columns:1fr}}.results{max-width:560px;margin:0 auto;padding:24px 16px 32px;display:flex;flex-direction:column;gap:14px;min-height:100vh;min-height:100dvh;overflow-y:auto;box-sizing:border-box;text-align:center}.results .verdict{font-size:34px;font-weight:800;letter-spacing:.5px;margin:8px 0 0}.results .verdict.win{background:linear-gradient(180deg,#ffd76a,#d29922);-webkit-background-clip:text;background-clip:text;color:transparent;animation:verdictPulse 2.4s ease-in-out infinite}@keyframes verdictPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion: reduce){.results .verdict.win{animation:none;color:#d29922}}.results .subline{color:#8b949e;font-size:13px;margin:0}.results .board{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:6px;display:flex;flex-direction:column}.results .row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 10px;border-radius:8px;text-align:left;font-size:15px}.results .row+.row{border-top:1px solid #21262d}.results .row.me{background:#d299221a;box-shadow:inset 3px 0 #d29922}.results .place{text-align:center;font-size:17px}.results .who{display:flex;align-items:center;gap:6px;min-width:0}.results .who .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results .who .you{color:#8b949e;font-size:12px}.results .who .tag{font-size:14px;margin-left:2px}.results .stat{color:#c9d1d9;font-size:14px;white-space:nowrap;width:72px;text-align:right;font-variant-numeric:tabular-nums}.results .actions{display:flex;gap:10px}.results .actions button{flex:1 1 0;padding:13px 16px;font-size:15px;cursor:pointer;background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:10px}.results .actions button:hover:enabled{border-color:#d29922}.results .actions button:disabled{opacity:.6;cursor:default}@media (max-width: 520px){.results{padding:16px 10px 24px;gap:10px}.results .verdict{font-size:26px}.results .row{grid-template-columns:34px minmax(0,1fr) auto auto;gap:8px;padding:9px 8px;font-size:13px}.results .stat{width:58px}.results .actions{flex-direction:column}}