:root{--bg:#0a0f1d;--panel:#121a2b;--panel2:#17243b;--line:#263854;--text:#f4f7fb;--muted:#95a6bd;--accent:#6da8ff;--good:#55c78c;--bad:#ed6d7c;--gold:#efbd5b;--soft:#1e2c44}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 25% 0,#162341 0,#0a0f1d 45%,#060a13 100%);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.landing{display:grid;place-items:center;padding:24px}.landing-shell{width:min(1180px,100%);display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.hero-panel,.lobby-card,.panel{background:rgba(17,26,44,.92);border:1px solid #243650;box-shadow:0 24px 80px rgba(0,0,0,.3)}.hero-panel{border-radius:28px;padding:58px;min-height:650px;display:flex;flex-direction:column;justify-content:center}.brand-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#73aaff,#7d70ff);font:700 30px Georgia;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.16em;color:#8397b8;text-transform:uppercase}.hero-panel h1{font:700 clamp(52px,8vw,96px)/.92 Georgia,serif;letter-spacing:-.04em;margin:10px 0 20px}.hero-panel p{max-width:720px;font-size:19px;line-height:1.55;color:#bdc8d9}.feature-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.feature-row span,.badge,.room-code,.pill,.term-chips span,.territory-traits span{background:#1c2b45;border:1px solid #30425f;border-radius:999px;padding:6px 10px;font-size:11px;color:#d0daea}.hero-note{margin-top:34px;border-left:3px solid var(--accent);padding:12px 14px;background:#101a2b;color:#aab8cc;border-radius:0 10px 10px 0;font-size:13px;line-height:1.45}.lobby-card{border-radius:28px;padding:28px;align-self:center}.tabs{display:flex;gap:6px;background:#0c1424;padding:5px;border-radius:14px}.tab{flex:1;border:0;color:#91a2bd;background:transparent;padding:11px;border-radius:10px}.tab.active{background:#233450;color:#fff}.tab-pane{display:none;margin-top:18px}.tab-pane.active{display:block}label{display:block;color:#b4c0d2;font-size:13px;margin:11px 0}input,select,textarea{width:100%;margin-top:7px;border:1px solid #2b3d5a;border-radius:11px;background:#0d1627;color:#fff;padding:11px;outline:none}textarea{min-height:92px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary,.action-grid button,.vote-buttons button,.territory-actions button,.game-card button,.tiny-actions button,.modal-actions button,.treaty-actions button{border:0;border-radius:11px;padding:11px 13px;background:#2f70ff;color:#fff;font-weight:700}.primary{width:100%;margin-top:10px}.primary.compact{width:auto}.hint{color:var(--muted);font-size:12px;line-height:1.45}.message{color:#ff9aa4;margin-top:12px}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #1f2d44;background:rgba(8,13,24,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.top-brand,.top-actions{display:flex;align-items:center;gap:8px}.logo{font-family:Georgia,serif;letter-spacing:.08em;margin-right:5px}.badge.soft{background:#121d31;color:#95a6bd}.ghost{background:transparent;border:1px solid #2b3d58;color:#c6d2e4;border-radius:10px;padding:8px 10px}.danger{color:#ff9aa4}.game-grid{display:grid;grid-template-columns:260px minmax(550px,1fr) 330px;gap:12px;padding:12px;min-height:calc(100vh - 68px)}.panel{border-radius:18px;overflow:hidden}.left-panel,.right-panel{padding:14px}.map-panel{display:flex;flex-direction:column}.map-head{padding:18px 20px 0;display:flex;justify-content:space-between;gap:12px}.map-head h2{margin:4px 0;font-size:23px}.selected-summary{color:#9cabc0;font-size:13px;align-self:center}.me-card,.player-card{border:1px solid #293c59;background:#0e1729;border-radius:14px;padding:11px;margin-bottom:8px}.me-card{background:linear-gradient(145deg,#172743,#10192b)}.party-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.stats.four{grid-template-columns:1fr 1fr}.stat{background:#111d31;border-radius:9px;padding:7px}.stat span{display:block;font-size:10px;color:#8192ad}.stat strong{font-size:14px}.agenda-mini{border-top:1px solid #293a55;margin-top:10px;padding-top:9px}.agenda-mini strong{display:block;margin:5px 0;color:#f0d495}.agenda-mini p{font-size:11px;color:#9fafc4;margin:0;line-height:1.4}.section-title{font-size:10px;color:#8293ad;letter-spacing:.14em;text-transform:uppercase;margin:18px 0 9px}.player-meta,.relation{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#91a1b8;margin-top:7px}.relation{border-top:1px solid #203049;padding-top:6px}.tiny-actions{display:flex;gap:6px;margin-top:7px}.tiny-actions button{font-size:10px;padding:6px 8px;background:#213451}.map-wrap{position:relative;flex:1;min-height:500px;padding:0 18px}#riskMap{width:100%;height:100%;max-height:630px}.territory>*:first-child{fill:#25334c;stroke:#8fa0b9;stroke-width:2.2;transition:.18s}.territory text{fill:#fff;font-weight:800;text-anchor:middle;pointer-events:none;font-size:18px;text-shadow:0 2px 5px #000}.territory:hover>*:first-child,.territory.selected>*:first-child{filter:brightness(1.18);stroke:#fff;stroke-width:3.5}.territory{cursor:pointer}.map-legend{position:absolute;left:24px;bottom:16px;background:rgba(7,12,23,.86);border:1px solid #2a3a55;border-radius:12px;padding:8px;display:flex;gap:7px;flex-wrap:wrap;max-width:76%}.legend-item{display:flex;align-items:center;gap:5px;font-size:10px;color:#c6d0e0}.territory-drawer{border-top:1px solid var(--line);background:#0d1527;padding:14px 18px;min-height:150px}.empty-state{color:#7f8fa9;padding:25px;text-align:center}.drawer-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.drawer-title>div{display:flex;gap:8px;align-items:center}.control-label{font-size:11px;color:#a7b4c7}.territory-traits{display:flex;gap:5px;margin:7px 0}.territory-traits span{padding:3px 7px;font-size:9px}.support-bars{display:grid;gap:6px;margin-top:8px}.support-line{display:grid;grid-template-columns:140px 1fr 50px;gap:8px;align-items:center;font-size:12px}.support-line.mine{font-weight:700}.bar{height:8px;background:#24324b;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;border-radius:999px}.territory-actions{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.territory-actions button{padding:8px 10px;font-size:11px;background:#274979}.drawer-foot{margin-top:9px;font-size:11px;color:#95a5ba}.phase-card{background:#0d1729;border:1px solid #283954;border-radius:14px;padding:13px;margin-bottom:10px}.phase-card strong{display:block;margin:5px 0;font-size:15px}.phase-card p{font-size:12px;line-height:1.45;color:#9dacbf;margin:6px 0}.vote-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vote-buttons button{font-size:11px;padding:9px 6px;background:#243653}.vote-buttons button.active{outline:2px solid #fff;background:#315fbd}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.action-grid button{font-size:11px;padding:10px 7px;background:#233650}.action-grid button.finish{grid-column:1/-1;background:#315fbd}.game-log{height:260px;overflow:auto;border-top:1px solid #23314b}.log-item{padding:8px 2px;border-bottom:1px solid #1d2940;font-size:11px;line-height:1.4;color:#aab7ca;display:flex;gap:6px}.log-item.private{color:#f0c76c}.diplomacy-dock{margin:0 12px 12px;padding:14px}.dock-tabs{display:flex;gap:6px;margin-bottom:10px}.dock-tab{border:1px solid #2a3b57;background:#101a2c;color:#9cacbf;border-radius:9px;padding:8px 12px}.dock-tab.active{background:#27436d;color:#fff}.dock-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:12px}.message-stream{max-height:260px;overflow:auto;background:#0b1424;border:1px solid #263750;border-radius:12px;padding:8px}.dmsg{padding:8px 10px;margin:5px 0;background:#17243a;border-radius:10px;max-width:82%}.dmsg.mine{margin-left:auto;background:#1e3f72}.dmsg.public{border-left:3px solid #f0bc58}.dmsg div{font-size:10px;color:#8fa0b7}.dmsg p{margin:4px 0 0;font-size:12px;line-height:1.4}.message-form{background:#0d1627;border:1px solid #263750;border-radius:12px;padding:10px}.treaty-list{display:grid;gap:8px;margin-bottom:10px}.treaty-row{display:flex;justify-content:space-between;gap:12px;padding:11px;border:1px solid #293a56;background:#0e1728;border-radius:12px}.treaty-row p{margin:5px 0;font-size:11px;color:#91a2b8}.treaty-actions{display:flex;gap:6px;align-items:center}.treaty-actions button{padding:7px 9px;font-size:10px}.danger-btn{background:#7b2f43!important}.pill.warn{background:#5d4820;border-color:#82652b;color:#f3d990}.term-chips{display:flex;gap:5px;flex-wrap:wrap}.term-chips span{padding:3px 7px;font-size:9px}.agenda-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}.objective-card{border:1px solid #2a3d58;background:#0e182a;border-radius:13px;padding:14px}.objective-card.main{border-left:3px solid var(--gold)}.objective-card.done{border-color:#34795a;background:#10251e}.objective-card h3{margin:7px 0;font-size:15px}.objective-card p{color:#9eacc0;font-size:11px;line-height:1.45}.objective-card>strong{font-size:10px;color:#d9c17f}.modal{position:fixed;inset:0;background:rgba(3,6,12,.74);display:grid;place-items:center;padding:20px;z-index:50}.modal-card{width:min(620px,100%);max-height:90vh;overflow:auto;background:#131e33;border:1px solid #334660;border-radius:20px;padding:22px;position:relative;box-shadow:0 30px 100px #000}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#fff;font-size:26px}.modal-card h2{margin-top:0}.modal-intro{font-size:12px;color:#9dadc1;line-height:1.5}.modal-actions{display:flex;gap:8px;margin-top:14px}.modal-actions button{flex:1}.check-row{display:flex;gap:18px}.check-row label{display:flex;align-items:center;gap:7px}.check-row input{width:auto;margin:0}.dice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.dice-row div{background:#0d1628;border:1px solid #2b3c58;border-radius:12px;padding:14px;text-align:center}.dice-row span{display:block;font-size:10px;color:#8f9fb7}.dice-row strong{font-size:28px}.warning-text{color:#ff9aa4}.cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.game-card{background:linear-gradient(150deg,#172944,#0d1728);border:1px solid #2d405e;border-radius:14px;padding:13px}.game-card h3{margin:6px 0}.game-card p{font-size:11px;color:#a6b4c7;min-height:48px}.game-card button{width:100%;font-size:11px}.rules p{font-size:12px;line-height:1.55;color:#abb8c9}.winner{text-align:center;padding:20px}.winner h2{font:700 34px Georgia,serif}.toast{position:fixed;right:18px;bottom:18px;z-index:80;background:#14233a;border:1px solid #355071;color:#fff;padding:11px 14px;border-radius:11px;box-shadow:0 10px 40px #000;max-width:340px}
@media(max-width:1180px){.game-grid{grid-template-columns:220px 1fr}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.right-panel>.section-title,.right-panel>.game-log{grid-column:1/-1}.game-log{height:180px}.landing-shell{grid-template-columns:1fr}.hero-panel{min-height:auto;padding:38px}.dock-grid{grid-template-columns:1fr}.agenda-grid{grid-template-columns:1fr 1fr}.objective-card.main{grid-column:1/-1}}
@media(max-width:760px){.game-grid{display:flex;flex-direction:column}.map-panel{order:-1}.map-wrap{min-height:400px}.left-panel{order:2}.right-panel{display:block;order:3}.topbar{padding:0 10px}.top-actions .ghost:first-of-type{display:none}.selected-summary{display:none}.support-line{grid-template-columns:105px 1fr 44px}.hero-panel{padding:28px}.landing{padding:10px}.grid2{grid-template-columns:1fr}.territory-actions{display:grid;grid-template-columns:1fr 1fr}.diplomacy-dock{margin:0 8px 8px}.agenda-grid,.cards-grid{grid-template-columns:1fr}.objective-card.main{grid-column:auto}.treaty-row{display:block}.treaty-actions{margin-top:8px}.action-grid{grid-template-columns:1fr 1fr}.room-code{display:none}}