:root{--bg: #070c11;--bg-2: #0d151d;--panel: #111c25;--panel-2: #16242f;--line: #24323e;--line-strong: #33475a;--text: #e9f0f6;--muted: #8ba0b2;--dim: #5d7183;--accent: #ffb648;--accent-2: #ff8a3d;--danger: #ff5d5d;--good: #4fd18b;--water: #2f7f9e;--hp: #ff5d5d;--energy: #55c1ff;--radius: 12px;--radius-sm: 8px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;overscroll-behavior:none}body{overflow:hidden;touch-action:manipulation}#root{height:100dvh;height:100vh;overflow:hidden}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;touch-action:manipulation}input{font:inherit;color:inherit}.app-shell{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);background:radial-gradient(120% 60% at 50% -10%,rgba(47,127,158,.18),transparent 60%),linear-gradient(180deg,#0a1218 0%,var(--bg) 55%)}.hud{display:flex;align-items:center;gap:8px;padding:6px 12px 4px;border-bottom:1px solid rgba(36,50,62,.7)}.hud-timer{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;letter-spacing:-.02em;min-width:74px}.hud-timer.is-urgent{color:var(--danger)}.hud-phase{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:1px;line-height:1.2}.hud-phase strong{font-size:12px;color:var(--text);font-weight:600}.hud-right{margin-left:auto;display:flex;align-items:center;gap:6px}.hud-dots{display:flex;gap:3px}.hud-dot{width:8px;height:8px;border-radius:50%;background:var(--dim);transition:background .2s}.hud-dot.is-on{background:var(--good)}.hud-dot.is-me{box-shadow:0 0 0 2px #ffb64866}.hud-conn{font-size:10px;color:var(--muted);padding:3px 7px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.hud-conn.is-warn{color:var(--accent);border-color:#ffb64880}.hud-conn.is-bad{color:var(--danger);border-color:#ff5d5d80}.banner{position:fixed;top:calc(var(--safe-top) + 48px);left:50%;transform:translate(-50%);z-index:40;max-width:min(92vw,420px);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;text-align:center;background:#111c25f5;border:1px solid var(--line-strong);box-shadow:0 8px 24px #00000073;animation:banner-in .18s ease-out}.banner.tone-warn{border-color:#ffb648b3;color:var(--accent)}.banner.tone-good{border-color:#4fd18b99;color:var(--good)}.banner.tone-error{border-color:#ff5d5d99;color:var(--danger)}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.toasts{position:fixed;bottom:calc(var(--safe-bottom) + 128px);left:50%;transform:translate(-50%);z-index:45;display:flex;flex-direction:column;gap:6px;width:min(92vw,420px);pointer-events:none}.toast{padding:8px 12px;border-radius:10px;font-size:12.5px;background:#0a1218f0;border:1px solid var(--line-strong);box-shadow:0 6px 18px #0006}.toast.tone-error{border-color:#ff5d5da6;color:#ffd0d0}.toast.tone-warn{border-color:#ffb64899;color:#ffe3b8}.toast.tone-good{border-color:#4fd18b99;color:#c8f7dd}.stage{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:6px;padding:6px 10px 4px;min-height:0;overflow:hidden}.zone-stage{position:relative;border-radius:var(--radius);overflow:hidden;min-height:74px;border:1px solid var(--line);background:linear-gradient(160deg,#16242f,#0b141b);background-size:cover;background-position:center}.zone-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060b0f33,#060b0fc7);pointer-events:none}.zone-stage-body{position:relative;z-index:1;padding:8px 10px;display:flex;flex-direction:column;gap:6px;height:100%;justify-content:flex-end}.zone-title{display:flex;align-items:baseline;gap:6px;font-size:15px;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.8)}.zone-title small{font-size:10px;font-weight:500;color:var(--muted)}.zone-badges{display:flex;flex-wrap:wrap;gap:4px;font-size:10px}.zone-badge{padding:2px 6px;border-radius:999px;background:#070c11b8;border:1px solid var(--line);color:var(--muted)}.zone-badge.is-fire{color:var(--accent-2);border-color:#ff8a3d8c}.zone-badge.is-warn{color:var(--accent);border-color:#ffb6488c}.opponents{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.opponents::-webkit-scrollbar{display:none}.opponent-card{flex:1 1 0;min-width:132px;padding:6px 8px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#090f14db;display:flex;flex-direction:column;gap:3px;text-align:left}.opponent-card.is-target{border-color:var(--danger);background:#3c1010b3}.opponent-head{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.mark{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:5px;font-size:10px;font-weight:800;color:#0a1016;background:var(--accent);flex:none}.mark.mark-B{background:#7fc8ff}.mark.mark-C{background:#c39bff}.mark.mark-D{background:#7de3b8}.mark.mark-E{background:#ff9db0}.mark.mark-F{background:#ffe28a}.lobby-capacity{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 11px;border-radius:10px;border:1px solid var(--line);background:#0e161de6;font-size:12px}.lobby-capacity .is-ok{color:var(--good);font-weight:700;font-variant-numeric:tabular-nums}.lobby-capacity .is-warn{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.bot-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bot-controls .mini-btn{min-height:44px;font-size:12px}.tag.is-bot{color:#9fe0ff;border-color:#55c1ff80;background:#55c1ff1a}.contact-meter{position:relative;height:12px;border-radius:4px;background:#ffffff1a;overflow:hidden;margin-top:3px}.contact-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#2f7f9e,#55c1ff);transition:width .2s linear}.contact-fill.is-urgent{background:linear-gradient(90deg,#a33,var(--danger))}.contact-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-variant-numeric:tabular-nums;color:#eaf4ff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.player-strip{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:1px 0;min-height:22px}.player-strip::-webkit-scrollbar{display:none}.strip-chip{display:inline-flex;align-items:center;gap:4px;flex:none;padding:2px 7px;border-radius:999px;border:1px solid var(--line);background:#0a1117d9;font-size:10px;white-space:nowrap}.strip-chip.is-self{border-color:#ffb6488c}.strip-chip.is-off{opacity:.5}.strip-chip .mark{width:14px;height:14px;font-size:9px;border-radius:4px}.strip-name{font-weight:600;max-width:68px;overflow:hidden;text-overflow:ellipsis}.strip-state{color:var(--muted)}.strip-protect{color:var(--accent)}.opponent-sub{font-size:10.5px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap}.opponent-actions{display:flex;gap:4px;margin-top:2px}.mini-btn{flex:1;min-height:30px;border-radius:7px;font-size:11.5px;font-weight:600;border:1px solid var(--line-strong);background:var(--panel-2)}.mini-btn.is-danger{border-color:#ff5d5d8c;color:#ffc9c9;background:#46121299}.mini-btn:disabled{opacity:.45}.self-status{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;align-items:center}.bar{position:relative;height:20px;border-radius:6px;background:#ffffff0f;border:1px solid var(--line);overflow:hidden}.bar-fill{position:absolute;inset:0 auto 0 0;transition:width .22s ease-out}.bar-fill.hp{background:linear-gradient(90deg,#8f2d2d,var(--hp))}.bar-fill.energy{background:linear-gradient(90deg,#1f5f80,var(--energy))}.bar-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 6px;font-size:10.5px;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.7)}.action-chip{font-size:10.5px;padding:4px 8px;border-radius:7px;border:1px solid var(--line);background:#090f14cc;white-space:nowrap;display:flex;align-items:center;gap:5px}.action-progress{position:relative;height:3px;border-radius:2px;background:#ffffff1f;overflow:hidden;margin-top:3px}.action-progress>i{position:absolute;inset:0 auto 0 0;background:var(--accent)}.map-wrap{min-height:0;display:flex;flex-direction:column;gap:4px}.map-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.map-head .mini-btn{min-height:44px;min-width:44px;padding:0 10px}.local-map{position:relative;flex:1;min-height:120px;border-radius:12px;border:1px solid var(--line);background:radial-gradient(circle at 50% 30%,#3c5a7859,#080e14e6);overflow:hidden}.local-map-svg{position:absolute;inset:0;width:100%;height:100%}.map-edge{stroke-width:2.2;stroke-linecap:round}.map-edge.is-open{stroke:#78c8ff8c;stroke-dasharray:none}.map-edge.is-blocked{stroke:#c8787880;stroke-dasharray:4 3}.map-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:74px;min-height:44px;padding:4px 8px;border-radius:10px;border:1px solid var(--line);background:#0a1117eb;color:var(--text);font-size:10px;line-height:1.15}.map-node.is-reach{border-color:#78c8ff8c}.map-node.is-me{border-color:var(--accent);box-shadow:0 0 0 2px #ffb64840}.map-node.is-cover{border-style:dashed}.map-node:disabled{opacity:.85}.map-node-label{font-weight:700;font-size:10px;color:var(--muted)}.map-node-name{white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}.map-node-me{color:var(--accent);font-size:9px}.map-node-mark{position:absolute;top:-6px;right:-6px;width:16px;height:16px;font-size:9px}.island-map{flex:1;min-height:120px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:4px}.island-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px;border-radius:8px;border:1px solid var(--line);background:#0a1117cc;font-size:10px;text-align:center}.island-cell.is-me{border-color:var(--accent)}.island-cell.is-warning{border-color:#ffb648b3}.island-cell.is-closed{opacity:.45;border-color:#c8505099}.map-legend{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.pace-group{display:flex;gap:3px}.pace-btn{min-height:44px;min-width:44px;padding:0 8px;border-radius:8px;border:1px solid var(--line);background:#0a1117e6;color:var(--muted);font-size:10px}.pace-btn.is-active{border-color:var(--accent);color:var(--accent);font-weight:700}.zone-hint{font-size:11px;color:var(--muted);padding:2px 0}.memory-row,.sound-row{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:1px 0}.memory-row::-webkit-scrollbar,.sound-row::-webkit-scrollbar{display:none}.memory-label{font-size:9px;color:var(--muted);align-self:center;flex:none}.memory-chip,.sound-chip{flex:none;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;border:1px solid var(--line);background:#0a1117d9;font-size:9px;white-space:nowrap;color:var(--muted)}.memory-chip .mark{width:13px;height:13px;font-size:8px}.sound-chip{color:#9fd6ff;border-color:#55c1ff59}.weapon-strip{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.weapon-chip{flex:1;padding:2px 6px;border-radius:6px;border:1px solid var(--line);background:#0a1117b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-status{display:flex;align-items:center;gap:8px}.action-line{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.action-lock{font-size:10px;color:var(--muted)}.bag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.bag-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:58px;padding:4px;border-radius:8px;border:1px solid var(--line);background:#0a1117cc;color:var(--text);font-size:10px}.bag-slot.is-empty{opacity:.4;font-size:9px;color:var(--muted)}.bag-slot-name{font-weight:600}.bag-slot-qty{color:var(--muted);font-size:9px}.bag-slot-hint{color:var(--accent);font-size:9px}.craft-row{display:flex;flex-direction:column;gap:1px;padding:7px 9px;border-radius:8px;border:1px solid var(--line);background:#0a1117cc;color:var(--text);text-align:left;font-size:11px}.craft-row.is-ready{border-color:#78c8ff8c}.craft-row:disabled{opacity:.5}.craft-name{font-weight:600}.craft-mats{font-size:9px;color:var(--muted)}.panel-block{display:flex;flex-direction:column;gap:4px}.panel-block h4{margin:2px 0 0;font-size:10px;color:var(--muted);font-weight:600}.list-row{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:6px 10px;border-radius:8px;border:1px solid var(--line);background:#0a1117cc;color:var(--text);font-size:11px;text-align:left}.list-row.is-static{color:var(--muted)}.panel-empty,.panel-note{font-size:11px;color:var(--muted);margin:4px 0}.log-row{padding:5px 8px;border-radius:6px;font-size:11px;border-left:2px solid var(--line);background:#0a111799}.log-row.is-self{border-left-color:var(--accent)}.log-row.is-visual{border-left-color:#55c1ff}.log-row.is-audible{border-left-color:#9fd6ff}.log-row.is-broadcast{border-left-color:#b48cff}.feed-line.is-self{color:var(--accent)}.feed-line.is-visual{color:#9fd6ff}.feed-line.is-audible{color:#b9e3ff}.feed-empty{font-size:11px;color:var(--muted)}.hud-sub{font-size:9px;color:var(--muted)}.hud-banner{position:absolute;left:50%;top:100%;transform:translate(-50%);margin-top:2px;z-index:5;padding:3px 10px;border-radius:999px;background:#0a1117f2;border:1px solid var(--line);font-size:10px;white-space:nowrap}.hud-dot.is-alive{color:var(--text)}.hud-dot.is-out{opacity:.35;text-decoration:line-through}.hud-dot.is-off{border-color:var(--danger)}.hud-conn{font-size:9px;color:var(--muted)}.hud-conn.is-bad{color:var(--danger)}@media(max-height:700px){.local-map,.island-map{min-height:96px}.map-node{min-width:62px;font-size:9px;padding:3px 6px}.map-node-name{max-width:68px}.bag-slot{min-height:50px}}.map-grid{width:100%;height:100%;max-height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:5px}.map-cell{position:relative;border-radius:9px;border:1px solid var(--line);background:linear-gradient(155deg,#152430,#0c151c);padding:5px 6px;display:flex;flex-direction:column;justify-content:space-between;min-height:42px;overflow:hidden;text-align:left}.map-cell.is-self{border-color:var(--accent);box-shadow:inset 0 0 0 1px #ffb64859}.map-cell.is-adjacent{border-color:#ffb64873}.map-cell.is-closed{background:repeating-linear-gradient(135deg,#1a1216,#1a1216 6px,#241319 6px 12px);color:var(--dim)}.map-cell.is-warn{border-color:#ffb648b3;animation:pulse-warn 1.6s infinite}.map-cell.is-fire:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,138,61,.32),transparent 60%);pointer-events:none}@keyframes pulse-warn{0%,to{box-shadow:inset 0 0 0 1px #ffb64826}50%{box-shadow:inset 0 0 0 2px #ffb6488c}}.map-name{font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:3px}.map-meta{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--muted);flex-wrap:wrap}.map-marks{position:absolute;right:4px;top:4px;display:flex;gap:2px}.signal-dot{width:6px;height:6px;border-radius:50%;background:var(--water)}.signal-dot.is-recent{background:var(--accent)}.map-self-pin{position:absolute;right:4px;bottom:4px;font-size:9px;font-weight:800;color:#0a1016;background:var(--accent);border-radius:4px;padding:0 3px}.map-ping{position:absolute;left:5px;bottom:4px;font-size:9px;color:var(--accent);font-weight:700}.feed{display:flex;flex-direction:column;gap:1px;min-height:46px;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#080e13d9;font-size:11.5px;line-height:1.45;overflow:hidden}.feed-line{display:flex;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-line .scope{flex:none;font-size:9px;padding:0 4px;border-radius:4px;background:#ffffff0f;color:var(--muted);align-self:center}.feed-line.is-private .scope{color:var(--accent);background:#ffb6481f}.feed-line.is-local .scope{color:#9fe0ff;background:#55c1ff1f}.feed-line.is-danger{color:#ffc7c7}.feed-empty{color:var(--dim);font-size:11px}.controls{padding:6px 10px calc(8px + var(--safe-bottom));border-top:1px solid rgba(36,50,62,.8);background:linear-gradient(180deg,#0a111699,#070c11f2);display:flex;flex-direction:column;gap:6px}.primary-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.action-btn{min-height:48px;border-radius:10px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#1b2a36,#131f28);font-size:13px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 6px}.action-btn small{font-size:9.5px;font-weight:500;color:var(--muted)}.action-btn.is-primary{border-color:#ffb6488c;background:linear-gradient(180deg,#2a2213,#1c1a12);color:#ffe3b8}.action-btn.is-danger{border-color:#ff5d5d80;color:#ffc9c9}.action-btn:disabled{opacity:.42}.action-btn.is-cancel{border-color:#ff5d5d99;color:#ffd0d0;background:#3c101080}.secondary-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.secondary-btn{min-height:40px;border-radius:9px;border:1px solid var(--line);background:#121c24d9;font-size:10.5px;font-weight:600;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px 2px}.secondary-btn.is-active{color:var(--accent);border-color:#ffb6488c;background:#2d220fcc}.secondary-btn .badge{position:absolute;transform:translate(16px,-14px);background:var(--danger);color:#fff;font-size:9px;border-radius:999px;padding:0 4px}.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:6px 10px 4px;gap:6px}.panel-head{display:flex;align-items:center;gap:8px;flex:none}.panel-head h2{font-size:14px;margin:0}.panel-tabs{display:flex;gap:4px;margin-left:auto}.panel-tab{padding:5px 9px;border-radius:8px;font-size:11px;border:1px solid var(--line);color:var(--muted)}.panel-tab.is-active{color:var(--accent);border-color:#ffb64880;background:#2d220fb3}.panel-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:6px;padding-bottom:6px}.close-btn{margin-left:auto;min-width:44px;min-height:32px;border-radius:8px;border:1px solid var(--line-strong);font-size:11px;color:var(--muted)}.inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.inv-slot{min-height:76px;border-radius:10px;border:1px solid var(--line);background:#0e161de6;padding:5px;display:flex;flex-direction:column;gap:3px;text-align:left}.inv-slot.is-empty{border-style:dashed;color:var(--dim);align-items:center;justify-content:center;font-size:10px}.inv-slot.is-equipped{border-color:#ffb6488c}.inv-name{font-size:11px;font-weight:600;display:flex;justify-content:space-between;gap:3px}.inv-qty{color:var(--accent);font-variant-numeric:tabular-nums}.inv-actions{display:flex;gap:3px;margin-top:auto}.inv-actions button{flex:1;min-height:26px;border-radius:6px;border:1px solid var(--line-strong);font-size:10px;background:var(--panel-2)}.equip-row{display:flex;gap:6px}.equip-chip{flex:1;border-radius:9px;border:1px solid var(--line);background:#0e161de6;padding:6px 8px;font-size:11px;display:flex;justify-content:space-between;gap:6px}.equip-chip span{color:var(--muted);font-size:10px}.recipe{border-radius:10px;border:1px solid var(--line);background:#0e161de6;padding:7px 9px;display:flex;align-items:center;gap:8px}.recipe.is-available{border-color:#4fd18b73}.recipe-main{flex:1;min-width:0}.recipe-name{font-size:12px;font-weight:600}.recipe-mats{font-size:10px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.recipe-mats .lack{color:var(--danger)}.recipe button{min-width:62px;min-height:36px;border-radius:8px;border:1px solid rgba(79,209,139,.5);background:#122e22b3;font-size:11px;font-weight:700;color:#bff5d8}.recipe button:disabled{border-color:var(--line);background:#141c23cc;color:var(--dim)}.pile-row{display:flex;align-items:center;gap:8px;border-radius:9px;border:1px solid var(--line);background:#0e161de6;padding:7px 9px;font-size:11.5px}.pile-row button{margin-left:auto;min-width:58px;min-height:34px;border-radius:8px;border:1px solid var(--line-strong);font-size:11px;background:var(--panel-2)}.hint{font-size:10.5px;color:var(--dim);line-height:1.5}.log-list{display:flex;flex-direction:column;gap:3px;font-size:11.5px}.log-row{display:flex;gap:6px;padding:4px 6px;border-radius:6px;background:#0e161db3}.log-time{color:var(--dim);font-variant-numeric:tabular-nums;flex:none;font-size:10px;padding-top:1px}.settings-row{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:#0e161de6;font-size:12px}.settings-row .grow{flex:1}.switch{width:46px;height:26px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffff0f;position:relative}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.switch.is-on{background:#4fd18b40;border-color:#4fd18b99}.switch.is-on:after{transform:translate(20px);background:var(--good)}.center-screen{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:22px 18px calc(22px + var(--safe-bottom));overflow-y:auto}.brand{text-align:center;display:flex;flex-direction:column;gap:4px}.brand h1{font-size:27px;margin:0;letter-spacing:-.02em}.brand p{margin:0;font-size:12px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;color:var(--muted)}.field input{min-height:46px;border-radius:10px;border:1px solid var(--line-strong);background:#0a1117e6;padding:0 12px;font-size:15px}.btn{min-height:48px;border-radius:10px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#1c2b37,#131f28);font-size:14px;font-weight:700}.btn.is-primary{border-color:#ffb64899;background:linear-gradient(180deg,#3a2c12,#241d10);color:#ffe3b8}.btn.is-good{border-color:#4fd18b8c;background:#122e22cc;color:#c8f7dd}.btn:disabled{opacity:.45}.btn-ghost{min-height:42px;border-radius:10px;border:1px solid var(--line);color:var(--muted);font-size:12px}.lobby-code{text-align:center;border-radius:12px;border:1px dashed rgba(255,182,72,.5);background:#2d220f59;padding:10px}.lobby-code strong{display:block;font-size:26px;letter-spacing:.22em;color:var(--accent);font-variant-numeric:tabular-nums}.lobby-code small{font-size:10.5px;color:var(--muted)}.player-list{display:flex;flex-direction:column;gap:6px}.player-row{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:10px;border:1px solid var(--line);background:#0e161de6;font-size:13px}.player-row.is-ready{border-color:#4fd18b73}.player-row .grow{flex:1}.tag{font-size:10px;padding:2px 6px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.tag.is-good{color:var(--good);border-color:#4fd18b80}.tag.is-warn{color:var(--accent);border-color:#ffb64880}.tag.is-bad{color:var(--danger);border-color:#ff5d5d80}.result-hero{text-align:center;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;border:1px solid var(--line-strong);background:linear-gradient(170deg,#2d220f99,#0a1117e6)}.result-hero h2{margin:0;font-size:20px}.result-hero p{margin:0;font-size:12px;color:var(--muted)}.result-table{display:flex;flex-direction:column;gap:5px}.result-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:#0e161de6;font-size:12px}.result-row.is-winner{border-color:#ffb64899;background:#2d220f80}.result-stats{font-size:10px;color:var(--muted);grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}.overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#04080bdb;backdrop-filter:blur(3px);text-align:center}.overlay-card{max-width:340px;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:14px;border:1px solid var(--line-strong);background:var(--panel)}.overlay-card h2{margin:0;font-size:17px}.overlay-card p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.6}.offline-strip{position:fixed;left:0;right:0;top:calc(var(--safe-top) + 44px);z-index:35;padding:5px 12px;font-size:11.5px;text-align:center;background:#783c0ceb;color:#ffe3b8;border-bottom:1px solid rgba(255,182,72,.4)}.connection-dot{width:7px;height:7px;border-radius:50%;background:var(--good)}.connection-dot.is-warn{background:var(--accent)}.connection-dot.is-bad{background:var(--danger)}@media(max-height:700px){.zone-stage{min-height:62px}.zone-stage-body{padding:6px 8px;gap:4px}.action-btn{min-height:48px;font-size:12px}.secondary-btn{min-height:44px}.feed{min-height:40px}.inv-slot{min-height:66px}}@media(max-height:640px){.zone-stage{min-height:52px}.zone-badges{display:none}.feed{min-height:40px;font-size:10.5px}.feed-line:nth-child(3){display:none}.hud-timer{font-size:19px}.action-btn small{display:none}.secondary-btn{min-height:44px;font-size:10px}.map-cell{min-height:40px;padding:4px 5px}.map-name{font-size:10.5px}.map-meta{font-size:8.5px}}@media(min-width:560px){.app-shell,.center-screen{max-width:520px;margin:0 auto;width:100%}}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.reduce-motion *{animation:none!important;transition:none!important}@media(orientation:landscape)and (max-height:480px){.zone-stage{display:none}.app-shell{grid-template-rows:auto minmax(0,1fr) auto}.map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hud{padding:2px 10px}.hud-timer{font-size:17px}}.vitals{display:flex;gap:6px}.vital{flex:1;display:flex;align-items:center;gap:5px;font-size:9px}.vital-label{width:20px;color:var(--muted);flex:none}.vital-track{position:relative;flex:1;height:10px;border-radius:999px;background:#ffffff1f;overflow:hidden}.vital-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;transition:width .25s ease-out}.vital.hp .vital-fill{background:linear-gradient(90deg,#b93b3b,#ff6b6b)}.vital.energy .vital-fill{background:linear-gradient(90deg,#2f7f9e,#55c1ff)}.vital.is-critical .vital-fill{background:linear-gradient(90deg,#7d1010,#ff3b3b);animation:vital-pulse .9s ease-in-out infinite}@keyframes vital-pulse{0%,to{opacity:1}50%{opacity:.55}}.vital-value{font-variant-numeric:tabular-nums;color:var(--text);flex:none;min-width:36px;text-align:right}.vital-value small{color:var(--muted);font-size:8px}.island-cell.is-reach{border-color:#78c8ff80;cursor:pointer}.island-cell.is-reach:active{background:#55c1ff2e}.island-go{font-size:8px;color:#9fd6ff}.drop-box{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:10px;border:1px solid rgba(255,182,72,.4);background:#1e160a99}.drop-head{display:flex;justify-content:space-between;font-size:11px}.drop-actions{display:flex;gap:5px}.drop-actions .mini-btn{flex:1;min-height:44px}.drop-box input[type=range]{width:100%;height:28px}.bag-slot-actions{display:flex;gap:3px;margin-top:2px}.bag-slot-actions .mini-btn{min-height:34px;min-width:40px;padding:0 6px;font-size:9px}.bag-slot-stat{font-size:8px;color:var(--muted);text-align:center;line-height:1.2}.equip-chip small{display:block;font-size:8px;color:var(--muted);margin-top:1px}.log-row,.feed-line{border-left:3px solid transparent}.log-row.is-self,.feed-line.is-self{border-left-color:var(--accent)}.log-row.is-visual,.feed-line.is-visual{border-left-color:#55c1ff}.log-row.is-audible,.feed-line.is-audible{border-left-color:#9fd6ff}.log-row.is-broadcast,.feed-line.is-broadcast{border-left-color:#b48cff}.feed-line,.log-row{display:flex;gap:4px;align-items:baseline}.feed-tag{flex:none;padding:0 4px;border-radius:4px;font-size:8px;font-weight:700;line-height:1.5}.feed-tag.tag-item{background:#66d67838;color:#7ee08f}.feed-tag.tag-attack{background:#ff5a5a38;color:#ff8080}.feed-tag.tag-sound{background:#78c8ff33;color:#9fd6ff}.feed-tag.tag-sight{background:#b48cff33;color:#c4a8ff}.feed-tag.tag-phase{background:#ffb64838;color:var(--accent)}.feed-tag.tag-lobby{background:#a0a0a033;color:#bdbdbd}.map-canvas{position:relative;flex:1;min-height:130px;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0a1117}.map-canvas svg{position:absolute;inset:0;width:100%;height:100%;display:block}.map-hit{position:absolute;transform:translate(-50%,-50%);min-width:46px;min-height:46px;border-radius:50%;border:2px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.map-hit:disabled{cursor:default;opacity:1}.map-hit.is-reach{border-color:#78c8ffbf;background:#55c1ff24}.map-hit.is-me{border-color:var(--accent);background:#ffb64829}.map-hit:active{background:#55c1ff4d}.map-hit-pin{width:10px;height:10px;border-radius:50%;background:#eaf4ff;box-shadow:0 0 0 3px #0a1117d9}.map-hit.is-me .map-hit-pin,.map-hit.is-reach .map-hit-pin{display:none}.map-pin-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:9px;font-weight:700;color:#eaf4ff;text-shadow:0 1px 3px #000;pointer-events:none;white-space:nowrap}.map-caption{position:absolute;left:0;right:0;bottom:0;padding:2px 6px;background:linear-gradient(transparent,#050a0fe6);font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.island-canvas{position:relative;flex:1;min-height:130px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.island-hit{position:absolute;transform:translate(-50%,-50%);min-width:46px;min-height:46px;border-radius:10px;border:1px solid rgba(120,160,200,.35);background:#0a11178c;color:#eaf4ff;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px 4px}.island-hit.is-reach{border-color:#78c8ffcc;background:#55c1ff29}.island-hit.is-me{border-color:var(--accent);background:#ffb64833}.island-hit.is-closed{opacity:.35}@media(max-height:700px){.map-canvas,.island-canvas{min-height:104px}.vital-track{height:8px}}.secondary-btn.is-craftable{border-color:#78dc8cbf;color:#8fe6a0;background:#3c8c5029;position:relative}.craft-dot{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:#2f9e4f;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.feed-line,.log-row{overflow:hidden}.feed-line>span:last-child,.log-row>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-scroll .log-row>span:last-child{white-space:normal}.secondary-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.secondary-actions .secondary-btn{min-height:44px;font-size:10px;position:relative;padding:2px 4px}.map-wrap{display:flex;flex-direction:column;gap:3px;min-height:0;flex:0 0 auto}.map-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}.map-toggle{min-height:30px;padding:0 8px;border-radius:999px;border:1px solid var(--line);background:#0a1117e6;color:var(--text);font-size:9px}.map-stage,.island-stage{position:relative;width:100%;height:128px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.island-stage{height:150px}.map-art,.island-art{position:absolute;inset:0;width:100%;height:100%;display:block}.map-point{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(140,180,210,.5);background:#080e14d1;color:#dceaf5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;font-size:8px;line-height:1}.map-point:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;border:1.5px solid currentColor;opacity:.35;pointer-events:none}.map-point.is-reach{border-color:#78c8ffe6;background:#3c8cc847;box-shadow:0 0 0 3px #55c1ff1f}.map-point.is-me{border-color:var(--accent);background:#ffb64842;box-shadow:0 0 0 3px #ffb64829}.map-point:disabled{opacity:1}.map-point-dot{display:none}.map-point-kind{font-weight:700}.map-point-me{font-size:7px;color:var(--accent)}.map-point-foe{position:absolute;top:-5px;right:-5px;width:14px;height:14px;border-radius:50%;font-size:8px;display:flex;align-items:center;justify-content:center;color:#08121a;font-weight:700}.mark-A{background:#ffb648}.mark-B{background:#55c1ff}.mark-C{background:#b48cff}.island-place{position:absolute;transform:translate(-50%,-50%);min-width:46px;min-height:26px;padding:1px 5px;border-radius:8px;border:1px solid rgba(150,190,210,.35);background:#0a141ad1;color:#dceaf5;font-size:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.1}.island-place.is-reach{border-color:#78c8fff2;background:#286ea080}.island-place.is-me{border-color:var(--accent);background:#785414bf}.island-place.is-closed{opacity:.32;text-decoration:line-through}.island-place-name{white-space:nowrap}.island-place-tag{font-size:7px;color:var(--accent)}.island-place-tag.is-warn{color:#ffc861}.island-place-tag.is-bad{color:#ff7b7b}.map-legend{display:flex;justify-content:space-between;font-size:8px;color:var(--muted)}@media(max-height:720px){.map-stage{height:104px}.island-stage{height:118px}}.action-overlay{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:60;width:min(calc(100% - 40px),340px);padding:14px;border-radius:14px;border:1px solid rgba(120,200,255,.5);background:#081018f7;box-shadow:0 12px 32px #000000a6;display:flex;flex-direction:column;gap:8px}.action-overlay-head{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}.action-overlay-head span{font-variant-numeric:tabular-nums;color:var(--muted);font-size:11px}.action-overlay-track{position:relative;height:12px;border-radius:999px;background:#ffffff1f;overflow:hidden}.action-overlay-track i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,#2f7f9e,#55c1ff);transition:width .15s linear}.action-overlay-cancel{min-height:44px;border-radius:10px;border:1px solid rgba(255,120,120,.55);background:#781e1e59;color:#ffb3b3;font-size:12px;font-weight:600}.action-overlay-lock{font-size:10px;color:var(--muted);text-align:center}.modal-overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:16px;background:#04080cb8;backdrop-filter:blur(2px)}.modal-card{width:100%;max-width:360px;padding:14px;border-radius:14px;border:1px solid var(--line);background:#0c141b;display:flex;flex-direction:column;gap:8px}.modal-card.is-danger{border-color:#ff6e6e99;background:#150d0f}.modal-card h3{margin:0;font-size:15px}.modal-note{margin:0;font-size:11px;color:var(--muted);line-height:1.4}.found-list{display:flex;flex-direction:column;gap:5px;max-height:40vh;overflow-y:auto}.found-row{display:flex;align-items:center;gap:8px;min-height:46px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:#101a22e6;color:var(--text);font-size:12px;text-align:left}.found-row:active{background:#3c8cc840}.found-name{flex:1;font-weight:600}.found-qty{color:var(--muted)}.found-take{color:#8fe6a0;font-size:11px}.modal-actions{display:flex;gap:6px}.modal-actions.column{flex-direction:column}.modal-actions .mini-btn{flex:1;min-height:44px;font-size:12px}.feed-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed{display:flex;flex-direction:column;gap:2px;max-height:84px;overflow-y:auto;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.countdown-bar{width:min(100%,280px);height:8px;border-radius:999px;background:#ffffff24;overflow:hidden;margin:-4px auto 6px}.countdown-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#b93b3b,var(--accent));transition:width .1s linear}.map-exits{position:absolute;left:0;right:0;bottom:0;display:flex;gap:4px;padding:3px 4px;background:linear-gradient(transparent,#050a0feb 40%)}.map-exit{flex:1;min-height:30px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 6px;border-radius:8px;border:1px solid rgba(150,190,210,.4);background:#0c161eeb;color:#cfe4f2;font-size:9px;white-space:nowrap}.map-exit.is-reach{border-color:#78c8ffcc;color:#9fd6ff}.map-exit:disabled{opacity:.4}.map-exit-arrow{color:var(--accent);font-size:10px}.map-stage{padding-bottom:0}