:root{--bg: #070b10;--bg-soft: #0b1119;--panel: #0e1620;--panel-2: #131e2a;--panel-3: #18252f;--border: #1f3141;--border-soft: #17242f;--text: #dbe7f2;--muted: #7d92a6;--ct: #3fc6ff;--t: #ffb347;--danger: #ff4d4d;--success: #38e08a;--warn: #ffd24d;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background-color:#08100b;background-image:radial-gradient(1200px 700px at 50% -10%,#1a2a18,#08100b 62%);color:var(--text);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Heiti SC,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;overscroll-behavior:none;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}.app-shell{position:relative;isolation:isolate;min-height:100%;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.battlefield{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.battlefield-camo{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 220px 110px at 8% 12%,rgba(70,92,48,.38) 0%,transparent 70%),radial-gradient(ellipse 260px 140px at 92% 8%,rgba(48,62,34,.42) 0%,transparent 68%),radial-gradient(ellipse 180px 90px at 78% 78%,rgba(98,82,42,.22) 0%,transparent 70%),radial-gradient(ellipse 240px 120px at 16% 86%,rgba(32,44,26,.5) 0%,transparent 72%),radial-gradient(ellipse 140px 70px at 48% 36%,rgba(86,104,58,.16) 0%,transparent 70%)}.battlefield-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(154,176,118,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(154,176,118,.07) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%,#000 20%,transparent 80%)}.battlefield-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.battlefield-scan{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-linear-gradient(-18deg,transparent 0 18px,rgba(180,210,140,.03) 18px 19px);animation:battlefield-drift 28s linear infinite}.battlefield-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 38%,transparent 30%,rgba(5,8,6,.55) 100%),linear-gradient(180deg,rgba(8,14,10,.2),transparent 18%,transparent 72%,rgba(5,8,6,.55))}@keyframes battlefield-drift{0%{transform:translateZ(0)}to{transform:translate3d(-48px,48px,0)}}.screen{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;width:100%;max-width:720px;margin:0 auto;padding:16px 14px 28px;gap:14px}.screen.wide{max-width:1180px}h1,h2,h3{margin:0;font-weight:700;letter-spacing:.02em}h1{font-size:26px}.brand-title{font-size:34px;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 24px rgba(255,179,71,.25)}h2{font-size:17px}h3{font-size:14px}.muted{color:var(--muted)}.tiny{font-size:12px}.small{font-size:13px}.mono{font-family:SF Mono,JetBrains Mono,ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.center{text-align:center}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.grow{flex:1}.brand{display:flex;flex-direction:column;gap:4px;padding:10px 0 2px}.brand-mark{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.32em;color:var(--t);text-transform:uppercase}.brand-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 12px var(--danger);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.panel{background:linear-gradient(180deg,#121c14e0,#0c120ee6);border:1px solid var(--border);border-radius:14px;padding:14px}.panel.tight{padding:11px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.panel-title h2,.panel-title h3{display:flex;align-items:center;gap:7px}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;font-size:11px;color:var(--muted);white-space:nowrap}.tag.ct{color:var(--ct);border-color:#3fc6ff66;background:#3fc6ff14}.tag.t{color:var(--t);border-color:#ffb3476b;background:#ffb34714}.tag.danger{color:var(--danger);border-color:#ff4d4d73;background:#ff4d4d1a}.tag.success{color:var(--success);border-color:#38e08a66;background:#38e08a14}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12px;color:var(--muted);letter-spacing:.06em}input[type=text],input[type=number],input[type=url]{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:#0a121a;outline:none;transition:border-color .15s}input:focus{border-color:#3fc6ff99}input.code-input{letter-spacing:.3em;text-transform:uppercase;font-weight:700;text-align:center;font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 16px;border-radius:11px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-weight:600;transition:transform .08s,filter .15s,background .15s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#2f9fe0,#1d6fa8);border-color:#3fb0ef;color:#f2fbff;box-shadow:0 6px 18px #2d96d247}.btn.danger{background:linear-gradient(180deg,#e04545,#a82626);border-color:#ff5f5f;color:#fff;box-shadow:0 6px 18px #c83c3c4d}.btn.warn{background:linear-gradient(180deg,#e8a63a,#b87a18);border-color:#ffc266;color:#241403;box-shadow:0 6px 18px #dca03242}.btn.ghost{background:transparent}.btn.block{width:100%}.btn.lg{padding:15px 18px;font-size:16px}.btn.sm{padding:7px 11px;font-size:13px;border-radius:9px}.grid{display:grid;gap:10px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.auto{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stack{display:flex;flex-direction:column;gap:10px}.divider{height:1px;background:var(--border-soft);margin:2px 0}.conn{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.conn .dot{width:7px;height:7px;border-radius:50%;background:var(--danger)}.conn.online .dot{background:var(--success);box-shadow:0 0 8px var(--success)}.room-code{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-code .code{font-size:32px;font-weight:800;letter-spacing:.22em;color:var(--t);text-shadow:0 0 22px rgba(255,179,71,.35)}.player-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;border:1px solid var(--border-soft);background:#ffffff04}.player-row.dead{opacity:.45;filter:grayscale(.7)}.player-row.me{border-color:#3fc6ff80;background:#3fc6ff0f}.player-row.t{border-left:3px solid var(--t)}.player-row.ct{border-left:3px solid var(--ct)}.player-row.spec{border-left:3px solid var(--muted)}.avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--panel-3);font-weight:700;font-size:13px;flex-shrink:0}.player-name{font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px}.player-sub{font-size:11.5px;color:var(--muted)}select{padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:#0a121a;outline:none;max-width:130px}.banner{border-radius:12px;padding:12px 14px;border:1px solid var(--border);background:var(--panel-2);display:flex;align-items:center;gap:12px}.banner.alarm{border-color:#ff4d4d8c;background:linear-gradient(180deg,#5a1010b3,#280808b3);animation:alarm-glow 1s infinite}@keyframes alarm-glow{0%,to{box-shadow:0 0 #ff3c3c00}50%{box-shadow:0 0 26px #ff3c3c59}}.banner.ct{border-color:#3fc6ff73;background:linear-gradient(180deg,#0c2e42bf,#081822bf)}.banner.t{border-color:#ffb34773;background:linear-gradient(180deg,#422c0abf,#1e1406bf)}.clock{font-size:40px;font-weight:800;letter-spacing:.04em;color:var(--text);text-shadow:0 0 24px rgba(120,200,255,.2)}.clock.urgent{color:var(--danger);text-shadow:0 0 26px rgba(255,60,60,.5);animation:pulse .9s infinite}.stat-block{display:flex;flex-direction:column;gap:1px}.stat-block .value{font-size:22px;font-weight:800}.stat-block .label{font-size:11px;color:var(--muted);letter-spacing:.1em}.feed{display:flex;flex-direction:column;gap:6px;max-height:190px;overflow-y:auto}.feed-item{display:flex;gap:8px;font-size:12.5px;color:var(--muted);padding:5px 0;border-bottom:1px dashed var(--border-soft)}.feed-item.hot{color:var(--danger)}.feed-item .time{font-family:ui-monospace,monospace;flex-shrink:0;opacity:.7}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#05080d;display:flex;flex-direction:column;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.overlay-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-soft);background:#080d14e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.three-host{flex:1;position:relative;min-height:0;background:#05080d}.overlay-foot{border-top:1px solid var(--border-soft);background:#080d14f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 14px;display:flex;flex-direction:column;gap:10px;max-height:56vh;overflow-y:auto}.hud-corner{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;pointer-events:none;gap:8px}.hud-chip{background:#060c12d1;border:1px solid var(--border);border-radius:10px;padding:7px 11px;font-size:12px;pointer-events:auto}.wire-list{display:flex;flex-direction:column;gap:7px}.wire-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);text-align:left}.wire-btn .swatch{width:22px;height:22px;border-radius:6px;flex-shrink:0;border:1px solid rgba(255,255,255,.25)}.wire-btn .voltage{margin-left:auto;font-family:ui-monospace,monospace;font-weight:700}.wire-btn.cut{opacity:.4;text-decoration:line-through}.wire-btn:active:not(:disabled){transform:scale(.99)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{padding:14px 0;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);font-weight:700;font-size:17px}.keypad button:active{background:var(--panel-3)}.code-display{display:flex;gap:8px;justify-content:center}.code-slot{width:46px;height:56px;border-radius:10px;border:1px solid var(--border);background:#060d13;display:grid;place-items:center;font-size:24px;font-weight:800;font-family:ui-monospace,monospace;color:var(--success)}.code-slot.filled{border-color:#38e08a80}.code-slot.hidden-slot{color:var(--warn)}.progress{height:9px;border-radius:999px;background:#0a141d;border:1px solid var(--border-soft);overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#38e08a,#3fc6ff);transition:width .25s linear}.progress.danger>span{background:linear-gradient(90deg,#ffb347,#ff4d4d)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#03060ac7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:18px}.modal{width:100%;max-width:420px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,#131e2a,#0c141d);padding:20px;display:flex;flex-direction:column;gap:12px;animation:rise .22s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.result-title{font-size:24px;font-weight:800}.result-title.t{color:var(--t)}.result-title.ct{color:var(--ct)}.toasts{position:fixed;left:50%;transform:translate(-50%);bottom:calc(18px + var(--safe-bottom));z-index:120;display:flex;flex-direction:column;gap:8px;width:min(92vw,460px);pointer-events:none}.toast{padding:11px 14px;border-radius:11px;border:1px solid var(--border);background:#101923f5;box-shadow:0 10px 30px #00000073;font-size:13.5px;animation:rise .2s ease-out}.toast.error{border-color:#ff4d4d8c;color:#ffd9d9}.toast.success{border-color:#38e08a80;color:#d6ffe9}.hint-box{border-left:3px solid var(--border);padding:8px 12px;background:#ffffff05;border-radius:0 10px 10px 0;font-size:13px;color:var(--muted)}.zone-chip{display:flex;flex-direction:column;gap:4px;padding:9px 10px;border-radius:10px;border:1px solid var(--border-soft);background:#ffffff05}.zone-chip .zname{font-weight:600;font-size:13px}.zone-chip.hot{border-color:#ff4d4d8c;background:#ff4d4d1f}.zone-chip input{padding:6px 8px;border-radius:8px;font-size:13px}.alive-dot{width:7px;height:7px;border-radius:50%;background:var(--success);flex-shrink:0}.alive-dot.off{background:#4b5866}.scroll-x{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.scroll-x::-webkit-scrollbar{height:5px}.scroll-x::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.voice-panel .btn.primary,.voice-panel .btn.warn{font-weight:700}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.photo-card{margin:0;border-radius:10px;overflow:hidden;border:1px solid var(--border-soft);background:#ffffff05}.photo-card img,.photo-preview{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:10px}.photo-card figcaption{display:flex;flex-direction:column;gap:2px;padding:7px 8px;font-size:12px}.fuse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fuse-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff08}.fuse-btn i{width:12px;height:12px;border-radius:50%;flex-shrink:0}.fuse-btn.on{border-color:var(--fuse, var(--ct));box-shadow:0 0 0 1px var(--fuse, var(--ct))}.hold-btn{-webkit-user-select:none;user-select:none;touch-action:none}@media (max-width: 420px){.clock{font-size:33px}.room-code .code{font-size:26px}h1{font-size:22px}}