:root{color-scheme:dark;--bg:#101c21;--panel:#17272df0;--line:#56625b;--text:#f1ead7;--muted:#acbbb7;--gold:#d9bc7c;--accent:#d9bc7c}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;overflow:hidden}body{margin:0;background:#567f9b;color:var(--text);font:14px/1.55 system-ui,'Microsoft YaHei',sans-serif}body[data-role=person]{--accent:#9dcab9}button,input,select{font:inherit;color:inherit}button{border:1px solid #6f786550;background:#192b31ed;border-radius:4px;padding:9px 13px;cursor:pointer}button:hover{border-color:var(--accent);background:#304246}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4;cursor:default}.primary{background:#d3b578;color:#14272c;font-weight:700}.primary:hover{background:#e3c58a}.selected,.active{border-color:var(--accent);color:var(--accent)}#viewport{position:fixed;inset:0;width:100vw;height:100dvh;overflow:hidden;background:#6596ad}#atlas{position:absolute;inset:0;width:100%;height:100%;border:0}.hud-top{position:fixed;inset:0 0 auto;min-height:75px;z-index:10;display:flex;align-items:center;gap:22px;padding:10px 20px;background:linear-gradient(#0d1c25f5,#13242ce8);border-bottom:1px solid #b5a67b75;box-shadow:0 4px 24px #10202644}.identity{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;min-width:210px;padding:0}.identity b{font:23px Georgia,'SimSun',serif;color:var(--accent);letter-spacing:1px}.identity small{display:block;font-size:10px;letter-spacing:1px}.crest{display:grid;place-items:center;width:47px;height:47px;border:1px solid var(--accent);color:var(--accent);font-size:28px;background:#253137;border-radius:50%}.clock{margin-left:auto;display:flex;align-items:center;gap:13px;white-space:nowrap;color:var(--gold);font-size:12px}#hudResources{display:flex;gap:24px;align-items:center}.hud-stat{font-size:10px;color:var(--muted)}.hud-stat b{display:block;font-size:17px;line-height:1.35;color:var(--text)}.commandDock{position:fixed;left:24px;bottom:23px;z-index:10;display:flex;gap:7px;padding:6px;background:#102229ee;border:1px solid #bbaa7b60;box-shadow:0 5px 22px #0a19264d;border-radius:7px}.commandDock button{min-width:70px;padding:10px 15px;font-size:13px;background:#263638}.commandDock .selected{box-shadow:inset 0 -3px var(--accent)}.dock-icon{display:block;font-size:19px;line-height:1.1;margin-bottom:5px;color:var(--accent)}.map-tools{position:fixed;bottom:119px;left:24px;display:flex;gap:4px;z-index:9}.map-tools button{font-size:11px;padding:7px 11px;background:#162932ed}.turn-control{position:fixed;bottom:23px;right:24px;z-index:10;display:flex;align-items:center;gap:7px;padding:8px;background:#14272eef;border:1px solid #bbaa7b60;border-radius:6px;box-shadow:0 5px 22px #0a19264d}#ready{font-size:10px;color:var(--muted);max-width:115px}.turn-control button{font-size:12px;padding:10px}.window{position:fixed;z-index:20;background:var(--panel);border:1px solid #ad9a66a8;border-radius:7px;box-shadow:0 15px 50px #0b182aaa;backdrop-filter:blur(16px);display:flex;flex-direction:column;overflow:hidden;animation:appear .15s ease-out;max-height:calc(100dvh - 204px)}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.window-head{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;background:#1d3037;border-bottom:1px solid #a7936355;font:18px Georgia,'SimSun',serif;color:var(--accent)}.window-head button{padding:0 8px;font:25px system-ui;background:none;border:0;color:var(--muted)}.window-body{overflow:auto;padding:16px 20px;scrollbar-width:thin}.management{left:24px;top:94px;width:min(440px,calc(100vw - 48px))}.management .window-body{flex:1;min-height:0}.decision{padding:10px 17px;border-top:1px solid #a7936355;background:#12252b}.province-window{right:24px;top:94px;width:340px}.province-window .window-body{padding:14px 18px}.utility{left:24px;top:94px;width:min(410px,calc(100vw - 48px))}.wide{width:100%;margin:5px 0}.welcome{position:fixed;left:50%;top:46%;transform:translate(-50%,-50%);z-index:12;padding:32px 38px;background:#13262cf0;border:1px solid #c3ae74a0;box-shadow:0 15px 70px #14233088;border-radius:5px;text-align:center;min-width:min(450px,90vw)}.welcome h1{font:30px Georgia,'SimSun',serif;letter-spacing:3px;margin:14px 0}.welcome p{color:var(--muted);font-size:13px;margin-bottom:22px}#notice{position:fixed;top:83px;left:50%;transform:translateX(-50%);z-index:40;background:#16282ff2;color:#f4d997;max-width:70vw;font-size:12px;border-radius:5px;box-shadow:0 4px 18px #12233888}#notice:not(:empty){padding:10px 16px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold)}h2{font-size:21px;margin:8px 0 10px}h3{font-size:14px;color:var(--accent);margin:20px 0 9px}p{margin:8px 0}.muted,small{color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.stat{border:1px solid #667b7245;border-radius:4px;padding:8px;font-size:10px;color:var(--muted)}.stat strong{display:block;font-size:18px;color:var(--text);overflow-wrap:anywhere}.player{width:100%;text-align:left;display:flex;justify-content:space-between;margin:6px 0}.action{display:block;width:100%;text-align:left;margin:7px 0;line-height:1.5;background:#223840}.action small{display:block;font-size:10px}.card{padding:12px;border:1px solid #657b7245;border-radius:5px;margin:10px 0;background:#23353c}.card h3{margin:0 0 5px}.card p{font-size:12px}.tech.done{border-color:#78a38c}.tech.locked{opacity:.5}.progress{height:4px;background:#34454a;margin:7px 0}.progress span{height:100%;display:block;background:var(--gold)}label{display:block;font-size:12px;color:var(--muted);margin:10px 0}input,select{width:100%;display:block;background:#102027;border:1px solid #687c7355;padding:9px;border-radius:4px;margin-top:4px}#logs{overflow:auto}.entry{font-size:12px;padding:11px 0;border-bottom:1px solid #4e696455}.entry small{font-size:10px;display:block;color:var(--gold)}#event{font-size:12px;color:var(--muted)}#event b{color:var(--gold)}#planSummary{font-size:12px;min-height:32px}.credit{font-size:10px;color:var(--muted)}.warning{color:#efa796}.success{color:#a1ceb9}.relation,.poprow{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:7px 0;border-bottom:1px solid #45605655}.queuedAction{padding:9px;border-left:2px solid var(--accent);margin:8px 0;background:#25383c;font-size:12px}.queuedAction small{display:block}.geodata{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:var(--muted);margin:12px 0;font-size:11px}.geodata b{display:block;color:var(--text);font-size:14px}#region{font-size:12px}#region h2 small{display:block;margin-top:4px}.row{display:flex;gap:8px;justify-content:flex-end}#layers{display:flex;flex-wrap:wrap;gap:5px}#layers button{font-size:12px}#legend{padding:16px 0;font-size:11px}.swatch{display:inline-block;width:12px;height:12px;margin-right:4px;border:1px solid #aaa;vertical-align:middle}dialog{background:#182b32;color:var(--text);border:1px solid var(--gold);border-radius:7px;max-width:680px;width:90vw;max-height:85dvh;padding:25px;overflow:auto}dialog::backdrop{background:#06151b99;backdrop-filter:blur(3px)}.float{float:right}hr{border:0;border-top:1px solid #6b7b7355;margin:16px 0}.portrait{font-size:46px;float:right;line-height:1.3;color:var(--accent)}.destination{border-left:3px solid #99b7a4}.destination.blocked{border-left-color:#d49083}.destination button{font-size:11px;padding:7px 10px;margin-top:5px}.destination .tag{font-size:10px;color:var(--accent)}.country-law{padding:10px 0;border-bottom:1px solid #6a7a7350}.country-law strong{font-size:13px}.country-law small{display:block}.kin{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #69807844}.kin small{display:block}#queueToggle{color:var(--accent)}#connection{font-size:12px;color:var(--accent)}body[data-role=person] .crest{border-radius:7px}
@media(max-width:1250px){.hud-top{gap:15px}#hudResources{gap:14px}.identity{min-width:180px}.turn-control{bottom:100px;right:18px}.commandDock{bottom:18px}.map-tools{bottom:110px}.province-window{width:300px;right:18px}}
@media(max-width:800px){.hud-top{padding:9px 12px;flex-wrap:wrap;gap:6px;min-height:94px}.identity{min-width:0}.identity b{font-size:19px}.crest{width:34px;height:34px;font-size:23px}.clock{font-size:10px}.clock button{padding:6px 10px}#hudResources{order:3;width:100%;justify-content:space-around;gap:5px}.hud-stat{font-size:9px}.hud-stat b{font-size:13px}.management,.utility,.province-window{top:110px;left:10px;right:auto;width:calc(100vw - 20px);max-height:calc(100dvh - 290px)}.commandDock{left:10px;right:10px;bottom:10px;justify-content:space-around;gap:3px;padding:5px}.commandDock button{min-width:0;flex:1;padding:8px 4px;font-size:11px}.dock-icon{font-size:15px}.turn-control{bottom:85px;right:10px;left:10px;padding:5px;justify-content:flex-end}.turn-control button{font-size:10px;padding:8px}#ready{margin-right:auto;font-size:9px}.map-tools{bottom:141px;left:10px}.map-tools button{padding:5px 8px;font-size:10px}#notice{top:105px;max-width:85vw}.welcome{padding:24px 20px}.welcome h1{font-size:24px}.window-body{padding:12px 16px}}

.commandDock button{min-width:58px;padding:9px 10px}.commandDock{max-width:calc(100vw - 48px);overflow-x:auto}.commandDock button{flex-shrink:0}

#createRoom,#roomCode,#enterRoom,#invite,#exitRoom{display:none!important}