:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#020617;color:#e5e7eb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(59,130,246,.18),transparent 30%),radial-gradient(circle at 20% 80%,rgba(34,197,94,.12),transparent 28%),#020617}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{min-height:100vh;padding:12px}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.app-title{margin:0;font-size:32px}.app-subtitle{margin:8px 0 0;color:#94a3b8;max-width:780px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,440px);background:#0f172aeb;border:1px solid #1f2937;border-radius:16px;padding:24px;box-shadow:0 20px 60px #02061773}.auth-card-wide{width:min(100%,980px);display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,420px);gap:28px}.auth-showcase{padding:8px 4px 8px 0}.auth-title{margin:0 0 8px;font-size:34px}.auth-text{margin:0 0 16px;color:#94a3b8}.auth-tabs{display:flex;gap:8px;margin-bottom:16px}.tab-button,.game-button,.ghost-button{padding:10px 14px;border-radius:10px;border:1px solid #334155;background:#111827;color:#e5e7eb;transition:.15s ease}.tab-button.active,.game-button.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb}.game-button:hover:not(:disabled),.tab-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){border-color:#60a5fa;transform:translateY(-1px)}.game-button:disabled,.tab-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed}.auth-form{display:grid;gap:12px}.auth-feature-list{display:grid;gap:10px;margin-top:20px}.auth-feature{padding:12px 14px;border-radius:12px;border:1px solid #1f2937;background:#020617a6;color:#cbd5e1}.auth-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.field-label{display:grid;gap:6px;color:#cbd5e1}.field-input,.field-select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #334155;background:#020617;color:#e5e7eb}.status-banner{margin-top:12px;padding:10px 12px;border-radius:10px;border:1px solid #334155;background:#0f172ae0;color:#cbd5e1}.auth-note{margin:12px 0 0;color:#94a3b8;font-size:14px}.game-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(340px,1fr);gap:16px;margin-top:16px}.war-screen{display:grid;gap:16px}.stage-layout{position:relative;min-height:calc(100vh - 24px);border-radius:18px;overflow:hidden;border:1px solid rgba(56,189,248,.14);background:#02030b;box-shadow:0 30px 80px #00000073}.stage-topbar{position:absolute;inset:10px 12px auto 12px;z-index:4;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.stage-brand{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stage-system-banner{padding:6px 10px;border-radius:4px;background:#575319b8;border:1px solid rgba(234,179,8,.28);color:#fef08a;font-size:12px}.stage-title{margin:0 10px 0 0;font-size:18px;font-weight:700;color:#dffafe;letter-spacing:.04em}.stage-chip{padding:6px 10px;border-radius:999px;border:1px solid rgba(103,232,249,.28);background:#020a12b3;color:#c9f9ff;font-size:12px}.stage-canvas-shell{min-height:inherit}.stage-overlay{position:absolute;z-index:3}.stage-overlay-right{top:56px;right:14px;width:min(286px,26vw);display:grid;gap:10px}.stage-overlay-left{left:14px;bottom:86px;width:min(240px,23vw)}.stage-overlay-bottom{left:50%;bottom:14px;transform:translate(-50%);width:min(760px,calc(100% - 32px))}.stage-overlay-center-dock{left:50%;bottom:12px;transform:translate(-50%);z-index:4}.stage-overlay-right-dock{right:18px;bottom:22px;display:flex;flex-direction:column;gap:12px;z-index:4}.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-sidebar,.bottom-grid{display:grid;gap:16px}.bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.panel{background:#0f172aeb;border:1px solid #1f2937;border-radius:14px;padding:16px;box-shadow:inset 0 1px #ffffff08}.compact-panel>.panel,.stage-overlay-bottom .panel{background:#030c16ad;border-color:#67e8f929;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0000003d}.stage-info-card{padding:12px 14px;border-radius:12px;border:1px solid rgba(103,232,249,.18);background:#040d18bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #00000042;position:relative;overflow:hidden}.stage-info-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#22d3ee00,#22d3eecc,#22d3ee00)}.stage-info-head,.stage-info-row{display:flex;justify-content:space-between;gap:8px;align-items:center}.stage-info-head{margin-bottom:10px;color:#dbfdff;font-size:13px}.stage-online-dot{width:8px;height:8px;border-radius:999px;background:#f59e0b;box-shadow:0 0 10px #f59e0bb3}.stage-online-dot.online{background:#22c55e;box-shadow:0 0 10px #22c55eb3}.stage-online-dot.offline{background:#ef4444;box-shadow:0 0 10px #ef4444b3}.stage-info-title{margin-bottom:10px;color:#cffafe;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.stage-info-grid{display:grid;gap:8px}.stage-metric-card{margin-bottom:10px;padding:8px 10px;border-radius:10px;background:#020a12b8;border:1px solid rgba(103,232,249,.12)}.stage-metric-row{display:flex;justify-content:space-between;gap:8px;color:#d6f5fb;font-size:12px;margin-bottom:5px}.stage-metric-bar{height:6px;border-radius:999px;overflow:hidden;background:#0f172ae6;margin-bottom:8px}.stage-metric-fill{height:100%;border-radius:inherit}.stage-metric-fill.hp{background:linear-gradient(90deg,#22c55e,#a3e635)}.stage-metric-fill.shield{background:linear-gradient(90deg,#22d3ee,#60a5fa)}.stage-info-row{padding:7px 0;border-bottom:1px solid rgba(103,232,249,.08);color:#bce8f2;font-size:13px}.stage-info-row:last-child{border-bottom:0}.stage-status-line{margin-bottom:10px;color:#f8fafc;font-size:13px;line-height:1.5}.stage-event-list{display:grid;gap:8px}.stage-event-item{padding:8px 10px;border-radius:8px;background:#020a12b8;border:1px solid rgba(103,232,249,.08);color:#d6f5fb;font-size:12px}.stage-service-list{display:grid;gap:6px;margin-top:12px}.stage-service-item{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:8px;background:#020a12a8;border:1px solid rgba(103,232,249,.08);color:#cceff7;font-size:11px}.panel-title{margin:0 0 12px;font-size:16px}.hud-stack{display:grid;gap:10px}.hud-headline{display:flex;flex-wrap:wrap;gap:6px}.hud-badge{padding:4px 8px;border-radius:999px;border:1px solid rgba(103,232,249,.22);background:#040f19b8;color:#d9fbff;font-size:11px;letter-spacing:.05em}.hud-block{display:grid;gap:8px}.hud-stat{padding:8px 10px;border-radius:8px;background:#020a12b8;border:1px solid rgba(103,232,249,.1);display:flex;justify-content:space-between;gap:8px}.hud-label{display:block;font-size:12px;color:#94a3b8;margin-bottom:4px}.hud-value{font-weight:600;text-align:right}.hud-bar-card{padding:8px 10px;border-radius:10px;background:#020a12b8;border:1px solid rgba(103,232,249,.12)}.hud-bar-row{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.hud-bar{height:8px;border-radius:999px;overflow:hidden;background:#0f172ae0}.hud-bar-fill{height:100%;border-radius:inherit}.hud-bar-fill.hp{background:linear-gradient(90deg,#22c55e,#84cc16)}.hud-bar-fill.shield{background:linear-gradient(90deg,#22d3ee,#3b82f6)}.hud-footnote{color:#8fb8c0;font-size:12px}.canvas-frame{position:relative;min-height:inherit}.game-canvas{display:block;width:100%;min-height:calc(100vh - 24px);cursor:crosshair;background:#020617}.canvas-hint{position:absolute;right:18px;top:18px;padding:8px 10px;border-radius:10px;background:#020a12ad;border:1px solid rgba(103,232,249,.18);color:#cbd5e1;font-size:12px;max-width:340px}.button-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.action-dock{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 108px 10px 14px;border-radius:18px;border:1px solid rgba(103,232,249,.18);background:#020a12b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-dock-row{display:flex;flex-wrap:wrap;gap:10px}.action-dock-side{display:flex;flex-direction:column;gap:12px}.hud-action-button,.hud-refresh-button{min-width:74px;padding:10px 12px;border-radius:14px;border:1px solid rgba(103,232,249,.22);background:radial-gradient(circle at top,#22d3ee2e,#0f172ae6);color:#e0fbff;box-shadow:inset 0 1px #ffffff0f}.hud-action-button.primary{border-color:#f8717170;background:radial-gradient(circle at top,#f871713d,#7f1d1deb)}.hud-refresh-button{min-width:64px;border-radius:999px}.hud-round-button{width:68px;height:68px;border-radius:999px;border:1px solid rgba(103,232,249,.28);background:radial-gradient(circle at 35% 30%,#22d3ee3d,#020617f5);color:#dffafe;box-shadow:inset 0 1px #ffffff0f,0 8px 18px #00000040;font-size:12px}.hud-round-button.danger{border-color:#f871716b;background:radial-gradient(circle at 35% 30%,#f871714d,#180408fa)}.list-grid{display:grid;gap:8px}.list-card,.list-button{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid #1f2937;background:#111827;color:#e5e7eb}.list-button.active-npc{border-color:#f97316;background:#1c1917}.list-button.active-drop{border-color:#facc15;background:#1f1a05}.list-card.active-map{background:#172554}.muted-text{color:#94a3b8;margin:0}.equip-grid{display:grid;gap:12px}.slot-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid #1f2937;background:#020617b8}.slot-row.media{align-items:stretch}.media-left{display:flex;gap:12px;align-items:center;min-width:0}.asset-icon{width:58px;height:58px;border-radius:12px;overflow:hidden;border:1px solid #334155;background:#020617b3;flex:0 0 auto;box-shadow:inset 0 1px #ffffff0d}.asset-icon.large{width:72px;height:72px}.asset-svg{display:block;width:100%;height:100%}.entity-meta{display:grid;gap:4px;min-width:0}.panel-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.panel-header .panel-title{margin:0}.slot-pills{display:flex;flex-wrap:wrap;gap:6px}.slot-pill{padding:4px 8px;border-radius:999px;border:1px solid #334155;background:#111827;font-size:12px}.slot-pill.filled{border-color:#2563eb;background:#2563eb29}.mini-map{width:100%;aspect-ratio:1 / 1;border-radius:14px;border:1px solid rgba(103,232,249,.18);background:#020617}.mini-map-shell{display:grid;gap:8px}.mini-map-caption{color:#cffafe;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.mini-map-caption.subtle{color:#7dd3fc;text-transform:none;letter-spacing:normal}.stage-core-button{width:66px;height:66px;border-radius:18px;border:1px solid rgba(103,232,249,.22);background:radial-gradient(circle at 50% 35%,#67e8f933,#020617f0);box-shadow:0 0 24px #22d3ee38,inset 0 1px #ffffff0f;display:grid;place-items:center;position:relative}.stage-core-button-inner{width:24px;height:24px;clip-path:polygon(50% 0%,100% 100%,0% 100%);background:linear-gradient(180deg,#cffafe,#38bdf8);filter:drop-shadow(0 0 8px rgba(56,189,248,.45));position:relative;z-index:2}.stage-core-button-ring{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:14px;border:1px solid rgba(103,232,249,.22);box-shadow:0 0 18px #22d3ee29}.stage-side-orb{width:56px;height:56px;border-radius:999px;border:1px solid rgba(103,232,249,.24);background:radial-gradient(circle at 35% 30%,#22d3ee38,#020617f5);color:#dffafe;box-shadow:inset 0 1px #ffffff0f,0 8px 18px #00000040;display:grid;place-items:center}.stage-side-orb.danger{border-color:#f871716b;background:radial-gradient(circle at 35% 30%,#f871714d,#180408fa)}.stage-orb-glyph{font-size:18px;font-weight:700;letter-spacing:.08em;text-shadow:0 0 10px rgba(255,255,255,.18)}.event-feed{max-height:220px;overflow:auto;margin:0;padding:12px;border-radius:10px;border:1px solid #1f2937;background:#020617;font-size:12px}.event-ticker{display:grid;gap:6px}.event-badge{padding:8px 10px;border-radius:10px;border:1px solid #1f2937;background:#020617b8;animation:fade-in .24s ease}.top-actions{display:flex;gap:8px;align-items:center}.top-actions-wrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.auth-card-wide,.management-grid,.game-layout,.bottom-grid{grid-template-columns:1fr}.stage-overlay-right,.stage-overlay-left,.stage-overlay-bottom,.stage-overlay-center-dock,.stage-overlay-right-dock{position:static;transform:none;width:auto;margin:12px}.stage-layout{min-height:auto}.action-dock{flex-direction:column;align-items:stretch;padding-right:14px}.action-dock-side{flex-direction:row;justify-content:center}.stage-canvas-shell,.canvas-frame,.game-canvas{min-height:auto}}