#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:45vh;max-height:45dvh;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}#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:14px;pointer-events:none;z-index:3;color:#fff;max-width:88%;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}