@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,500&family=Syne:wght@600;700;800&display=swap");:root{--em-ink:#e8f0ea;--em-muted:#8aa090;--em-accent:#7dffb0;--em-amber:#ffb84a;--em-warn:#ff7a5c;--em-panel:rgba(10,18,14,0.82);--em-panel-border:rgba(125,255,176,0.18);--em-glass:rgba(14,24,18,0.72);--em-radius:14px;--em-font:"DM Sans","Segoe UI",system-ui,sans-serif;--em-display:"Syne","DM Sans",system-ui,sans-serif}.empire-stage{position:relative;width:100%;height:min(62vh,640px);min-height:320px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,#2a4a32 0,transparent 50%),linear-gradient(160deg,#1a2e22,#0c1410);border:1px solid rgba(125,255,176,.22);box-shadow:0 0 0 1px rgba(0,0,0,.35),0 18px 48px rgba(0,0,0,.45);touch-action:none;font-family:var(--em-font)}.empire-practice-cta{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:radial-gradient(ellipse at 50% 40%,rgba(20,40,28,.35),transparent 55%),rgba(6,12,10,.62);backdrop-filter:blur(6px);pointer-events:auto}.empire-practice-cta p{margin:0;font-family:var(--em-display);font-size:clamp(20px,3.5vw,28px);font-weight:800;letter-spacing:-.02em;color:#f4fff8;text-shadow:0 2px 16px rgba(0,0,0,.55);text-align:center}.empire-practice-cta .empire-cta-sub{font-family:var(--em-font);font-size:14px;font-weight:500;color:var(--em-muted);max-width:320px;text-align:center;text-shadow:none}.empire-practice-cta .empire-btn-primary{font-size:15px;padding:12px 28px;border-radius:999px;box-shadow:0 8px 28px rgba(125,255,176,.28)}.empire-canvas-wrap{width:100%;height:100%}.empire-iso-hint{position:absolute;left:12px;bottom:10px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(232,240,234,.72);text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none;font-family:var(--em-font)}.empire-webgl-fail{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:28px;text-align:center;color:var(--em-ink);font-family:var(--em-display);font-size:15px;font-weight:700;background:#0e1612}.empire-minimap{position:absolute;right:12px;bottom:12px;width:148px;height:148px;border:1px solid rgba(125,255,176,.35);border-radius:12px;cursor:crosshair;box-shadow:0 8px 24px rgba(0,0,0,.5);background:#0a1210;overflow:hidden}.empire-box-select{display:none;position:absolute;border:1px solid rgba(125,255,176,.85);background:rgba(125,255,176,.12);pointer-events:none;z-index:5;border-radius:2px}.empire-play-shell{max-height:calc(100dvh - 52px);overflow:hidden;font-family:var(--em-font);color:var(--em-ink);background:radial-gradient(ellipse at 10% -10%,rgba(40,80,55,.35),transparent 45%),linear-gradient(180deg,#0c1410,#080c0a)}.empire-play-shell:-webkit-full-screen,.empire-play-shell:fullscreen{max-height:100vh;width:100vw;height:100vh;padding:12px;background:#080c0a;overflow:auto}.empire-play-shell:-webkit-full-screen .empire-stage,.empire-play-shell:fullscreen .empire-stage{height:min(72vh,780px)}.empire-lobby{max-width:920px;margin:0 auto;padding:16px 16px 36px;font-family:var(--em-font);color:var(--em-ink);background:radial-gradient(ellipse at 15% 0,rgba(50,120,80,.28),transparent 50%),radial-gradient(ellipse at 90% 10%,rgba(255,184,74,.12),transparent 40%),linear-gradient(180deg,#101814,#080c0a);min-height:calc(100dvh - 56px)}.empire-lobby h1{font-family:var(--em-display);font-size:clamp(28px,5vw,40px);font-weight:800;letter-spacing:-.03em;color:#f4fff8;margin:10px 0 6px}.empire-lobby>p{color:var(--em-muted);font-size:15px;line-height:1.45;max-width:540px}.empire-panel{margin-top:16px;padding:16px 18px;border:1px solid var(--em-panel-border);border-radius:var(--em-radius);background:var(--em-glass);backdrop-filter:blur(12px);box-shadow:0 12px 32px rgba(0,0,0,.28)}.empire-panel h2{font-family:var(--em-display);font-size:16px;font-weight:700;letter-spacing:-.01em;color:#f4fff8;margin:0 0 6px}.empire-btn{border:1px solid rgba(232,240,234,.16);border-radius:999px;background:rgba(255,255,255,.06);color:var(--em-ink);font-family:var(--em-font);font-weight:700;font-size:13px;padding:9px 16px;cursor:pointer;letter-spacing:.01em;transition:background .15s ease,border-color .15s ease,transform .12s ease}.empire-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(125,255,176,.35)}.empire-btn-primary{background:linear-gradient(135deg,#7dffb0,#3ecf8a 55%,#2aa86e);border-color:transparent;color:#06140c}.empire-btn-primary:hover{filter:brightness(1.06);background:linear-gradient(135deg,#8fffc0,#48d998 55%,#32b878)}.empire-btn-danger{background:rgba(255,122,92,.14);border-color:rgba(255,122,92,.4);color:#ffc8ba}.empire-btn:disabled{opacity:.4;cursor:not-allowed}.empire-input{width:100%;margin-top:6px;border:1px solid rgba(125,255,176,.2);border-radius:12px;background:rgba(0,0,0,.35);color:var(--em-ink);padding:10px 14px;font-family:var(--em-font);outline:none}.empire-input:focus{border-color:rgba(125,255,176,.55);box-shadow:0 0 0 3px rgba(125,255,176,.12)}.empire-cmd-bar{display:grid;grid-template-columns:minmax(140px,180px) 1fr;gap:10px;margin-top:10px;padding:10px;border:1px solid var(--em-panel-border);border-radius:var(--em-radius);background:var(--em-panel);backdrop-filter:blur(10px)}.empire-portrait{border:1px solid rgba(125,255,176,.2);border-radius:12px;background:rgba(0,0,0,.28);min-height:92px;padding:10px 12px;font-size:12px;color:var(--em-muted)}.empire-portrait strong{font-family:var(--em-display);color:#f4fff8;display:block;margin-bottom:4px;font-size:14px;font-weight:700;text-transform:capitalize}.empire-cmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:7px}.empire-cmd-cell{aspect-ratio:1;border:1px solid rgba(232,240,234,.12);border-radius:12px;background:linear-gradient(160deg,rgba(40,60,48,.55),rgba(12,18,14,.9));color:var(--em-ink);font-size:11px;font-weight:700;font-family:var(--em-font);cursor:pointer;padding:6px;line-height:1.2;display:flex;align-items:center;justify-content:center;text-align:center;transition:border-color .12s ease,transform .1s ease}.empire-cmd-cell:hover:not(:disabled){border-color:rgba(125,255,176,.55);transform:translateY(-1px)}.empire-cmd-cell:disabled{opacity:.32;cursor:not-allowed}.empire-cmd-cell.active{border-color:var(--em-accent);box-shadow:inset 0 0 0 1px rgba(125,255,176,.35)}.empire-toast{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:20;padding:10px 18px;border:1px solid rgba(125,255,176,.35);border-radius:999px;background:rgba(8,16,12,.92);color:#f4fff8;font-family:var(--em-font);font-size:13px;font-weight:700;pointer-events:none;max-width:90%;text-align:center;box-shadow:0 10px 28px rgba(0,0,0,.4)}.empire-chrono-banner{margin:8px 0;padding:10px 14px;border:1px solid rgba(126,200,227,.45);border-radius:12px;background:rgba(20,40,50,.75);color:#c8f0ff;font-family:var(--em-font);gap:10px}.empire-chrono-banner,.empire-topbar{font-size:13px;display:flex;flex-wrap:wrap;align-items:center}.empire-topbar{gap:8px;margin-bottom:8px;padding:8px 10px;border-radius:14px;background:var(--em-panel);border:1px solid var(--em-panel-border);backdrop-filter:blur(10px)}.empire-topbar a{color:var(--em-accent);font-weight:700;text-decoration:none}.empire-topbar a:hover{text-decoration:underline}.empire-res{display:inline-flex;flex-wrap:wrap;gap:6px;padding:0;border:none;background:transparent;border-radius:0;font-weight:700}.empire-res-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);font-size:12px;font-variant-numeric:tabular-nums;color:var(--em-ink)}.empire-res-chip .em-ico{opacity:.9;font-size:11px}.empire-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;background:rgba(125,255,176,.12);border:1px solid rgba(125,255,176,.28);color:var(--em-accent)}.empire-pill-muted{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:var(--em-muted)}.empire-meta{color:var(--em-muted);font-size:12px;font-weight:600}.empire-room-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:var(--em-amber);letter-spacing:.04em}.empire-gameover-modal{position:absolute;inset:0;z-index:12;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,10,8,.58);backdrop-filter:blur(8px)}.empire-gameover-card{width:min(400px,100%);padding:28px 24px;border-radius:20px;border:1px solid rgba(125,255,176,.28);background:radial-gradient(ellipse at 50% 0,rgba(125,255,176,.14),transparent 55%),rgba(10,18,14,.95);box-shadow:0 24px 64px rgba(0,0,0,.55);text-align:center}.empire-gameover-card h3{margin:0 0 8px;font-family:var(--em-display);font-size:26px;font-weight:800;letter-spacing:-.03em;color:#f4fff8}.empire-gameover-card p{margin:0 0 18px;color:var(--em-muted);font-size:14px;line-height:1.4}.empire-waiting-banner{margin-bottom:8px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,184,74,.3);background:rgba(255,184,74,.08);display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.empire-waiting-banner p{margin:0;font-size:14px;color:var(--em-ink)}.empire-lobby-list-item{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22)}@media (max-width:640px){.empire-stage{height:min(48vh,400px);border-radius:12px}.empire-minimap{width:104px;height:104px}.empire-cmd-bar{grid-template-columns:1fr}.empire-topbar{gap:6px}}