*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#010303;color:#eafffb;font-family:Inter,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.world-bg{position:fixed;inset:0;background:linear-gradient(rgba(0,0,0,.82),rgba(0,8,8,.92)),url('../assets/images/startbild.png') center/cover;filter:saturate(.6);z-index:-1}.topbar{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid rgba(0,255,204,.35);background:rgba(0,0,0,.9);font-family:Rajdhani,Orbitron,monospace;letter-spacing:.12em;text-transform:uppercase}.topbar div:nth-child(2){text-align:center}.topbar small{display:block;color:#8aa7a2;font-size:.62rem}.topbar strong{color:#00ffcc;font-size:1.05rem}.back{color:#00ffcc;text-decoration:none}.rate{text-align:right;color:#ff00d4;font-size:.72rem}main{height:calc(100vh - 64px);overflow:hidden}.screen{height:100%}.menu-screen{display:grid;place-items:center;padding:20px;overflow:auto}.panel{width:min(650px,94vw);padding:28px;background:linear-gradient(145deg,rgba(0,0,0,.92),rgba(0,28,25,.78));border:1px solid rgba(0,255,204,.45);box-shadow:0 0 40px rgba(0,255,204,.16);clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px))}.intro-panel h1{font:800 clamp(3rem,8vw,6.5rem)/.82 Rajdhani,Orbitron,monospace;letter-spacing:.06em;text-transform:uppercase;margin:10px 0;text-shadow:0 0 28px rgba(0,255,204,.5)}.eyebrow{color:#ff00d4;font:700 .85rem Rajdhani,monospace;letter-spacing:.22em;text-transform:uppercase}.lead{color:#c5dad7;line-height:1.5}.panel label{display:grid;gap:7px;margin:20px 0;color:#91aaa5;font:700 .78rem Rajdhani,monospace;letter-spacing:.13em;text-transform:uppercase}.panel input,.panel select{background:#030707;border:1px solid rgba(0,255,204,.45);color:#fff;padding:13px;outline:none}.mode-grid,.actions,.lobby-actions{display:flex;gap:12px;flex-wrap:wrap}.mode-grid button{flex:1}button{border:1px solid #00ffcc;background:linear-gradient(#00221d,#000);color:#00ffcc;padding:11px 14px;text-transform:uppercase;letter-spacing:.1em;font:700 .74rem Rajdhani,monospace;cursor:pointer;box-shadow:0 4px 0 #00594b;transition:.15s}button:hover:not(:disabled){filter:brightness(1.35);box-shadow:0 4px 0 #00594b,0 0 18px rgba(0,255,204,.4)}button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #00594b}button:disabled{opacity:.35;cursor:not-allowed}.ghost{border-color:#60716e;color:#aab8b6;box-shadow:none}.danger{border-color:#ff315e;color:#ff315e;box-shadow:0 4px 0 #6a1026}.setup-panel h2{font:800 2rem Rajdhani,monospace;text-transform:uppercase}.lobby-actions input{width:150px}.connection{margin:16px 0;color:#91aaa5}.lobby-box{border:1px solid rgba(0,255,204,.25);padding:14px;margin:12px 0}.session-line{display:flex;gap:12px;align-items:center}.mini{padding:5px 8px;box-shadow:none}.player-list{display:grid;gap:6px;margin:12px 0}.lobby-player{display:flex;justify-content:space-between;padding:8px;background:rgba(0,255,204,.06);border-left:3px solid #00ffcc}.host-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.host-controls label{margin:0}
.game-screen{display:grid;grid-template-columns:210px minmax(0,1fr) 250px;gap:8px;padding:8px;background:#000;height:100%;overflow:hidden}.left-rail,.right-rail{display:flex;flex-direction:column;gap:8px;min-height:0}.module{padding:12px;background:rgba(2,10,10,.94);border:1px solid rgba(0,255,204,.25);box-shadow:inset 0 0 22px rgba(0,255,204,.03)}.module small{display:block;color:#91aaa5;font:700 .62rem Rajdhani,monospace;letter-spacing:.15em}.module strong{display:block;margin-top:4px;color:#00ffcc;font:800 1rem Rajdhani,monospace;text-transform:uppercase}.module p{font-size:.74rem;color:#a9bfbb;line-height:1.35;margin:.5rem 0 0}.players-hud{display:grid;gap:6px}.player-chip{padding:8px;border:1px solid var(--pc);background:color-mix(in srgb,var(--pc) 9%,#020505);opacity:.65;font-size:.76rem}.player-chip.active{opacity:1;box-shadow:0 0 15px color-mix(in srgb,var(--pc) 45%,transparent)}.player-chip strong{font-family:Rajdhani,monospace}.player-chip span{float:right}.map-shell{position:relative;min-width:0;min-height:0;height:100%;background:#020606;border:1px solid rgba(0,255,204,.32);overflow:hidden;display:flex;align-items:center;justify-content:center}.map-title{position:absolute;z-index:5;top:8px;left:10px;right:10px;display:flex;justify-content:space-between;pointer-events:none;font:700 .72rem Rajdhani,monospace;letter-spacing:.1em;text-transform:uppercase}.map-title span{color:#eafffb}.map-title strong{color:#ff00d4}#worldMap{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:radial-gradient(circle at 50% 45%,rgba(0,40,45,.28),transparent 58%)}.connection-line{stroke:rgba(220,255,250,.25);stroke-width:2;stroke-dasharray:6 7;pointer-events:none}.territory{fill:#172120;stroke:#31413e;stroke-width:3;cursor:pointer;transition:filter .15s,stroke-width .15s}.territory:hover{filter:brightness(1.25)}.territory.selected{stroke:#fff!important;stroke-width:6;filter:url(#glow)}.territory.valid{stroke:#ffef74!important;stroke-width:5;stroke-dasharray:10 7}.territory-label{fill:#eafffb;font:700 17px Rajdhani,monospace;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#020707;stroke-width:5px}.army-count{fill:#fff;font:900 25px Rajdhani,monospace;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:#020707;stroke-width:6px}.strait-water{display:none}.strait-line{display:none}.strait-text{fill:#9dffff;font:900 28px Rajdhani,monospace;letter-spacing:.22em;paint-order:stroke;stroke:#002329;stroke-width:6px;pointer-events:none}.region-caption{fill:rgba(234,255,251,.28);font:800 19px Rajdhani,monospace;letter-spacing:.18em;pointer-events:none}.action-panel select,.action-panel input{width:100%;margin:8px 0;padding:9px;background:#000;color:#fff;border:1px solid rgba(0,255,204,.35)}.action-panel button{width:100%;margin-top:7px}.log-module{flex:1;min-height:0;overflow:hidden}.log-module #gameLog{height:calc(100% - 22px);overflow:auto;margin-top:8px}.log-line{padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);font:600 .68rem/1.35 Rajdhani,monospace;color:#b9cfcb}.dice-overlay,.turn-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:rgba(0,0,0,.58);backdrop-filter:blur(3px)}.dice-card,.turn-card{min-width:320px;max-width:80%;padding:22px;text-align:center;background:#020707;border:1px solid #00ffcc;box-shadow:0 0 35px rgba(0,255,204,.35)}.dice-card strong,.turn-card strong{display:block;color:#fff;font:900 1.55rem Rajdhani,monospace;text-transform:uppercase}.turn-card small{color:#ff00d4;font:700 .7rem Rajdhani,monospace;letter-spacing:.18em}.dice-row{display:flex;gap:10px;justify-content:center;align-items:center;margin:16px 0}.die{display:grid;place-items:center;width:48px;height:48px;border:1px solid currentColor;background:#000;font:900 1.6rem Rajdhani,monospace;box-shadow:0 0 15px currentColor}.dice-vs{color:#fff;font-weight:900}
@media (max-width:1100px){.game-screen{grid-template-columns:180px minmax(0,1fr) 210px}.territory-label{font-size:15px}.army-count{font-size:22px}}
@media (max-width:820px){main{height:auto;overflow:auto}.game-screen{grid-template-columns:1fr;height:auto;overflow:visible}.map-shell{height:62vw;min-height:420px;order:-1}.left-rail,.right-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.log-module{min-height:220px}.topbar{grid-template-columns:auto 1fr}.rate{display:none}.topbar div:nth-child(2){text-align:right}}