.box-select-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.box-select-tip{position:absolute;top:15px;left:50%;transform:translate(-50%);padding:7px 12px;border:1px solid rgba(140,233,235,.38);background:#081b21eb;color:#d8f3f2;font-family:var(--font-display, Georgia, "Songti SC", "Noto Serif SC", "STSong", "SimSun", serif);font-size:12px;letter-spacing:.08em;pointer-events:none;white-space:nowrap;box-shadow:0 10px 30px #0006;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.box-select-rect{position:absolute;border:1.5px solid rgba(242,221,168,.9);background:#d9bf831f;box-shadow:inset 0 0 0 1px #04101666,0 0 24px #f2dda81f;pointer-events:none}@media (max-height: 790px){.box-select-tip{top:11px;padding:6px 10px;font-size:11px}}.target-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;cursor:crosshair;touch-action:none;background:radial-gradient(circle at 50% 12%,rgba(255,122,77,.05),transparent 34%)}.target-banner{position:absolute;top:15px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px 15px;border:1px solid rgba(255,142,92,.55);background:#0f1b1eed;color:#ffe3c2;font-family:var(--font-display, Georgia, "Songti SC", "Noto Serif SC", "STSong", "SimSun", serif);font-size:12.5px;letter-spacing:.08em;pointer-events:none;white-space:nowrap;box-shadow:0 0 0 1px #ff7a4d14,0 10px 34px #00000075;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.target-banner-mark{color:#ff9a68;font-size:15px;line-height:1;text-shadow:0 0 12px rgba(255,122,77,.55)}.target-banner-sep{color:#ffe3c26b}@media (max-height: 790px){.target-banner{top:11px;padding:6px 12px;font-size:11px}.target-banner-mark{font-size:13px}}@media (max-width: 640px){.target-banner{font-size:10px;padding:6px 10px}}.panel.troop-bar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(760px,calc(100vw - 96px));z-index:16;overflow:hidden;border-color:#e9d19857;background:radial-gradient(circle at 20% 0%,rgba(242,221,168,.1),transparent 48%),linear-gradient(160deg,#1a3f46e6,#091e24ed);box-shadow:inset 0 1px #fff7e614,0 18px 46px #00000075;-webkit-backdrop-filter:blur(14px) saturate(1.05);backdrop-filter:blur(14px) saturate(1.05)}.troop-bar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px 6px;border-bottom:1px solid rgba(233,209,152,.18);background:linear-gradient(180deg,#f2dda80e,#f2dda800)}.troop-bar-title{display:flex;align-items:baseline;gap:9px;min-width:0}.troop-kicker{flex:0 0 auto;padding:2px 6px;border:1px solid rgba(242,221,168,.32);color:#e7c96f;font-size:8.5px;letter-spacing:.12em;line-height:1.5}.troop-bar-title strong{min-width:0;overflow:hidden;color:var(--ivory, #fff7e6);font-family:var(--font-display, Georgia, "Songti SC", serif);font-size:12.5px;font-weight:600;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis}.troop-bar-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:#bdb6a0;font-size:9px;white-space:nowrap}.target-owner{color:#e8cf91}.target-defender b{color:#f3e8cf;font-weight:600}.bar-close,.bar-collapse{width:22px;height:22px;margin-left:2px;padding:0;border:1px solid rgba(233,209,152,.22);background:#0411175c;color:#bdb6a0;font-size:14px;line-height:1;transition:.12s ease}.bar-collapse{font-size:13px}.bar-close:hover,.bar-collapse:hover{border-color:#f2dda88c;color:#f2dda8}.troop-target-row{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;padding:5px 12px;border-bottom:1px solid rgba(233,209,152,.12);background:#f2dda808;color:#b6b09a;font-size:9px}.target-tag{color:#ff9e72;letter-spacing:.1em}.troop-target-row b{color:#f3e8cf;font-weight:600}.troop-bar-body{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:8px 12px 7px}.troop-amounts{display:flex;gap:4px;flex:0 0 auto}.troop-amount{min-width:54px;height:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:2px 7px;border:1px solid rgba(233,209,152,.24);background:#102c33b8;color:#d9cfb4;font-size:10px;line-height:1.05;transition:.12s ease}.troop-amount small{color:#9fa08c;font-size:8px;font-variant-numeric:tabular-nums}.troop-amount:hover:not(:disabled){border-color:#f2dda894;color:#fff7e6}.troop-amount.active{border-color:#f2dda8ad;background:#d9bf8329;color:#f2dda8}.troop-amount.active small{color:#c8ad6e}.troop-amount:disabled{opacity:.35}.troop-slider{flex:1 1 140px;min-width:110px;display:flex;align-items:center}.troop-slider input[type=range]{width:100%;height:4px;accent-color:#d9bf83;cursor:pointer}.troop-total{flex:0 0 auto;color:#bdb6a0;font-size:9px;letter-spacing:.02em;white-space:nowrap}.troop-total b{color:#f2dda8;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.troop-total em{color:#8f917f;font-style:normal}.troop-dispatch{display:flex;gap:5px;margin-left:auto;flex:0 0 auto}.troop-btn{min-height:32px;padding:0 13px;border:1px solid rgba(233,209,152,.26);background:#102c33d1;color:#f0e7d2;font-size:10.5px;letter-spacing:.04em;transition:.12s ease}.troop-btn:hover:not(:disabled){border-color:#f2dda894;background:#265055f2;color:#fff7e6}.troop-btn:disabled{opacity:.38}.troop-btn.active{border-color:#f2dda8cc;color:#f2dda8}.troop-btn.primary{min-width:78px;border-color:#f2dda89e;background:linear-gradient(180deg,#f2dda84d,#d9bf8326);color:#fff7e6;font-family:var(--font-display, Georgia, "Songti SC", serif);font-size:12px;letter-spacing:.12em}.troop-btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#f2dda86b,#d9bf8338)}.troop-btn.ghost{border-color:#8ce9eb33;background:transparent;color:#a9c4c1}.troop-hint{color:#969883;font-size:9px;line-height:1.4}.troop-sources{display:flex;align-items:center;gap:7px;padding:0 12px 6px;min-width:0}.troop-sources-label{flex:0 0 auto;color:#9c9a86;font-size:8.5px;letter-spacing:.1em}.troop-source-chips{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(217,191,131,.24) transparent;padding-bottom:1px}.source-chip{flex:0 0 auto;padding:2px 6px;border:1px solid rgba(140,233,235,.2);background:#8ce9eb0e;color:#a9c4c1;font-size:8.5px;line-height:1.5;white-space:nowrap;font-variant-numeric:tabular-nums}.source-chip b{color:#d8f3f2;font-weight:600}button.source-chip{cursor:pointer}button.source-chip:hover{border-color:#e8a99d8c;color:#f0b3a7}.source-chip.more{border-color:#e9d19833;color:#9c9a86}.troop-status{padding:0 12px 8px;color:#a6a792;font-size:9px;line-height:1.5}.troop-status.is-error{color:#f0b3a7}@media (max-height: 900px){.panel.troop-bar{bottom:10px;width:min(720px,calc(100vw - 88px))}.troop-bar-body{padding:7px 12px 6px}}@media (max-height: 790px){.panel.troop-bar{bottom:8px;width:min(690px,calc(100vw - 72px))}.troop-bar-head{padding:5px 11px}.troop-bar-title strong{font-size:11.5px}.troop-target-row{padding:4px 11px}.troop-bar-body{gap:6px;padding:6px 11px 5px}.troop-amount{min-width:48px;height:29px;font-size:9.5px}.troop-btn{min-height:29px;padding:0 11px;font-size:10px}.troop-btn.primary{min-width:70px;font-size:11px}.troop-total b{font-size:12.5px}.troop-sources{padding:0 11px 5px}.troop-status{padding:0 11px 7px;font-size:8.5px}.troop-slider{display:none}}@media (max-width: 760px){.panel.troop-bar{width:calc(100vw - 20px);bottom:8px}.troop-bar-body{gap:6px}.troop-amounts{width:100%}.troop-amount{flex:1}.troop-slider{width:100%;flex-basis:100%}.troop-total{margin-left:auto}.troop-dispatch{width:100%}.troop-dispatch .troop-btn{flex:1}.troop-source-chips{max-width:calc(100vw - 90px)}}:root{--ink: #06141b;--ink-2: #0a2028;--ink-3: #0e2a33;--teal-deep: #12313a;--panel: rgba(10, 30, 38, .88);--panel-2: rgba(17, 44, 52, .82);--line: rgba(217, 191, 131, .16);--line-strong: rgba(217, 191, 131, .32);--cream: #f3e8cf;--cream-dim: #d9cfb4;--ivory: #fff7e6;--text: #f3e8cf;--muted: #bdb6a0;--faint: #9c9a86;--gold: #d9bf83;--gold-soft: #c0a163;--gold-bright: #f2dda8;--teal: #8ce9eb;--teal-dim: #5fb3b8;--green: #a9d9b8;--red: #e8a99d;--cyan: #8ce9eb;--player: #8ce9eb;--radius: 2px;--font-ui: "Segoe UI", "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--font-display: Georgia, "Songti SC", "Noto Serif SC", "STSong", "SimSun", serif;color-scheme:dark;font-family:var(--font-ui)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink);color:var(--text)}::selection{background:#d9bf8352;color:var(--ivory)}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:1px solid var(--gold-bright);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d9bf8342;border-radius:10px}::-webkit-scrollbar-track{background:transparent}.muted{color:var(--muted)}.start-screen{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 71% 16%,rgba(140,233,235,.14),transparent 36%),radial-gradient(circle at 22% 78%,rgba(242,221,168,.11),transparent 42%),radial-gradient(circle at 52% 116%,rgba(30,96,102,.32),transparent 62%),linear-gradient(138deg,#051219,#0a232b 54%,#07161c)}.start-grid{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;opacity:.32;background-image:linear-gradient(rgba(217,191,131,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(140,233,235,.09) 1px,transparent 1px);background-size:54px 54px;transform:perspective(700px) rotateX(58deg) translateY(10%);transform-origin:center 70%;pointer-events:none}.start-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.start-glow-a{width:540px;height:540px;right:5%;top:2%;background:#5fd3d621}.start-glow-b{width:500px;height:500px;left:0%;bottom:-10%;background:#f2dda81a}.start-content{position:relative;z-index:2;height:100%;max-width:760px;padding:8vh 8vw;display:flex;flex-direction:column;justify-content:center;animation:rise-in .7s ease-out both}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.start-kicker{font-size:11px;letter-spacing:.32em;color:var(--teal);margin-bottom:24px}.start-mark{width:96px;height:96px;margin-bottom:20px;filter:drop-shadow(0 0 26px rgba(242,221,168,.2))}.start-content h1{font-family:var(--font-display);font-size:clamp(54px,8vw,92px);line-height:.94;letter-spacing:.12em;margin:0;font-weight:500;color:var(--ivory);text-shadow:0 10px 42px rgba(0,0,0,.5),0 0 48px rgba(242,221,168,.12)}.start-content h1:after{content:"";display:block;width:92px;height:1px;margin-top:22px;background:linear-gradient(90deg,var(--gold),rgba(217,191,131,0))}.start-en{margin-top:12px;font-size:11px;letter-spacing:.52em;color:var(--gold-soft)}.start-copy{margin:28px 0 30px;max-width:560px;color:#c9c1a9;font-size:15px;line-height:1.9}.start-btn{width:210px;height:54px;border:1px solid rgba(217,191,131,.72);background:linear-gradient(135deg,#d9bf8338,#d9bf830f);color:#fff3d2;font-family:var(--font-display);font-size:17px;letter-spacing:.22em;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:.16s ease;box-shadow:0 0 #f2dda800}.start-btn:hover{background:linear-gradient(135deg,#f2dda852,#d9bf831f);box-shadow:0 0 38px #f2dda82e;transform:translateY(-1px)}.start-features{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.start-features span{font-size:10px;letter-spacing:.1em;padding:7px 11px;border:1px solid rgba(217,191,131,.18);color:#cdc5ad;background:#06141b8c}.start-hint{margin-top:22px;font-size:11px;color:var(--faint);letter-spacing:.08em}.game-shell{height:100%;display:flex;flex-direction:column;background:var(--ink)}.topbar{height:76px;flex:0 0 76px;display:flex;align-items:center;gap:22px;padding:0 20px;border-bottom:1px solid rgba(233,209,152,.3);background:linear-gradient(180deg,#0c242bfa,#06151bf7),radial-gradient(circle at 22% 0%,rgba(140,233,235,.1),transparent 46%),radial-gradient(circle at 84% -10%,rgba(242,221,168,.12),transparent 46%);box-shadow:0 10px 34px #00000057;z-index:20}.brand{display:flex;align-items:center;gap:11px;min-width:218px}.brand svg{filter:drop-shadow(0 0 12px rgba(242,221,168,.18))}.brand div{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-family:var(--font-display);font-size:18px;font-weight:600;letter-spacing:.18em;color:var(--ivory)}.brand span{margin-top:5px;font-size:8px;letter-spacing:.3em;color:var(--gold-soft)}.stats{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.stat{position:relative;display:flex;align-items:center;gap:10px;height:54px;padding:6px 15px 6px 8px;border:1px solid rgba(233,209,152,.24);background:radial-gradient(circle at 14% 0%,rgba(242,221,168,.09),transparent 54%),linear-gradient(180deg,#1e434ac7,#0a2027ad);clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}.stat-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(233,209,152,.42);color:var(--cream);font-family:var(--font-display);font-size:13px;font-weight:700;background:#0410169e}.stat-body{display:flex;flex-direction:column;min-width:62px;line-height:1.05}.stat-label{font-size:9px;letter-spacing:.16em;color:#aaa68f}.stat-value{margin-top:2px;font-size:17px;font-weight:700;color:var(--ivory);white-space:nowrap}.stat-value small{font-size:10px;color:var(--muted);font-weight:500}.stat-sub{margin-top:3px;font-size:9px;color:var(--muted);white-space:nowrap}.action-stat{min-width:176px}.action-meter{position:absolute;left:8px;right:8px;bottom:5px;height:2px;background:#f3e8cf1a;overflow:hidden}.action-meter i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-soft),var(--gold-bright));transition:width .2s ease}.time-block{min-width:210px;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.day-line{font-size:10px;line-height:1.2;letter-spacing:.12em;color:var(--muted)}.day-line .muted{margin-left:4px}.time-block>strong{font-size:23px;line-height:1.08;letter-spacing:.12em;color:var(--ivory);font-variant-numeric:tabular-nums}.speed-row{display:flex;gap:4px;margin-top:2px}.mini-btn{height:22px;min-width:26px;padding:0 7px;border:1px solid rgba(233,209,152,.24);background:#07191fb3;color:var(--cream-dim);font-size:10px;letter-spacing:.03em;transition:.12s ease}.mini-btn:hover{border-color:#f2dda88c;color:var(--gold-bright)}.mini-btn.active{border-color:#f2dda89e;background:#d9bf8326;color:var(--gold-bright)}.map-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#071a21}.map-host{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab}.map-host canvas{filter:saturate(1.04) contrast(1.01)}.map-host:active{cursor:grabbing}.map-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 120px #02090d75,inset 0 -64px 84px #02090d3d;background:linear-gradient(135deg,#ffe2b20d,#184c5412),radial-gradient(circle at 44% 30%,rgba(255,238,198,.05),transparent 56%),radial-gradient(circle at 50% 50%,transparent 58%,rgba(2,8,11,.2) 100%)}.map-brand-chip{position:absolute;top:14px;left:18px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(233,209,152,.28);background:#07191fc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px;letter-spacing:.08em;color:var(--cream-dim);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px #8ce9ebe6;animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.35}}.map-controls{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5}.control-btn{height:31px;padding:0 13px;border:1px solid rgba(233,209,152,.26);background:#07191fc7;color:var(--cream-dim);font-size:10px;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.12s ease}.control-btn:hover{border-color:#f2dda88c;color:var(--gold-bright)}.panel{position:relative;border:1px solid rgba(233,209,152,.26);background:radial-gradient(circle at 16% 0%,rgba(242,221,168,.11),transparent 46%),linear-gradient(158deg,#20484ee6,#0e2930eb 58%,#081b21f0);box-shadow:inset 0 1px #fff7e617,0 18px 48px #0006;-webkit-backdrop-filter:blur(14px) saturate(1.05);backdrop-filter:blur(14px) saturate(1.05);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.panel:after{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(242,221,168,.58),transparent);pointer-events:none}.panel-head{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(233,209,152,.2);background:linear-gradient(180deg,#f2dda80f,#f2dda800);font-size:10px;letter-spacing:.16em;color:var(--cream)}.panel-head>span:first-child{font-family:var(--font-display);font-size:11px;letter-spacing:.2em;color:var(--cream)}.panel-head .muted{font-size:9px;letter-spacing:.04em;color:var(--faint)}.right-stack{position:absolute;top:58px;right:18px;width:336px;max-height:calc(100% - 68px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(217,191,131,.28) transparent;z-index:6;display:flex;flex-direction:column;gap:10px}.minimap-panel{width:210px;align-self:flex-end;overflow:hidden;border-color:#e9d19857;box-shadow:inset 0 1px #fff7e617,0 18px 48px #00000070}.minimap-canvas{display:block;width:100%;height:auto;aspect-ratio:1 / 1;cursor:crosshair;opacity:.96}.tile-panel{min-height:280px}.empty-panel{padding:18px 16px 20px;text-align:center}.empty-hex{display:grid;place-items:center;opacity:.6;margin-bottom:8px}.empty-panel p{margin:8px 0;font-size:11px;line-height:1.65;color:var(--cream-dim)}.empty-panel p.muted{color:var(--faint)}.tile-owner{display:flex;align-items:center;gap:8px;margin:12px 14px 0;padding:9px 10px;border-left:3px solid var(--gold);background:#f2dda812}.tile-owner strong{font-size:12px;color:var(--ivory)}.tile-owner .muted{margin-left:auto;font-size:9px;color:var(--faint)}.owner-dot{width:7px;height:7px;border-radius:1px}.tile-terrain{display:flex;align-items:center;gap:11px;margin:13px 14px;padding:10px;border:1px solid rgba(233,209,152,.18);background:#081b2170}.tile-terrain div:last-child{display:flex;flex-direction:column;gap:3px}.tile-terrain strong{font-size:12px;color:var(--ivory)}.tile-terrain small{font-size:9.5px;color:var(--muted)}.terrain-orb{width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(255,247,230,.18);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);box-shadow:inset 0 0 14px #00000047}.terrain-orb[data-terrain=grass]{background:linear-gradient(150deg,#8fa86c,#3c5f45 70%)}.terrain-orb[data-terrain=forest]{background:linear-gradient(150deg,#62855f,#294536 65%)}.terrain-orb[data-terrain=ruins]{background:linear-gradient(150deg,#aeab94,#565a51 65%)}.terrain-orb[data-terrain=desert]{background:linear-gradient(150deg,#d8b37c,#8a6a45 65%)}.terrain-orb[data-terrain=snow]{background:linear-gradient(150deg,#e6f0ea,#8ca6a6 65%)}.terrain-orb[data-terrain=special]{background:linear-gradient(150deg,#ffe9ae,#a1853c 65%);box-shadow:0 0 18px #f2dda84d}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 14px;background:#e9d19824;border:1px solid rgba(233,209,152,.16)}.tile-grid>div{display:flex;flex-direction:column;gap:3px;padding:8px 9px;background:#07191feb}.tile-grid span{font-size:8.5px;letter-spacing:.08em;color:var(--faint)}.tile-grid strong{font-size:11px;color:var(--cream);font-weight:600}.base-ring{margin:10px 14px 0;padding:8px 9px;border:1px solid rgba(242,221,168,.22);background:#f2dda80f;color:#e8cf91;font-size:10px;display:flex;flex-direction:column;gap:3px}.base-ring span{color:#a8905e;font-size:8.5px}.base-ring.warn{border-color:#e6a86c66;background:#e6945014}.base-ring.danger{border-color:#e88c8080;background:#d25a4a1f;color:#f2b3a7}.lord-note{margin:10px 14px 0;padding:8px 9px;border-left:2px solid var(--gold);background:#d9bf830f;display:flex;flex-direction:column;gap:3px}.lord-note strong{font-size:11px;color:#e9cf93}.lord-note span{font-size:9px;color:#b39a66}.lord-note em{font-style:normal;font-size:8.5px;color:#8f7c55}.tile-actions{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px 10px}.action-btn{min-height:30px;padding:0 12px;border:1px solid var(--line-strong);background:#081b219e;color:var(--cream-dim);font-size:10px;letter-spacing:.04em;transition:.13s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}.action-btn:hover:not(:disabled){border-color:#f2dda88f;color:var(--gold-bright)}.action-btn:disabled{opacity:.35}.action-btn.primary{border-color:#f2dda894;background:linear-gradient(180deg,#f2dda847,#d9bf8324);color:#fff7e6}.action-btn.ghost{border-color:#8ce9eb33;background:transparent;color:#a9c4c1}.panel-hint{padding:0 14px 14px;font-size:9.5px;line-height:1.55;color:var(--faint)}.tile-build{margin:0 14px 12px;padding-top:10px;border-top:1px solid rgba(233,209,152,.16)}.tile-build-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:9px;letter-spacing:.12em;color:var(--cream)}.tile-build-head .muted{font-size:8.5px;letter-spacing:.02em;color:var(--faint)}.tile-build-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.build-option{min-width:0;min-height:60px;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:6px 6px 5px;border:1px solid rgba(233,209,152,.22);background:linear-gradient(160deg,#244d52d6,#091e24c7);text-align:left;transition:.14s ease;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}.build-option:hover:not(:disabled){border-color:#f2dda88f;background:linear-gradient(160deg,#366265eb,#0b242adb)}.build-option:disabled{opacity:.42}.build-option-top{min-width:0;display:flex;align-items:center;gap:4px}.build-option-icon{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border:1px solid rgba(233,209,152,.2);background:#0411177a}.build-option-icon svg{width:17px;height:17px}.build-option strong{min-width:0;font-size:11px;color:var(--ivory);white-space:nowrap}.build-option small{min-width:0;overflow:hidden;color:var(--muted);font-size:8.5px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.build-option .build-cost{margin-top:auto;align-self:flex-start;padding:1px 4px;border:1px solid rgba(242,221,168,.28);color:#e7c96f;font-size:8px;line-height:1.2;letter-spacing:.02em}.bottom-stack{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:7;pointer-events:none}.bottom-hint{text-align:center;padding:4px 11px;border:1px solid rgba(242,221,168,.32);background:#081b21b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:9px;letter-spacing:.06em;color:#b3b09a;text-shadow:0 1px 5px rgba(0,0,0,.7);white-space:nowrap;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}.buff-strip{position:absolute;left:18px;top:58px;display:flex;gap:6px;z-index:5}.buff{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(242,221,168,.28);background:#221e0ead;color:#d9bd79;font-size:9px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.buff strong{color:#f3dc9f;font-size:10px}.buff-harvest{border-color:#a9d9b84d;color:#a9d9b8;background:#0c2216a3}.buff-war{border-color:#e8a99d52;color:#e6a399;background:#26110fa3}.toast{position:absolute;left:50%;bottom:132px;transform:translate(-50%);max-width:620px;padding:9px 16px;border:1px solid rgba(242,221,168,.3);background:#081b21f5;color:#ecdcae;font-size:11px;letter-spacing:.03em;z-index:30;box-shadow:0 12px 40px #00000075;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);animation:toast-in .18s ease-out both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#02090dc2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{width:min(560px,94vw);max-height:calc(100vh - 36px);overflow-y:auto;padding:0;border-color:#e9d19861;box-shadow:inset 0 1px #fff7e617,0 40px 120px #000000b3}.modal-head{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(217,191,131,.16);font-size:10px;letter-spacing:.18em;color:var(--cream)}.modal-head>span:first-child{font-family:var(--font-display);font-size:13px;letter-spacing:.2em;color:var(--ivory)}.close-btn{width:26px;height:26px;border:1px solid rgba(217,191,131,.18);background:transparent;color:var(--muted);font-size:17px;line-height:1}.close-btn:hover{color:var(--gold-bright);border-color:#f2dda86b}.modal-copy{padding:22px 18px;font-size:12px;line-height:1.7;color:var(--cream-dim)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 16px 16px;border-top:1px solid rgba(217,191,131,.14)}.move-modal{width:min(590px,94vw)}.move-target{display:flex;align-items:center;gap:12px;margin:15px 16px 11px;padding:10px;border:1px solid rgba(233,209,152,.2);background:#081b2175}.move-target>div:last-child{display:flex;flex-direction:column;gap:4px}.move-target strong{font-size:12px;color:var(--ivory)}.move-target small{font-size:9.5px;color:var(--muted)}.intel-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 16px;border:1px solid rgba(233,209,152,.16);background:#e9d19824}.intel-grid>div{display:flex;justify-content:space-between;gap:8px;padding:8px 9px;background:#07191feb;font-size:10px}.intel-grid span{color:var(--faint)}.intel-grid strong{color:var(--cream);font-weight:600}.troop-slider{margin:13px 16px 10px;padding:10px;border:1px solid rgba(233,209,152,.16);background:#081b2161}.slider-head{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:7px}.slider-head strong{color:var(--gold-bright)}.troop-slider input[type=range]{width:100%;accent-color:#d9bf83;height:4px;cursor:pointer}.quick-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}.quick-btn{min-height:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(242,221,168,.3);background:linear-gradient(160deg,#d9bf831f,#d9bf830a);color:var(--gold-bright);font-size:11px;letter-spacing:.04em;transition:.13s ease;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%)}.quick-btn small{color:#b39a66;font-size:8.5px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.quick-btn:hover{border-color:#f2dda89e;background:linear-gradient(160deg,#d9bf8338,#d9bf8314);color:#ffe9b4}.quick-btn:hover small{color:#c8ad6e}.forecast{margin:0 16px 9px;padding:9px 10px;font-size:10px;line-height:1.55;border-left:2px solid var(--line-strong);background:#f2dda80b;color:var(--cream-dim)}.forecast-win{border-color:#a9d9b88c;color:var(--green)}.forecast-loss{border-color:#e8a99d8c;color:#e4a69d}.action-warning{margin:0 16px 12px;font-size:9.5px;line-height:1.55;color:var(--muted)}.action-warning.danger{color:#f2a094}.help-modal{width:min(720px,94vw)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:15px 16px;border:1px solid rgba(233,209,152,.16);background:#e9d19824}.help-grid>div{padding:12px;background:#07191feb}.help-grid strong{display:block;margin-bottom:6px;font-family:var(--font-display);font-size:12px;letter-spacing:.06em;color:#e4c477}.help-grid p{margin:0;font-size:10px;line-height:1.7;color:var(--cream-dim)}.help-footer{padding:0 16px 15px;font-size:9.5px;line-height:1.6;color:var(--faint)}.end-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 14%,rgba(242,221,168,.1),transparent 42%),radial-gradient(circle at 50% 60%,rgba(30,96,102,.2),transparent 60%),#02090ddb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.end-modal{width:min(760px,96vw);max-height:calc(100vh - 36px);overflow-y:auto;padding:24px 24px 20px}.end-kicker{font-size:10px;letter-spacing:.32em;color:var(--gold-soft)}.end-modal h2{margin:9px 0 6px;font-family:var(--font-display);font-size:38px;font-weight:500;letter-spacing:.1em;color:var(--ivory)}.end-copy{margin:0 0 17px;font-size:11px;line-height:1.7;color:var(--cream-dim)}.score-table{border:1px solid rgba(233,209,152,.18);background:#e9d1981f;max-height:400px;overflow-y:auto}.score-row{display:grid;grid-template-columns:44px 1.5fr .7fr .7fr .9fr .7fr;gap:1px;border-bottom:1px solid rgba(233,209,152,.08);background:#07191ff2;font-size:11px;color:var(--cream-dim)}.score-row>span,.score-row>strong{padding:8px 9px;display:flex;align-items:center}.score-row.me{background:#d9bf8317;color:#f0dfb4}.score-head{font-size:8.5px;letter-spacing:.1em;color:var(--faint);background:#0c242bf7}.score-row .rank{color:var(--muted)}.score-name{display:flex;align-items:center;gap:7px}.score-name i{width:7px;height:7px;border-radius:1px}.score-name small{margin-left:3px;font-size:8px;color:var(--faint)}.end-stats{display:flex;gap:22px;padding:13px 2px 0;font-size:10px;color:var(--muted)}.end-stats strong{color:#e6d7a8}@media (max-height: 900px){.topbar{height:70px;flex-basis:70px;gap:16px}.brand{min-width:190px}.stat{height:52px;padding:5px 12px 5px 7px}.stat-icon{width:26px;height:26px;font-size:12px}.stat-value{font-size:16px}.time-block>strong{font-size:21px}.right-stack{top:50px;max-height:calc(100% - 60px);gap:8px}.minimap-panel{width:176px}.panel-head{height:34px}.tile-panel{min-height:250px}.tile-terrain{margin:10px 12px}.tile-grid>div{padding:7px 8px}.tile-actions{padding:10px 12px 8px}.panel-hint{padding-bottom:10px}.buff-strip{top:52px}}@media (max-height: 790px){.topbar{height:64px;flex-basis:64px;gap:12px;padding:0 14px}.brand{min-width:164px}.brand strong{font-size:16px}.brand span{margin-top:3px;font-size:7px}.stats{gap:6px}.stat{height:46px;padding:4px 10px 4px 6px;gap:8px}.stat-icon{width:24px;height:24px;font-size:11px}.stat-label{font-size:8.5px}.stat-value{font-size:15px}.stat-sub{margin-top:2px;font-size:8.5px}.action-stat{min-width:152px}.time-block{min-width:188px;gap:1px}.time-block>strong{font-size:19px}.speed-row{margin-top:1px}.mini-btn{height:20px;min-width:24px;padding:0 6px;font-size:9px}.right-stack{top:44px;right:12px;width:316px;max-height:calc(100% - 54px);gap:8px}.minimap-panel{width:160px}.minimap-panel .panel-head,.tile-panel .panel-head{height:30px}.panel-head>span:first-child{font-size:10px}.tile-owner{margin-top:8px;padding:7px 9px}.tile-terrain{margin:8px 12px;padding:7px 8px}.terrain-orb{width:30px;height:30px;flex-basis:30px}.tile-terrain strong{font-size:11px}.tile-terrain small{font-size:9px}.tile-grid>div{padding:6px 8px}.tile-grid span{font-size:8.5px}.tile-grid strong{font-size:11px}.tile-actions{padding:8px 12px 6px}.action-btn{min-height:28px;padding:0 10px;font-size:9.5px}.tile-build{margin:0 12px 9px;padding-top:8px}.tile-build-head{margin-bottom:5px}.build-option{min-height:56px;padding:5px 5px 4px}.build-option-icon{width:18px;height:18px;flex-basis:18px}.build-option-icon svg{width:15px;height:15px}.build-option strong{font-size:10.5px}.build-option small{font-size:9px}.build-option .build-cost{font-size:8.5px}.panel-hint{padding-bottom:9px}.buff-strip{top:50px}.bottom-stack{bottom:10px}.map-brand-chip,.map-controls{top:12px}}@media (max-width: 1280px){.brand{min-width:170px}.brand strong{font-size:16px}.stat{padding-right:10px}.stat-sub{display:none}.right-stack{width:308px;right:12px}}@media (max-width: 1050px){.topbar{gap:10px;padding:0 12px}.brand{min-width:130px}.brand span{display:none}.stats{gap:5px}.stat{padding:4px 8px}.stat-icon{width:25px;height:25px;font-size:11px}.stat-value{font-size:14px}.action-stat{min-width:142px}.time-block{min-width:150px}.time-block>strong{font-size:18px}.right-stack{width:284px;right:10px}}@media (max-width: 760px){.topbar{overflow-x:auto}.stats .stat:nth-child(3){display:none}.right-stack{top:auto;bottom:42px;right:10px;width:calc(100% - 20px);max-height:34vh;overflow-y:auto}.bottom-hint{max-width:calc(100vw - 24px);white-space:normal}.help-grid{grid-template-columns:1fr}.start-content{padding:8vh 24px}.start-content h1{font-size:54px}}.topbar{position:relative;z-index:40;display:block;height:48px;flex:0 0 48px;padding:0;border-bottom:1px solid rgba(233,209,152,.28);background:linear-gradient(180deg,#0a1f26f7,#06151bf5),radial-gradient(circle at 18% 0%,rgba(140,233,235,.08),transparent 44%),radial-gradient(circle at 84% -20%,rgba(242,221,168,.1),transparent 46%);box-shadow:0 5px 20px #0000004d}.topbar-strip{height:48px;display:flex;align-items:center;gap:13px;padding:0 13px}.brand{flex:0 0 auto;min-width:0;display:flex;align-items:center;gap:9px}.brand svg{width:27px;height:27px;filter:drop-shadow(0 0 10px rgba(242,221,168,.18))}.brand div{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.15em;color:var(--ivory)}.brand span{margin-top:3px;font-size:6.5px;letter-spacing:.26em;color:var(--gold-soft)}.hud-facts{flex:1;min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden}.hud-fact{flex:0 0 auto;display:flex;align-items:baseline;gap:5px;height:29px;padding:0 8px;border:1px solid rgba(233,209,152,.18);background:#07191f85;white-space:nowrap}.hud-fact i{font-style:normal;font-family:var(--font-display);font-size:9px;color:#b9a36d}.hud-fact b{color:var(--ivory);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.hud-fact b small{margin-left:1px;color:#bdb6a0;font-size:8.5px;font-weight:500}.hud-fact em{color:#9fa08c;font-size:8px;font-style:normal;font-variant-numeric:tabular-nums}.hud-fact.neg b,.hud-fact.neg em{color:#f0a294}.hud-fact.action{border-color:#f2dda847}.hud-clock{flex:0 0 auto;min-width:92px;margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1.03}.hud-clock span{color:#a6a792;font-size:8px;letter-spacing:.08em}.hud-clock span em{color:#7f8272;font-style:normal}.hud-clock strong{margin-top:2px;color:var(--ivory);font-size:16px;letter-spacing:.07em;font-variant-numeric:tabular-nums}.hud-toggle{flex:0 0 auto;height:27px;padding:0 9px;border:1px solid rgba(233,209,152,.22);background:#07191f9e;color:#bdb6a0;font-size:9px;letter-spacing:.06em;transition:.12s ease}.hud-toggle:hover,.hud-toggle.active{border-color:#f2dda88c;color:var(--gold-bright)}.hud-toggle span{font-size:8px}.hud-ribbon{position:absolute;top:100%;left:0;right:0;z-index:35;opacity:0;transform:translateY(-5px);pointer-events:none;border-bottom:1px solid rgba(233,209,152,.24);background:linear-gradient(180deg,#0e272ef7,#071a20f5),radial-gradient(circle at 20% 0%,rgba(242,221,168,.08),transparent 50%);box-shadow:0 16px 34px #00000061;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:opacity .15s ease,transform .15s ease}.topbar:hover .hud-ribbon,.topbar.is-open .hud-ribbon,.topbar:focus-within .hud-ribbon{opacity:1;transform:translateY(0);pointer-events:auto}.hud-ribbon-inner{display:flex;align-items:center;gap:18px;padding:8px 14px 9px}.hud-detail-grid{flex:1;min-width:0;display:flex;align-items:stretch;gap:5px;flex-wrap:wrap}.hud-detail-grid>div{min-width:102px;display:flex;flex-direction:column;gap:1px;padding:2px 10px;border-left:1px solid rgba(233,209,152,.16)}.hud-detail-grid span{color:#9c9a86;font-size:8px;letter-spacing:.06em}.hud-detail-grid strong{color:var(--ivory);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.hud-detail-grid em{color:#a6a792;font-size:8px;font-style:normal}.hud-detail-grid em.neg{color:#f0a294}.hud-actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.hud-actions-row{display:flex;gap:4px}.map-controls{top:12px;left:12px;transform:none;z-index:10}.control-btn{height:28px;padding:0 11px;border-color:#e9d1983d;background:#07191fb8;font-size:9.5px}.control-btn.active{border-color:#f2dda894;background:#d9bf8324;color:var(--gold-bright)}.buff-strip{top:47px;left:12px;z-index:6}.right-rail{position:absolute;top:50px;right:13px;bottom:14px;width:296px;z-index:9;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(217,191,131,.26) transparent;pointer-events:none}.right-rail>*{pointer-events:auto}.right-rail.has-command{bottom:168px}.minimap-panel{width:188px;max-width:100%;align-self:flex-end;border-color:#e9d1984d}.minimap-canvas{width:100%;height:auto}.panel-head{height:33px;padding:0 11px}.panel-head-tools{display:flex;align-items:center;gap:7px}.panel-close{width:20px;height:20px;padding:0;border:1px solid rgba(233,209,152,.18);background:transparent;color:#a6a792;font-size:13px;line-height:1;transition:.12s ease}.panel-close:hover{border-color:#f2dda880;color:var(--gold-bright)}.tile-panel{width:100%;min-height:0;border-color:#e9d1984d}.tile-owner{margin:9px 11px 0;padding:7px 9px}.tile-terrain{margin:9px 11px;padding:8px 9px}.tile-grid{margin:0 11px}.tile-grid>div,.tile-grid>.tile-cell{padding:7px 8px}.tile-cell{width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:0;background:#07191fe6;color:inherit;text-align:left;transition:.13s ease}.tile-garrison{cursor:pointer;box-shadow:inset 2px 0 #8ce9eb80}.tile-garrison:hover{background:#14393ff2}.tile-garrison span{color:#a9c4c1}.tile-garrison strong{color:#d8f3f2}.tile-garrison.active{background:#d9bf8329;box-shadow:inset 2px 0 #f2dda8e6}.tile-garrison.active span{color:#e8cf91}.tile-garrison.active strong{color:#ffe8b0}.garrison-hint{margin:8px 11px 0;padding:6px 8px;border-left:2px solid rgba(140,233,235,.42);background:#8ce9eb0d;color:#a9c4c1;font-size:9px;line-height:1.5}.garrison-hint.active{border-left-color:#f2dda8cc;background:#d9bf8314;color:#e8cf91}.target-note{margin:9px 11px 0;padding:7px 8px;border-left:2px solid rgba(255,142,92,.5);background:#ff7a4d0e;color:#e0b89f;font-size:9px;line-height:1.55}.tile-actions{padding:10px 11px 8px}.tile-build{margin:0 11px 9px}.panel-hint{padding:0 11px 10px}.buff-strip .buff{padding:5px 7px;font-size:8.5px}.toast{bottom:168px;z-index:45;opacity:1;animation:none}.is-targeting .map-host,.is-targeting .map-host canvas{cursor:crosshair}@media (max-height: 900px){.topbar{height:46px;flex-basis:46px}.topbar-strip{height:46px;gap:10px;padding:0 11px}.hud-fact{height:27px}.hud-fact b{font-size:13px}.hud-fact em{font-size:7.5px}.brand strong{font-size:14px}.hud-clock strong{font-size:15px}.right-rail{top:48px}.right-rail.has-command{bottom:150px}.buff-strip{top:45px}.toast{bottom:160px}}@media (max-height: 790px){.topbar{height:44px;flex-basis:44px}.topbar-strip{height:44px;gap:8px;padding:0 10px}.brand strong{font-size:13.5px}.brand span{display:none}.brand svg{width:24px;height:24px}.hud-facts{gap:3px}.hud-fact{height:25px;padding:0 6px;gap:4px}.hud-fact b{font-size:12px}.hud-fact b small,.hud-fact em{font-size:7.5px}.hud-clock{min-width:82px}.hud-clock span{font-size:7.5px}.hud-clock strong{font-size:14px}.hud-toggle{height:24px;padding:0 7px;font-size:8.5px}.hud-ribbon-inner{gap:12px;padding:6px 11px 7px}.hud-detail-grid>div{min-width:88px;padding:2px 7px}.hud-detail-grid strong{font-size:11px}.map-controls{top:8px;left:10px;gap:4px}.control-btn{height:25px;padding:0 9px;font-size:9px}.buff-strip{top:40px;left:10px}.right-rail{top:43px;right:10px;bottom:10px;width:282px}.right-rail.has-command{bottom:136px}.minimap-panel{width:164px}.panel-head{height:30px}.tile-owner{margin-top:7px;padding:6px 8px}.tile-terrain{margin:7px 10px;padding:6px 8px}.tile-grid{margin:0 10px}.tile-grid>div,.tile-grid>.tile-cell{padding:6px 7px}.tile-actions{padding:8px 10px 6px}.tile-build{margin:0 10px 8px}.toast{bottom:150px;font-size:10px}}@media (max-width: 1180px){.hud-fact em{display:none}.hud-fact{height:27px}.right-rail{width:282px}}@media (max-width: 960px){.brand span{display:none}.hud-facts .hud-fact:nth-child(3){display:none}.hud-clock span{display:none}.right-rail{width:270px}}@media (max-width: 760px){.topbar{overflow:visible}.hud-facts .hud-fact:nth-child(2) em{display:none}.hud-clock{min-width:62px}.right-rail{top:auto;left:10px;right:10px;bottom:10px;width:auto;max-height:42vh;flex-direction:column-reverse}.right-rail.has-command{bottom:150px}.minimap-panel{align-self:flex-start;width:150px}.toast{max-width:calc(100vw - 24px);white-space:normal;bottom:148px}}.auth-shell,.lobby-shell,.host-shell,.admin-shell,.admin-denied-shell,.route-loading{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 74% 10%,rgba(140,233,235,.12),transparent 34%),radial-gradient(circle at 18% 84%,rgba(242,221,168,.1),transparent 42%),radial-gradient(circle at 55% 118%,rgba(30,96,102,.3),transparent 62%),linear-gradient(138deg,#051219,#0a232b 54%,#07161c)}.auth-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.auth-backdrop .start-grid{top:-16%;right:-16%;bottom:-16%;left:-16%;opacity:.24}.auth-runes{position:absolute;right:6vw;top:8vh;display:flex;flex-direction:column;gap:26px;color:#d9bf8333;font-family:var(--font-display);font-size:24px;letter-spacing:.1em}.auth-layout{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:center;gap:clamp(40px,7vw,110px);padding:4vh 6vw}.auth-art{min-width:0;animation:rise-in .62s ease-out both}.auth-art h1{margin:0;font-family:var(--font-display);font-size:clamp(52px,7vw,86px);line-height:.94;letter-spacing:.12em;font-weight:500;color:var(--ivory);text-shadow:0 10px 42px rgba(0,0,0,.5),0 0 48px rgba(242,221,168,.12)}.auth-art h1:after{content:"";display:block;width:92px;height:1px;margin-top:20px;background:linear-gradient(90deg,var(--gold),rgba(217,191,131,0))}.auth-art .start-mark{margin-bottom:16px}.auth-art .start-copy{margin:24px 0 20px}.auth-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.auth-facts span{padding:7px 11px;border:1px solid rgba(217,191,131,.18);background:#06141b8a;color:#cdc5ad;font-size:10px;letter-spacing:.06em}.auth-facts b{color:var(--gold-bright);font-family:var(--font-display);font-size:13px}.auth-card{width:100%;max-height:calc(100vh - 48px);overflow-y:auto;padding:28px 30px 24px;animation:rise-in .68s ease-out both}.auth-card-head h2{margin:4px 0 0;font-family:var(--font-display);font-size:30px;font-weight:500;letter-spacing:.12em;color:var(--ivory)}.auth-card-head p{margin:9px 0 0;color:var(--muted);font-size:12px;line-height:1.7}.auth-eyebrow{color:var(--teal);font-size:9px;letter-spacing:.28em}.auth-form{display:flex;flex-direction:column;gap:15px;margin-top:24px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{color:#b9b39d;font-size:10px;letter-spacing:.14em}.field input,.field select{width:100%;height:40px;padding:0 12px;border:1px solid rgba(233,209,152,.24);border-radius:0;background:#05141ac7;color:var(--ivory);font-size:13px;letter-spacing:.03em;outline:none;transition:border-color .13s ease,background .13s ease}.field input::placeholder{color:#7f8272}.field input:focus,.field select:focus{border-color:#f2dda8a8;background:#0a2128eb}.field.compact{gap:5px}.field.compact>span{font-size:9px;letter-spacing:.08em}.field.compact input,.field.compact select{height:30px;padding:0 8px;font-size:11px}.field.grow{flex:1}.auth-submit{height:46px;border:1px solid rgba(217,191,131,.72);background:linear-gradient(135deg,#d9bf8342,#d9bf8312);color:#fff3d2;font-family:var(--font-display);font-size:15px;letter-spacing:.22em;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:.15s ease}.auth-submit:hover:not(:disabled){background:linear-gradient(135deg,#f2dda85c,#d9bf8321);box-shadow:0 0 32px #f2dda829}.auth-submit:disabled{opacity:.5}.auth-error{padding:9px 11px;border-left:2px solid rgba(232,169,157,.85);background:#42181473;color:#f0b3a5;font-size:11px;line-height:1.6}.auth-note{margin-top:18px;padding-top:14px;border-top:1px solid rgba(233,209,152,.14);color:var(--faint);font-size:10px;line-height:1.7}.auth-foot{display:flex;align-items:center;gap:7px;margin-top:12px;color:#8f917e;font-size:9px;letter-spacing:.06em}.status-dot{width:6px;height:6px;border-radius:50%;background:#7f8272}.status-dot.ok{background:var(--green);box-shadow:0 0 9px #a9d9b8b3}.spinner{display:inline-block;width:11px;height:11px;margin-right:6px;border:1px solid rgba(255,247,230,.35);border-top-color:var(--gold-bright);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-1px}.spinner.large{width:20px;height:20px;margin:6px 0 0}@keyframes spin{to{transform:rotate(360deg)}}.conn-badge{display:inline-flex;align-items:center;gap:6px;height:27px;padding:0 9px;border:1px solid rgba(140,233,235,.24);background:#07191f99;color:#a9c4c1;font-size:9px;letter-spacing:.05em;white-space:nowrap}.conn-badge i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 8px #8ce9eba6}.conn-badge em{color:#c0a163;font-style:normal;font-size:8px}.conn-badge.is-offline{border-color:#e8a99d66;color:#e6b2a4}.conn-badge.is-offline i{background:var(--red);box-shadow:0 0 8px #e8a99d99;animation:pulse 1.1s ease-in-out infinite}.conn-reconnecting i,.conn-connecting i{animation:pulse .9s ease-in-out infinite}.conn-reconnecting,.conn-connecting{border-color:#f2dda866;color:#e6d3a4}.conn-reconnecting i,.conn-connecting i{background:var(--gold-bright)}.status-pill{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid rgba(233,209,152,.28);background:#07191f99;color:#d9cfb4;font-size:9px;letter-spacing:.08em;white-space:nowrap}.status-pill.status-running{border-color:#a9d9b870;color:#bfe8ca;background:#183a2a80}.status-pill.status-paused{border-color:#f2dda880;color:#f0dca7;background:#3a2d1473}.status-pill.status-finished{border-color:#e8a99d6b;color:#e6b2a4;background:#3a18146b}.role-chip,.user-chip{display:inline-flex;align-items:center;height:26px;padding:0 9px;border:1px solid rgba(233,209,152,.2);background:#07191f8c;color:#cdc5ad;font-size:9px;letter-spacing:.06em;white-space:nowrap}.role-chip{border-color:#8ce9eb4d;color:#b9e6e3}.lobby-shell{display:flex;flex-direction:column}.lobby-topbar{position:relative;z-index:4;flex:0 0 64px;height:64px;display:flex;align-items:center;gap:14px;padding:0 22px;border-bottom:1px solid rgba(233,209,152,.24);background:linear-gradient(180deg,#0a1f26fa,#06151bf0);box-shadow:0 6px 22px #00000047}.lobby-session{margin-left:auto;display:flex;align-items:center;gap:8px}.lobby-main{position:relative;z-index:2;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;width:100%;max-width:1440px;margin:0 auto;padding:22px 4vw 28px;overflow-y:auto;align-content:start}.lobby-card{padding:22px 26px 24px}.lobby-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.lobby-card-head h1{margin:4px 0 0;font-family:var(--font-display);font-size:30px;font-weight:500;letter-spacing:.12em;color:var(--ivory)}.lobby-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:20px 0 16px;background:#e9d19824}.lobby-metrics>div{display:flex;flex-direction:column;gap:5px;padding:10px 12px;background:#07191f9e}.lobby-metrics span{color:#9c9a86;font-size:9px;letter-spacing:.08em}.lobby-metrics strong{color:var(--ivory);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.lobby-metrics small{color:var(--muted);font-size:10px;font-weight:400}.capacity-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:7px;margin-bottom:18px}.capacity-seat{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 9px;border:1px solid rgba(233,209,152,.2);background:#07191f8c;overflow:hidden}.capacity-seat.filled{border-color:#8ce9eb57;background:#11343a9e}.capacity-seat.empty{border-style:dashed;color:#7f8272}.capacity-seat .seat-no{color:#9c9a86;font-size:8px;letter-spacing:.06em}.capacity-seat i,.lobby-player-row i{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.capacity-seat b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7e0c9;font-size:10px;font-weight:500}.lobby-player-list{border-top:1px solid rgba(233,209,152,.14)}.lobby-list-head,.lobby-player-row{display:grid;grid-template-columns:56px minmax(0,1fr) 100px;align-items:center;gap:8px;min-height:32px;padding:0 4px;border-bottom:1px solid rgba(233,209,152,.08);font-size:10px}.lobby-list-head{color:#9c9a86;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.lobby-player-row>span:nth-child(2){display:flex;align-items:center;gap:7px;color:#e2dbc4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player-row>span:last-child{color:var(--faint);font-size:9px}.lobby-player-row em{color:#7f8272;font-style:normal}.lobby-player-row small{color:var(--teal);font-size:8px;border:1px solid rgba(140,233,235,.3);padding:0 3px}.lobby-player-row.me{background:linear-gradient(90deg,rgba(140,233,235,.08),transparent)}.lobby-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.lobby-actions .auth-submit{flex:1;height:42px;font-size:14px}.lobby-side{display:flex;flex-direction:column;gap:14px;min-width:0}.lobby-panel{padding-bottom:4px}.lobby-help{padding:10px 14px 14px}.lobby-help p{margin:0 0 9px;color:#bdb6a0;font-size:10.5px;line-height:1.65}.lobby-help b{color:var(--gold-bright);font-weight:600}.lobby-rules{display:flex;flex-direction:column;gap:1px;padding:6px 10px 10px}.lobby-rules>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 4px;border-bottom:1px solid rgba(233,209,152,.09)}.lobby-rules span{color:#9c9a86;font-size:9px;letter-spacing:.06em}.lobby-rules strong{color:#e7e0c9;font-size:10px;font-weight:500;text-align:right}.host-shell{display:flex;flex-direction:column}.host-topbar{position:relative;z-index:8;flex:0 0 58px;height:58px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid rgba(233,209,152,.26);background:linear-gradient(180deg,#0a1f26fa,#06151bf2);box-shadow:0 6px 22px #0000004d}.host-topbar .brand{min-width:168px}.host-topbar-meta{display:flex;align-items:center;gap:14px;margin-left:4px;color:#8f917e;font-size:9px;white-space:nowrap}.host-topbar-meta b{color:var(--cream);font-size:10px;font-weight:500;font-variant-numeric:tabular-nums}.host-grid{position:relative;z-index:2;flex:1;min-height:0;display:grid;grid-template-columns:300px minmax(0,1fr) 352px;gap:10px;padding:10px}.host-rail{min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(217,191,131,.26) transparent;padding-right:2px}.host-panel{flex:0 0 auto;padding-bottom:10px}.host-panel>.action-btn,.host-panel>.host-row,.host-panel>.host-form-grid,.host-panel>.tile-form,.host-panel>.host-metrics,.host-panel>.host-create,.host-panel>.host-subhead,.host-panel>.host-realtime,.host-panel>.seg-row,.host-panel>.host-hint,.host-panel>.host-error,.host-panel>.host-empty{margin:8px 12px}.host-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:8px;background:#e9d1981f}.host-metrics>div{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#07191f94}.host-metrics span{color:#9c9a86;font-size:8px;letter-spacing:.08em}.host-metrics strong{color:var(--ivory);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.host-row{display:flex;align-items:center;gap:7px}.host-row .action-btn{flex:1;min-width:0;padding:0 8px}.host-row .host-input{flex:1;min-width:0}.host-input{height:30px;padding:0 9px;border:1px solid rgba(233,209,152,.22);background:#05141ac7;color:var(--ivory);font-size:11px}.host-create{margin-top:8px}.host-subhead{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:10px;border-top:1px solid rgba(233,209,152,.12);color:#cdc5ad;font-size:9px;letter-spacing:.12em}.host-subhead .muted{font-size:8px;letter-spacing:.03em}.host-realtime{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.host-clock{color:#8f917e;font-size:9px;letter-spacing:.04em;white-space:nowrap}.host-clock b{margin-left:3px;color:var(--ivory);font-weight:500;font-variant-numeric:tabular-nums}.realtime-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid rgba(140,233,235,.3);background:#07191f9e;color:#b9e6e3;font-size:9px;letter-spacing:.06em;white-space:nowrap}.realtime-chip .live-dot{width:5px;height:5px}.realtime-row{display:flex;justify-content:flex-end;gap:4px}.rules-panel .host-form-grid .field.span-2{grid-column:1 / -1}.host-error{padding:6px 8px;border-left:2px solid rgba(232,169,157,.8);background:#401a1573;color:#f2b9ab;font-size:9px;line-height:1.55}.seg-row{display:flex;gap:5px}.seg-btn{flex:1;height:30px;border:1px solid rgba(233,209,152,.22);background:#07191f99;color:#bdb6a0;font-size:10px;letter-spacing:.05em}.seg-btn:hover:not(:disabled){border-color:#f2dda880;color:var(--gold-bright)}.seg-btn.active{border-color:#f2dda8a6;background:#d9bf8326;color:var(--gold-bright)}.seg-btn:disabled{opacity:.35}.action-btn.danger{border-color:#e8a99d61;color:#e6b2a4}.host-hint{padding:6px 8px;border-left:2px solid rgba(242,221,168,.5);background:#d9bf8312;color:#d7c79d;font-size:9px;line-height:1.55}.host-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tile-form{display:flex;flex-direction:column;gap:9px}.tile-form .host-form-grid{margin:0}.tile-form>.action-btn{align-self:flex-start}.tile-form-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 2px}.tile-form-meta span{padding:2px 6px;border:1px solid rgba(233,209,152,.16);color:#b9b39d;font-size:8px;letter-spacing:.04em}.host-empty{padding:12px 4px 6px;color:var(--faint);font-size:9.5px;line-height:1.65}.host-map-wrap{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(233,209,152,.22);background:#07181f;box-shadow:inset 0 0 42px #0006}.host-map{position:absolute;top:0;right:0;bottom:0;left:0}.host-map canvas{display:block;width:100%!important;height:100%!important}.host-map-badge{position:absolute;top:12px;left:12px;z-index:5;display:flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(140,233,235,.26);background:#07191fc7;color:#b9e6e3;font-size:9px;letter-spacing:.06em;pointer-events:none}.host-map-controls{position:absolute;top:12px;right:12px;z-index:5;display:flex;gap:5px}.host-map-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle at 50% 45%,#14343acc,#051218f0);color:var(--muted);text-align:center;padding:20px}.host-map-empty strong{color:var(--ivory);font-family:var(--font-display);font-size:18px;letter-spacing:.12em}.host-map-empty span{max-width:320px;color:var(--faint);font-size:10px;line-height:1.7}.host-reconnect{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:6;max-width:92%;padding:7px 14px;border:1px solid rgba(242,221,168,.42);background:#261f0eeb;color:#f0dca7;font-size:10px;white-space:nowrap}.host-toast{left:50%;bottom:22px}.rank-panel{width:100%;flex:0 0 auto}.rank-panel .panel-head{height:33px}.rank-head,.rank-row{display:grid;grid-template-columns:22px minmax(0,1fr) 38px 34px 58px;align-items:center;gap:6px;padding:0 10px;min-height:28px}.rank-head{height:24px;border-bottom:1px solid rgba(233,209,152,.14);color:#8f917e;font-size:8px;letter-spacing:.06em;text-align:right}.rank-head span:first-child,.rank-head span:nth-child(2){text-align:left}.rank-list{max-height:246px;overflow-y:auto}.rank-row{border-bottom:1px solid rgba(233,209,152,.07);font-size:9.5px;color:#d4cdb7;font-variant-numeric:tabular-nums}.rank-row>strong,.rank-row>span:nth-last-child(-n+3){text-align:right}.rank-row.me{background:linear-gradient(90deg,rgba(140,233,235,.1),transparent)}.rank-row.out{opacity:.55}.rank-index{color:#9c9a86;font-size:9px}.rank-row:nth-child(1) .rank-index{color:var(--gold-bright)}.rank-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rank-name i{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.rank-name small{margin-left:2px;padding:0 3px;border:1px solid rgba(233,209,152,.24);color:#aaa58e;font-size:7px}.rank-row>strong{color:var(--ivory);font-size:11px;font-weight:600}.rank-empty{padding:18px 12px;color:var(--faint);font-size:10px;text-align:center}.rank-foot{padding:7px 10px 8px;border-top:1px solid rgba(233,209,152,.1);color:#8f917e;font-size:8px;line-height:1.5}.topbar .conn-badge{flex:0 0 auto;height:27px}.game-state-banner,.reconnect-banner,.eliminated-banner{position:absolute;left:50%;z-index:12;transform:translate(-50%);padding:7px 15px;border:1px solid rgba(242,221,168,.42);background:#261f0eeb;color:#f0dca7;font-size:10px;letter-spacing:.05em;white-space:nowrap;box-shadow:0 10px 30px #00000059}.game-state-banner{top:8px}.reconnect-banner{top:44px;display:flex;align-items:center;gap:7px;border-color:#e8a99d6b;background:#301612eb;color:#eeb3a5}.reconnect-banner i{width:6px;height:6px;border-radius:50%;background:var(--red);animation:pulse 1s ease-in-out infinite}.eliminated-banner{top:80px;border-color:#e8a99d52;background:#261412db;color:#dca99e}.toast.is-error{border-color:#e8a99d8c;background:#301411f7;color:#f2b9ab}.route-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);text-align:center}.route-loading strong{color:var(--ivory);font-family:var(--font-display);font-size:24px;font-weight:500;letter-spacing:.14em}.route-loading span{max-width:420px;color:var(--faint);font-size:11px;line-height:1.7}.route-loading .action-btn{margin-top:10px;min-width:120px;min-height:34px}@media (max-width: 1200px){.host-grid{grid-template-columns:270px minmax(0,1fr) 320px;gap:8px;padding:8px}.host-topbar-meta{gap:9px}.auth-layout{gap:44px;padding:4vh 5vw}.lobby-main{grid-template-columns:minmax(0,1fr) 310px;padding:16px 3vw 22px}}@media (max-width: 980px){.auth-layout{grid-template-columns:1fr;justify-items:center;padding:5vh 5vw;gap:22px}.auth-art{display:none}.auth-card{max-width:430px}.host-grid{grid-template-columns:250px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.host-grid>.host-rail:last-child{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;max-height:260px}.host-grid>.host-rail:last-child>*{flex:1 1 280px}.lobby-main{grid-template-columns:1fr}.lobby-side{flex-direction:row;align-items:flex-start}.lobby-side>*{flex:1}}@media (max-height: 900px){.auth-layout{padding:3vh 6vw}.auth-card{padding:22px 26px 20px}.auth-form{margin-top:18px;gap:12px}.auth-card-head h2{font-size:26px}.lobby-topbar{flex-basis:52px;height:52px;padding:0 16px}.lobby-main{padding:14px 4vw 20px}.lobby-card{padding:18px 22px 20px}.lobby-metrics{margin:14px 0 12px}.host-topbar{flex-basis:52px;height:52px}.host-grid{padding:8px;gap:8px}.host-metrics>div{padding:6px 9px}}@media (max-height: 790px){.auth-layout{padding:2vh 5vw;gap:32px}.auth-card{max-height:calc(100vh - 20px);padding:18px 24px 16px}.auth-card-head h2{font-size:24px}.auth-form{margin-top:14px;gap:10px}.auth-note{margin-top:12px;padding-top:10px}.lobby-main{padding:10px 3vw 16px;gap:12px}.lobby-card{padding:14px 18px 16px}.lobby-card-head h1{font-size:24px}.capacity-track{margin-bottom:12px}.lobby-actions{margin-top:14px}.host-topbar{flex-basis:48px;height:48px;gap:8px}.host-topbar .brand strong{font-size:14px}.host-topbar-meta{display:none}.host-grid{padding:6px;gap:6px}.host-rail{gap:7px}.host-panel{padding-bottom:7px}.host-panel>.action-btn,.host-panel>.host-row,.host-panel>.host-form-grid,.host-panel>.tile-form,.host-panel>.host-metrics,.host-panel>.host-create,.host-panel>.host-subhead,.host-panel>.host-realtime,.host-panel>.seg-row,.host-panel>.host-hint,.host-panel>.host-error,.host-panel>.host-empty{margin:6px 10px}.host-metrics strong{font-size:11px}.host-map-badge{top:8px;left:8px;padding:5px 8px;font-size:8px}.host-map-controls{top:8px;right:8px}.host-map-controls .control-btn{height:24px;padding:0 8px;font-size:8.5px}.rank-list{max-height:160px}.tile-form{gap:6px}.game-state-banner,.reconnect-banner,.eliminated-banner{font-size:9px;padding:6px 12px}}.admin-shell{display:flex;flex-direction:column}.admin-topbar{position:relative;z-index:8;flex:0 0 58px;height:58px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid rgba(233,209,152,.26);background:linear-gradient(180deg,#0a1f26fa,#06151bf2);box-shadow:0 6px 22px #0000004d}.admin-topbar .brand{min-width:158px;flex:0 0 auto}.admin-topbar .brand span{letter-spacing:.22em}.admin-topbar-meta{display:flex;align-items:center;gap:13px;margin-left:2px;color:#8f917e;font-size:9px;white-space:nowrap}.admin-topbar-meta b{color:var(--cream);font-size:10px;font-weight:500;font-variant-numeric:tabular-nums}.admin-session{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}.admin-who{display:flex;align-items:baseline;gap:6px;padding:0 4px;color:#8f917e;font-size:9px;white-space:nowrap}.admin-who b{color:var(--ivory);font-size:11px;font-weight:500}.admin-who em{color:#8f917e;font-style:normal;font-size:9px;letter-spacing:.02em}.admin-back{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 9px;text-decoration:none;white-space:nowrap}.admin-topbar .mini-btn:disabled{opacity:.45}.admin-main{position:relative;z-index:2;flex:1;min-height:0;display:grid;grid-template-columns:344px minmax(0,1fr);gap:10px;padding:10px}.admin-rail{min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(217,191,131,.26) transparent;padding-right:2px}.admin-panel{flex:0 0 auto}.admin-create-form{display:flex;flex-direction:column;gap:11px;padding:12px 14px 14px}.admin-field-hint{color:#8f917e;font-size:8px;line-height:1.5;letter-spacing:.02em}.admin-create-submit{height:40px;margin-top:1px;background:linear-gradient(135deg,#f2dda84d,#d9bf831a);box-shadow:inset 0 1px #fff7e624;font-family:var(--font-display);font-size:13px;letter-spacing:.18em}.admin-inline-error{padding:8px 10px;border-left:2px solid rgba(232,169,157,.85);background:#42181473;color:#f0b3a5;font-size:10px;line-height:1.6}.admin-policy{list-style:none;margin:0;padding:10px 14px 12px;display:flex;flex-direction:column;gap:9px}.admin-policy li{display:flex;flex-direction:column;gap:2px;padding-left:9px;border-left:2px solid rgba(140,233,235,.28)}.admin-policy b{color:#e7e0c9;font-size:10px;font-weight:600;letter-spacing:.04em}.admin-policy span{color:var(--faint);font-size:9px;line-height:1.6}.admin-content{min-height:0;display:flex;flex-direction:column;gap:10px}.admin-credential{flex:0 0 auto;padding:12px 16px 14px;border-color:#f2dda875;background:radial-gradient(circle at 12% 0%,rgba(140,233,235,.18),transparent 48%),linear-gradient(150deg,#1c484af7,#0a2128f7);animation:rise-in .24s ease-out both}.admin-credential-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.admin-credential-eyebrow{color:var(--teal);font-size:9px;letter-spacing:.2em}.admin-credential-close{padding:0 2px;border:0;background:none;color:#9c9a86;font-size:18px;line-height:1}.admin-credential-close:hover{color:var(--gold-bright)}.admin-credential-body{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px 28px;margin-top:8px}.admin-credential-who{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;padding-bottom:6px}.admin-credential-who strong{color:var(--ivory);font-family:var(--font-display);font-size:16px;font-weight:500;letter-spacing:.08em}.admin-credential-who>span:not(.admin-role){color:#bdb6a0;font-size:10px}.admin-credential-pass{flex:1 1 320px;min-width:240px;display:flex;flex-direction:column;gap:4px}.admin-credential-pass>label{color:#9c9a86;font-size:8px;letter-spacing:.1em}.admin-secret-row{display:flex;align-items:stretch;gap:6px}.admin-secret-input{flex:1;min-width:0;height:34px;padding:0 10px;border:1px solid rgba(242,221,168,.4);background:#041015d6;color:var(--gold-bright);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px;letter-spacing:.05em}.admin-secret-row .mini-btn{height:34px;min-width:58px;padding:0 12px;border-color:#f2dda866;color:var(--gold-bright)}.admin-credential-note{margin:8px 0 0;color:#c4bda6;font-size:9px;line-height:1.65}.admin-credential .admin-inline-error{margin-top:8px}.admin-credential>.action-btn{margin-top:9px;height:28px}.admin-users{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.admin-list-bar{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:7px 14px;border-bottom:1px solid rgba(233,209,152,.14);color:#9c9a86;font-size:9px;letter-spacing:.04em}.admin-list-bar b{color:var(--cream);font-weight:500;font-variant-numeric:tabular-nums}.admin-list-refresh{margin-left:auto;height:24px}.admin-list-error{display:flex;align-items:center;gap:8px;padding:8px 12px 0}.admin-list-error .admin-inline-error{flex:1;min-width:0}.admin-list-error .mini-btn{flex:0 0 auto}.admin-list-notice{display:flex;align-items:center;gap:8px;padding:8px 12px 0}.admin-inline-success{flex:1;min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 10px;border-left:2px solid rgba(140,233,235,.78);background:#1030346b;color:#b9e6e3;font-size:10px;line-height:1.6}.admin-inline-success span{min-width:0}.admin-inline-dismiss{flex:0 0 auto;padding:0 2px;border:0;background:none;color:#9c9a86;font-size:16px;line-height:1;cursor:pointer}.admin-inline-dismiss:hover{color:var(--gold-bright)}.admin-table-wrap{position:relative;flex:1 1 auto;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(217,191,131,.26) transparent}.admin-table{width:100%;min-width:640px;border-collapse:collapse;table-layout:fixed}.admin-table thead th{position:sticky;top:0;z-index:2;padding:8px 14px;border-bottom:1px solid rgba(233,209,152,.16);background:#091d24fa;color:#8f917e;font-size:8px;font-weight:500;letter-spacing:.14em;text-align:left;white-space:nowrap}.admin-table th:nth-child(1){width:24%}.admin-table th:nth-child(2){width:22%}.admin-table th:nth-child(3){width:12%}.admin-table th:nth-child(4){width:20%}.admin-table th:nth-child(5){width:22%}.admin-table td{padding:9px 14px;border-bottom:1px solid rgba(233,209,152,.08);color:#d4cdb7;font-size:10.5px;vertical-align:middle}.admin-table tbody tr:hover{background:#8ce9eb0b}.admin-table tbody tr.is-me{background:linear-gradient(90deg,rgba(242,221,168,.07),transparent 70%)}.admin-username{color:var(--ivory);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:10.5px;letter-spacing:.01em}.admin-display-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.admin-me{flex:0 0 auto;padding:1px 5px;border:1px solid rgba(140,233,235,.32);color:#a9e3e2;font-style:normal;font-size:7px;letter-spacing:.08em}.admin-role{display:inline-flex;align-items:center;height:20px;padding:0 7px;border:1px solid rgba(233,209,152,.24);background:#07191f8c;color:#cdc5ad;font-size:8px;font-style:normal;letter-spacing:.08em;white-space:nowrap}.admin-role.host{border-color:#f2dda875;background:#3a2d1461;color:var(--gold-bright)}.admin-role.player{border-color:#8ce9eb4d;background:#10303461;color:#b9e6e3}.admin-created{color:#a7a390;font-variant-numeric:tabular-nums;white-space:nowrap}.admin-col-actions{text-align:right!important}.admin-table td.admin-col-actions .mini-btn{height:24px}.admin-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:nowrap}.admin-table td.admin-col-actions .admin-delete-btn{border-color:#e8a99d52;color:#e6b2a4}.admin-table td.admin-col-actions .admin-delete-btn:hover:not(:disabled){border-color:#e8a99dad;color:#ffd9cf}.admin-table td.admin-col-actions .admin-delete-btn:disabled{opacity:.32;cursor:not-allowed}.admin-table-state{padding:40px 20px;color:var(--faint);font-size:10px;line-height:1.7;text-align:center}.admin-table-state strong{display:block;margin-bottom:6px;color:var(--cream-dim);font-family:var(--font-display);font-size:16px;font-weight:500;letter-spacing:.1em}.admin-table-state .spinner.large{display:block;margin:0 auto 10px}.admin-table-foot{flex:0 0 auto;padding:7px 14px;border-top:1px solid rgba(233,209,152,.1);color:#8f917e;font-size:8px;line-height:1.5;letter-spacing:.02em}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:#02090cc2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.admin-modal{width:min(430px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:17px 20px 18px;animation:rise-in .18s ease-out both}.admin-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.admin-modal-head h2{margin:4px 0 0;color:var(--ivory);font-family:var(--font-display);font-size:23px;font-weight:500;letter-spacing:.12em}.admin-modal-close{padding:0 2px;border:0;background:none;color:#9c9a86;font-size:20px;line-height:1}.admin-modal-close:hover:not(:disabled){color:var(--gold-bright)}.admin-modal-target{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:13px 0 14px;padding:8px 10px;border:1px solid rgba(233,209,152,.16);background:#07191f94;color:#b9b39d;font-size:10px}.admin-modal-target b{color:var(--ivory);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-weight:500}.admin-modal form{display:flex;flex-direction:column;gap:12px}.admin-modal-hint{margin:0;color:var(--faint);font-size:9px;line-height:1.65}.admin-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.admin-modal-actions .action-btn{min-width:96px;height:32px}.admin-delete-warning{display:flex;flex-direction:column;gap:3px;margin:0 0 10px;padding:8px 10px;border-left:2px solid rgba(232,169,157,.82);background:#4218145c;color:#f0b3a5;font-size:10px;line-height:1.6}.admin-delete-warning strong{color:#ffd9cf;font-size:11px;font-weight:600;letter-spacing:.04em}.admin-delete-guards{list-style:none;margin:0 0 13px;padding:0;display:flex;flex-direction:column;gap:5px;color:var(--faint);font-size:9px;line-height:1.6}.admin-delete-guards li{position:relative;padding-left:12px}.admin-delete-guards li:before{content:"—";position:absolute;left:0;color:#e8a99d9e}.admin-delete-modal .admin-inline-error{margin-bottom:12px}.admin-modal-actions .admin-delete-confirm{border-color:#e8a99d9e;background:linear-gradient(180deg,#7a2d249e,#4218148c);color:#ffd9cf}.admin-modal-actions .admin-delete-confirm:hover:not(:disabled){border-color:#ffc3b4d1;color:#fff1eb}.admin-denied-shell{display:grid;place-items:center;padding:24px}.admin-denied-panel{width:min(460px,100%);padding:30px 30px 24px;text-align:center;animation:rise-in .3s ease-out both}.admin-denied-mark{display:grid;place-items:center;margin-bottom:12px;filter:drop-shadow(0 0 22px rgba(232,169,157,.22))}.admin-denied-panel h1{margin:7px 0 0;color:var(--ivory);font-family:var(--font-display);font-size:30px;font-weight:500;letter-spacing:.14em}.admin-denied-panel p{max-width:340px;margin:13px auto 0;color:var(--muted);font-size:11px;line-height:1.8}.admin-denied-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}.admin-denied-actions .action-btn{display:inline-flex;align-items:center;justify-content:center;min-width:118px;min-height:34px;text-decoration:none}.admin-denied-note{margin-top:16px;padding-top:12px;border-top:1px solid rgba(233,209,152,.12);color:var(--faint);font-size:9px;letter-spacing:.03em}@media (max-width: 1200px){.admin-main{grid-template-columns:312px minmax(0,1fr);gap:8px;padding:8px}.admin-who em{display:none}.admin-topbar-meta{gap:9px}}@media (max-width: 980px){.admin-main{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow-y:auto}.admin-rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px;overflow:visible;padding-right:0}.admin-content{min-height:430px}.admin-topbar-meta,.admin-who{display:none}}@media (max-width: 760px){.admin-main{padding:7px;gap:7px}.admin-rail{grid-template-columns:minmax(0,1fr)}.admin-topbar{height:auto;min-height:54px;flex-wrap:wrap;gap:7px;padding:8px 11px}.admin-session{width:100%;margin-left:0;flex-wrap:wrap}.admin-session .admin-back{margin-left:auto}.admin-content{min-height:480px}.admin-credential-body{align-items:stretch}.admin-table{min-width:600px}.admin-table-foot{display:none}.admin-denied-shell{padding:16px}.admin-denied-panel{padding:24px 20px 20px}.admin-denied-panel h1{font-size:26px}}@media (max-height: 900px){.admin-topbar{flex-basis:52px;height:52px}.admin-main{padding:8px;gap:8px}.admin-create-form{gap:9px;padding:10px 12px 12px}.admin-policy{padding:9px 12px 10px;gap:7px}.admin-credential{padding:9px 14px 10px}}@media (max-height: 790px){.admin-topbar{flex-basis:48px;height:48px;gap:8px}.admin-topbar .brand strong{font-size:14px}.admin-topbar .brand span{margin-top:3px;font-size:7px}.admin-main{padding:6px;gap:6px}.admin-rail{gap:6px}.admin-create-form{gap:7px;padding:8px 10px 10px}.admin-create-form .field{gap:3px}.admin-create-form .field>span{font-size:9px}.admin-create-form .field input,.admin-create-form .field select{height:31px;font-size:11px}.admin-field-hint{font-size:7.5px}.admin-create-submit{height:34px;font-size:12px}.admin-policy{padding:7px 10px 9px;gap:6px}.admin-policy span{font-size:8px}.admin-credential{padding:8px 12px 11px}.admin-credential-body{margin-top:6px;gap:6px 20px}.admin-secret-input,.admin-secret-row .mini-btn{height:30px}.admin-credential-note{margin-top:6px;font-size:8px}.admin-table thead th{padding:6px 10px}.admin-table td{padding:6px 10px;font-size:10px}.admin-list-bar{padding:5px 12px}.admin-table-foot{display:none}}.map-status-stack{position:absolute;top:47px;left:12px;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:260px;pointer-events:none}.map-status-stack>*{pointer-events:auto}.map-status-stack .buff-strip{position:static;top:auto;left:auto;flex-wrap:wrap;max-width:100%}.skill-bar{width:244px;max-width:100%;border-color:#e9d1984d;overflow:hidden}.skill-bar-head{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid rgba(233,209,152,.16);font-size:9px;letter-spacing:.14em;color:#e6dcc0}.skill-bar-head span:first-child{font-family:var(--font-display);letter-spacing:.16em;color:var(--cream)}.skill-bar-head .muted{font-size:8px;letter-spacing:.02em;color:#8f917e}.skill-bar-body{display:flex;gap:5px;padding:8px 9px 6px}.skill-chip{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border:1px solid rgba(233,209,152,.22);background:#07191fd1;color:#d8cfb4;font-size:9.5px;letter-spacing:.04em;cursor:pointer;transition:.13s ease}.skill-chip b{font-size:10.5px;font-weight:600;color:#f4e6bd;font-variant-numeric:tabular-nums}.skill-chip:hover:not(:disabled){border-color:#f2dda89e;background:#d9bf8324;color:#ffe9b8}.skill-chip:disabled{opacity:.45;cursor:not-allowed}.skill-chip.skill-lava{border-color:#ff845461;color:#ffb08c}.skill-chip.skill-lava b{color:#ffd0b5}.skill-chip.skill-dark{border-color:#a38fff61;color:#c0b2ff}.skill-chip.skill-dark b{color:#ddd4ff}.skill-chip.skill-frost{border-color:#8cdceb6b;color:#b4ecf5}.skill-chip.skill-frost b{color:#dcf8fd}.skill-bar-hint{padding:0 10px 7px;color:#a9b3a1;font-size:8.5px;line-height:1.5}.skill-bar-hint.is-idle{color:#c7a97b}.terrain-orb[data-terrain=special][data-special=harvest]{background:linear-gradient(150deg,#ffe08a,#a8852f 65%)}.terrain-orb[data-terrain=special][data-special=lava]{background:linear-gradient(150deg,#ff9a5c,#7a2317 68%);box-shadow:0 0 16px #ff6e3c57}.terrain-orb[data-terrain=special][data-special=dark]{background:linear-gradient(150deg,#9f8bff,#2a1c4d 70%);box-shadow:0 0 16px #9678ff4d}.terrain-orb[data-terrain=special][data-special=frost]{background:linear-gradient(150deg,#dff6ff,#4a7c96 70%);box-shadow:0 0 16px #96e1f04d}.terrain-orb[data-terrain=special][data-special=wasteland]{background:linear-gradient(150deg,#b9a98d,#4c4438 70%)}.terrain-orb[data-terrain=special][data-special=none]{background:linear-gradient(150deg,#d8cba6,#5c5541 70%)}.tile-terrain.is-special{border-color:#f2dda866;background:#f2dda812}.tile-flag{display:flex;flex-direction:column;gap:2px;margin:8px 11px 0;padding:7px 9px;border-left:2px solid rgba(233,209,152,.5);background:#e9d1980d;color:#c8bfa4;font-size:9px;line-height:1.55}.tile-flag strong{color:#f0dfae;font-size:10px;font-weight:600;letter-spacing:.02em}.tile-flag span{color:#a9a68d;font-size:8.5px}.tile-flag.sealed{border-left-color:#a38fffb8;background:#785aff14}.tile-flag.sealed strong{color:#cfc2ff}.tile-flag.frozen{border-left-color:#8cdcebb8;background:#8cdceb12}.tile-flag.frozen strong{color:#bdeef7}.tile-flag.unconfigured{border-left-color:#e9d1986b}.tile-form-meta span.is-special{border-color:#f2dda873;color:#f0dfae;background:#f2dda817}.color-rows{display:flex;flex-direction:column;gap:5px;margin:8px 12px 0}.color-row{display:flex;align-items:center;gap:6px;padding:5px 7px;border:1px solid rgba(233,209,152,.14);background:#07191f8c}.color-row.is-dirty{border-color:#f2dda866;background:#d9bf8314}.color-dot{width:12px;height:12px;flex:0 0 12px;border-radius:2px;box-shadow:inset 0 0 0 1px #00000080}.color-name{display:flex;align-items:baseline;gap:4px;min-width:0;flex:1 1 auto;color:#e2dbc4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-name small{color:#8f917e;font-size:8px}.color-hex{color:#9c9a86;font-size:8.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.color-input{width:22px;height:22px;flex:0 0 22px;padding:0;border:1px solid rgba(233,209,152,.28);background:transparent;cursor:pointer}.color-input::-webkit-color-swatch-wrapper{padding:1px}.color-input::-webkit-color-swatch{border:0}.color-presets{display:flex;gap:3px}.color-preset{width:12px;height:12px;padding:0;border:1px solid rgba(0,0,0,.45);cursor:pointer}.color-preset.active{outline:1px solid rgba(255,247,230,.85);outline-offset:1px}.color-apply{flex:0 0 auto;height:22px;padding:0 8px;border:1px solid rgba(233,209,152,.3);background:#07191fb3;color:#e2dbc4;font-size:9px;letter-spacing:.04em;cursor:pointer}.color-apply:hover:not(:disabled){border-color:#f2dda899;color:#ffe9b8}.color-apply:disabled{opacity:.4;cursor:not-allowed}.color-panel>.host-hint{margin-top:8px}@media (max-height: 900px){.map-status-stack{top:45px}}@media (max-height: 790px){.map-status-stack{top:40px;left:10px}.skill-bar{width:232px}.skill-bar-head{height:24px}.skill-bar-body{padding:6px 8px 5px}.tile-flag{margin:6px 10px 0;padding:6px 8px}.color-rows{margin:6px 10px 0}}@media (max-width: 760px){.map-status-stack{top:42px;left:10px;max-width:calc(100vw - 20px)}.skill-bar{width:224px}.skill-bar-hint{font-size:8px}.buff-strip .buff{padding:4px 6px;font-size:8px}.color-hex{display:none}.color-presets .color-preset:nth-child(n+4){display:none}}