:root{--bg: #0f0d12;--panel: rgba(20, 17, 24, .94);--panel2: #1f1a26;--line: #3a3144;--line2: #2a2433;--text: #e8e1d6;--muted: #b3a89a;--dim: #8c8276;--ember: #e07a3a;--ember2: #f0955a;--gold: #d3b078;--mist: #6cc2b4;--blood: #c4524f;--moss: #8fbf6a;--violet: #a58bd8;--serif: "Cormorant", Georgia, "Times New Roman", serif;--sans: "Manrope", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", Consolas, monospace;--shadow: 0 10px 30px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:14px/1.4 var(--sans);overflow:hidden}button,input,select{font:inherit;color:inherit}#game{position:fixed;inset:0}#game canvas{display:block}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui>*{pointer-events:auto}::selection{background:#e07a3a66}.icon{display:inline-block;vertical-align:-3px;flex:none}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;background:linear-gradient(180deg,#2a2233,#1c1722);border:1px solid var(--line);color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600;letter-spacing:.01em;transition:border-color .15s,background .15s,transform .05s}.btn:hover{border-color:var(--gold);background:linear-gradient(180deg,#332a3e,#221c2b)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#e88a4c,#c9662a);border-color:#f2a36f;color:#1a0f08}.btn.primary:hover{background:linear-gradient(180deg,#f2985c,#d57033)}.btn.danger{border-color:#6b2f2e;color:#f0a19f}.btn.danger:hover{border-color:var(--blood)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover{background:#ffffff0f;border-color:transparent}.btn.icon-only{padding:8px}.btn.small{padding:5px 10px;font-size:12.5px}.login-screen{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(1200px 700px at 50% 30%,#1d1524,#0f0d12 60%,#08070a)}.login-card{width:400px;max-width:92vw;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 30px 24px;box-shadow:var(--shadow);position:relative}.login-card:before,.login-card:after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--gold);opacity:.7}.login-card:before{left:-1px;top:-1px;border-right:0;border-bottom:0;border-radius:16px 0 0}.login-card:after{right:-1px;bottom:-1px;border-left:0;border-top:0;border-radius:0 0 16px}.login-card h1{font:400 54px/1 var(--serif);margin:0 0 4px;letter-spacing:.01em}.login-card .tag{font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ember);margin-bottom:20px}.field{display:grid;gap:5px;margin-bottom:12px}.field label{font-size:12px;color:var(--muted);letter-spacing:.04em}.field input{background:#100d14;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--text);outline:none}.field input:focus{border-color:var(--gold)}.login-actions{display:flex;gap:10px;align-items:center;margin-top:16px}.login-actions .btn.primary{flex:1}.form-error{color:#f0a19f;font-size:13px;min-height:18px;margin-top:6px}.form-hint{color:var(--dim);font-size:12px;margin-top:12px;line-height:1.5}.form-hint a{color:var(--mist);cursor:pointer}.topbar{position:absolute;left:0;right:0;top:0;height:58px;display:flex;align-items:center;gap:4px;padding:0 12px 0 10px;background:linear-gradient(180deg,#120f16f7,#0e0c12e6);border-bottom:1px solid var(--line2);box-shadow:0 6px 20px #00000059}.topbar .brand{display:flex;align-items:center;gap:8px;padding-right:12px;margin-right:4px;border-right:1px solid var(--line2);height:38px}.topbar .brand .name{font:600 24px/1 var(--serif);letter-spacing:.02em}.topbar .brand .ver{font:500 10px var(--mono);color:var(--dim)}.res{display:flex;align-items:center;gap:7px;padding:5px 9px;border-radius:8px;min-width:104px;cursor:default;position:relative}.res:hover{background:#ffffff0a}.res .ic{color:var(--gold)}.res.food .ic{color:#c9b45c}.res.wood .ic{color:#a67a4c}.res.stone .ic{color:#a5a0a8}.res.iron .ic{color:#8fa7bd}.res.gold .ic{color:#e2c46a}.res.crystals .ic{color:var(--mist)}.res .val{font:600 14px var(--mono);line-height:1.1}.res .rate{font:500 10.5px var(--mono);color:var(--moss)}.res .rate.neg{color:#f0a19f}.res.full .val{color:var(--gold)}.res .tip{display:none;position:absolute;top:44px;left:0;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;white-space:nowrap;font-size:12px;color:var(--muted);z-index:5;box-shadow:var(--shadow)}.res:hover .tip{display:block}.stat{display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:8px;cursor:pointer}.stat:hover{background:#ffffff0a}.stat .val{font:600 14px var(--mono)}.stat .sub{font-size:10.5px;color:var(--dim)}.stat.good .ic{color:var(--moss)}.stat.warn .ic{color:var(--gold)}.stat.bad .ic{color:var(--blood)}.topbar .spacer{flex:1}.topbar .season{text-align:right;line-height:1.15}.topbar .season .day{font:600 14px var(--serif);font-size:17px}.topbar .season .clock{font:500 11px var(--mono);color:var(--dim)}.topbar .who{text-align:right;line-height:1.15;padding-left:12px;margin-left:6px;border-left:1px solid var(--line2)}.topbar .who .n{font-weight:600}.topbar .who .c{font-size:11px;color:var(--dim)}.conn{width:8px;height:8px;border-radius:50%;background:var(--blood);box-shadow:0 0 6px var(--blood)}.conn.on{background:var(--moss);box-shadow:0 0 6px var(--moss)}.dock{position:absolute;left:12px;right:12px;top:66px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;z-index:20;pointer-events:none}.dock>*{pointer-events:auto}.dock .btn{height:40px;padding:0 12px 0 10px;gap:8px;font-size:12.5px;font-weight:600;background:#17141ceb}.dock .btn.active{border-color:var(--ember);box-shadow:inset 0 0 0 1px #e07a3a66;color:var(--ember2)}.dock .btn .key{font:500 10px var(--mono);color:var(--dim);margin-left:2px}.dock .sep{width:1px;height:26px;background:var(--line2);margin:0 4px}.side{position:absolute;right:12px;top:118px;width:300px;max-height:calc(100vh - 150px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.side h3{margin:0;padding:10px 14px;font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center}.side h3 .sub{font:500 11px var(--mono);color:var(--dim);text-transform:none;letter-spacing:0}.qitem{padding:10px 14px;border-bottom:1px solid var(--line2);display:grid;gap:6px}.qitem:last-child{border-bottom:0}.qitem .row{display:flex;align-items:center;gap:8px}.qitem .name{flex:1;font-weight:600}.qitem .lvl{font:500 11px var(--mono);color:var(--gold)}.qitem .time{font:500 12px var(--mono);color:var(--muted)}.qitem .wait{font-size:11.5px;color:var(--dim)}.bar{height:6px;border-radius:4px;background:#2a2433;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,var(--ember),var(--gold));border-radius:4px;transition:width .25s linear}.side .empty{padding:14px;color:var(--dim);font-size:13px}.side .cancel{color:var(--dim);background:none;border:0;cursor:pointer;padding:2px;border-radius:4px}.side .cancel:hover{color:var(--blood);background:#ffffff0d}.window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:560px;max-width:94vw;max-height:86vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:0}.window.wide{width:720px}.window .head{display:flex;align-items:center;gap:12px;padding:14px 18px 10px;border-bottom:1px solid var(--line2);position:sticky;top:0;background:var(--panel)}.window .head h2{margin:0;font:500 26px/1.1 var(--serif);flex:1}.window .head .lvl{font:600 12px var(--mono);color:var(--gold);letter-spacing:.06em}.window .body{padding:14px 18px 18px}.window p.desc{color:var(--muted);margin:0 0 12px}.window .x{background:none;border:0;color:var(--dim);cursor:pointer;padding:6px;border-radius:6px}.window .x:hover{color:var(--text);background:#ffffff0f}.effects{display:grid;grid-template-columns:1fr auto auto;gap:4px 12px;font-size:13px;margin-bottom:12px}.effects .h{color:var(--dim);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.effects .k{color:var(--muted)}.effects .v{font-family:var(--mono);text-align:right}.effects .n{font-family:var(--mono);text-align:right;color:var(--moss)}.costs{display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0 12px}.cost{display:flex;align-items:center;gap:6px;font:500 13px var(--mono)}.cost.no{color:#f0a19f}.cost .ic{color:var(--gold)}.window .actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.window .note{font-size:12.5px;color:var(--dim)}.window .req{color:#f0a19f;font-size:13px;margin:6px 0 10px}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px}.kv dt{color:var(--dim)}.kv dd{margin:0;font-family:var(--mono)}.slider{width:100%;accent-color:var(--ember)}.factors{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:13px}.factors .v{font-family:var(--mono);text-align:right}.factors .v.neg{color:#f0a19f}.factors .v.pos{color:var(--moss)}.window table{width:100%;border-collapse:collapse;font-size:13px}.window th,.window td{padding:6px 8px;border-bottom:1px solid var(--line2);text-align:left}.window th{color:var(--gold);font-weight:600;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase}.window td.num{font-family:var(--mono);text-align:right}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font:500 11px var(--mono);border:1px solid var(--line);color:var(--muted)}.pill.good{color:var(--moss);border-color:#3f5a33}.pill.bad{color:#f0a19f;border-color:#6b2f2e}.pill.gold{color:var(--gold);border-color:#6b5a3a}.statusbar{position:absolute;left:12px;bottom:10px;display:flex;gap:10px;align-items:center;font:500 11.5px var(--mono);color:var(--dim)}.statusbar .banner{color:#f0a19f}.hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);font-size:12px;color:var(--dim);background:#0f0d12b3;padding:5px 10px;border-radius:6px}.toasts{position:absolute;right:12px;bottom:14px;display:grid;gap:8px;width:320px}.toast{display:flex;gap:10px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:10px;padding:10px 12px;box-shadow:var(--shadow);font-size:13px;animation:fly .35s ease-out}.toast .ic{color:var(--gold);margin-top:1px}.toast.good{border-left-color:var(--moss)}.toast.good .ic{color:var(--moss)}.toast.warn{border-left-color:var(--gold)}.toast.danger{border-left-color:var(--blood)}.toast.danger .ic{color:var(--blood)}.toast.info{border-left-color:var(--mist)}.toast.info .ic{color:var(--mist)}.toast .t{flex:1}.toast .x{background:none;border:0;color:var(--dim);cursor:pointer;padding:0 2px}@keyframes fly{0%{opacity:0;transform:translate(30px,10px) rotate(2deg)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.toast{animation:none}.bar>i{transition:none}}.loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font:500 14px var(--mono);letter-spacing:.1em}.loading .big{font:400 42px var(--serif);color:var(--text);letter-spacing:.02em;margin-bottom:10px}.minimap{position:absolute;left:12px;bottom:34px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:var(--shadow)}.minimap canvas{display:block;width:192px;height:160px;image-rendering:pixelated;border-radius:6px;cursor:crosshair}.tabs{display:flex;gap:4px;padding:8px 18px 0;border-bottom:1px solid var(--line2)}.tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:8px 12px;cursor:pointer;font-weight:600}.tab:hover{color:var(--text)}.tab.active{color:var(--ember2);border-bottom-color:var(--ember)}.row-inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.row-inline input[type=number],.field input[type=number]{background:#100d14;border:1px solid var(--line);border-radius:8px;padding:6px 8px;color:var(--text);font-family:var(--mono)}.unit-pick{display:grid;gap:10px;max-height:60vh;overflow:auto;padding-right:4px}.unit-group-title{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;display:flex;gap:6px;align-items:center}.unit-btn{display:flex;justify-content:space-between;width:100%;background:var(--panel2);border:1px solid var(--line2);border-radius:8px;padding:7px 10px;cursor:pointer;color:var(--text);margin-bottom:4px;text-align:left}.unit-btn:hover{border-color:var(--gold)}.unit-btn.active{border-color:var(--ember);box-shadow:inset 0 0 0 1px #e07a3a66}.unit-btn.locked{opacity:.45}.small{font-size:11.5px;color:var(--dim)}.cmd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cmd{background:var(--panel2);border:1px solid var(--line2);border-radius:12px;padding:12px 14px}.cmd.locked{opacity:.55}.cmd-head{display:flex;gap:10px;align-items:center;margin-bottom:8px}.cmd-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#100d14;border:1px solid var(--line);color:var(--gold)}.cmd-name{font:600 17px var(--serif)}.cmd-title{font-size:11.5px;color:var(--dim)}.cmd-stats{display:flex;gap:12px;align-items:center;font-size:12.5px;color:var(--muted);margin:6px 0;flex-wrap:wrap}.cmd-stats b{color:var(--text)}.stars{color:var(--gold);letter-spacing:1px}.stars .dim{color:#3a3144}.cmd-points{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin:6px 0}.cmd-story{font-size:12.5px;color:var(--muted);font-style:italic;margin:6px 0}.skills{list-style:none;padding:0;margin:4px 0 0;font-size:12.5px;color:var(--muted)}.skills li{padding:3px 0}.skills b{color:var(--text)}.report-list{display:grid;gap:6px}.report-item{display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;background:var(--panel2);border:1px solid var(--line2);border-left:3px solid var(--gold);border-radius:8px;padding:8px 12px;cursor:pointer;color:var(--text)}.report-item:hover{border-color:var(--gold)}.report-item.good{border-left-color:var(--moss)}.report-item.bad{border-left-color:var(--blood)}.ri-title{font-weight:600}.ri-when{font:500 11px var(--mono);color:var(--dim);grid-row:span 2;align-self:center}.ri-sum{font-size:12px;color:var(--muted)}.qitem.march{cursor:pointer}.qitem.march:hover{background:#ffffff08}.qitem.march .ic{color:var(--gold)}.qitem.march.enemy .ic{color:var(--blood)}.qitem.march.enemy .name{color:#f0a19f}.dock .btn.badge{position:relative}.dock .btn.badge:after{content:attr(data-badge);position:absolute;top:-6px;right:-6px;background:var(--blood);color:#fff;font:700 10px var(--mono);padding:2px 6px;border-radius:999px}.battle-head{position:absolute;left:12px;right:340px;top:66px;display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 14px;box-shadow:var(--shadow)}.bh-title{font:600 20px var(--serif)}.bh-title .dim{color:var(--dim);font-size:15px}.bh-sub{font-size:12px;color:var(--muted)}.bh-turn{margin-left:auto;display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:8px;border:1px solid var(--line2)}.bh-turn.mine{border-color:var(--ember);background:#e07a3a1a}.bh-turn.theirs{border-color:var(--blood);background:#c4524f14}.bh-turn .who{font-weight:700}.bh-turn .timer{font:700 18px var(--mono)}.bh-turn .unit{font-size:12px;color:var(--muted)}.battle-side{position:absolute;right:12px;top:66px;bottom:132px;width:316px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;box-shadow:var(--shadow)}.battle-side h3{margin:10px 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.bt{display:flex;justify-content:space-between;padding:4px 8px;border-radius:6px;font-size:13px;border-left:3px solid var(--ember);margin-bottom:3px;background:#ffffff05}.bt.enemy{border-left-color:var(--blood)}.bt.active{background:#e07a3a26}.blog{font-size:12px;color:var(--muted);line-height:1.45}.blog .round{color:var(--gold);margin-top:4px}.battle-actions{position:absolute;left:12px;right:340px;bottom:34px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px;display:grid;gap:8px;box-shadow:var(--shadow)}.btn.gold{border-color:#6b5a3a;color:var(--gold)}.btn.mist{border-color:#2f5a54;color:var(--mist)}.btn.mist.active{border-color:var(--mist);box-shadow:inset 0 0 0 1px #6cc2b466}.result{font:600 26px var(--serif)}.result.win{color:var(--moss)}.result.lose{color:#f0a19f}.battle-return{position:absolute;left:50%;top:70px;transform:translate(-50%);border-color:var(--blood)}.battle-return.pulse{animation:pulse 1.2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #c4524f80}50%{box-shadow:0 0 0 8px #c4524f00}}@media(prefers-reduced-motion:reduce){.battle-return.pulse{animation:none}}.proposal{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e07a3a14;border:1px solid var(--ember);border-radius:10px;padding:10px 14px;margin-bottom:10px}.treaty{background:var(--panel2);border:1px solid var(--line2);border-radius:10px;padding:8px 12px;margin-bottom:8px;font-size:13.5px}.treaty .note{margin-top:2px}.h4{margin:14px 0 6px;font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}tr.sel td{background:#e07a3a14}.tech-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.tech-col-title{font:600 13px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;display:flex;gap:6px;align-items:center}.tech{background:var(--panel2);border:1px solid var(--line2);border-radius:10px;padding:8px 10px;margin-bottom:6px}.tech.done{border-color:#3f5a33;opacity:.75}.tech.done .tech-head b:after{content:" \2713";color:var(--moss)}.tech.active{border-color:var(--ember)}.tech.locked{opacity:.55}.tech-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.tech-desc{font-size:12px;color:var(--muted);margin:3px 0 6px}.tech-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.tech-foot .costs{margin:0;gap:6px 10px;font-size:12px}.quest{background:var(--panel2);border:1px solid var(--line2);border-radius:10px;padding:8px 12px;margin-bottom:8px}.quest.done{border-color:var(--gold)}.quest.claimed{opacity:.6}.quest .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.quest .name{font-weight:600}.stack{display:flex;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--line);margin:10px 0}.stack div{display:flex;align-items:center;justify-content:center;font:600 11.5px var(--sans);color:#0f0d12}td.num,th.num{white-space:nowrap}.events-strip{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:46vw}.event-chip{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0f0d12e6;border:1px solid var(--line);color:var(--text);font:500 12px var(--sans);cursor:pointer}.event-chip b{font:700 11.5px var(--mono);color:var(--gold)}.event-chip.danger{border-color:#7a3230;box-shadow:0 0 0 1px #c4524f59,0 0 18px #c4524f40}.event-chip.warn{border-color:#6b4f9a}.event-chip.good{border-color:#4f6b3a}.event{background:var(--panel2);border:1px solid var(--line2);border-radius:10px;padding:8px 12px;margin-bottom:8px}.event.danger{border-color:#7a3230}.event.warn{border-color:#6b4f9a}.event.good{border-color:#4f6b3a}.event .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.event .name{font-weight:600;display:inline-flex;align-items:center;gap:6px}.relic{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:#100d14;color:var(--text);font:500 12px var(--sans);cursor:pointer}.relic .tier{font:700 10px var(--mono);color:var(--muted)}.relic.t1{border-color:#5a5248}.relic.t2{border-color:#8a6b3a;color:#f0d58a}.relic.t3{border-color:#7a3fa0;color:#d9c6f0;box-shadow:0 0 10px #a58bd840}.relic.empty{border-style:dashed;color:var(--muted)}.relic-slots{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0;align-items:center}.relic-pick{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border:1px dashed var(--line);border-radius:8px;margin-bottom:6px}.treasury{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px 10px;border:1px solid var(--line2);border-radius:10px;background:var(--panel2);margin-bottom:10px}.wonder{background:var(--panel2);border:1px solid var(--line2);border-radius:10px;padding:8px 12px;margin-bottom:8px}.wonder .row{display:flex;justify-content:space-between;align-items:center}.wonder .name{font-weight:600}.wonder .stages{display:flex;gap:4px;margin:6px 0}.wonder .stages i{flex:1;height:10px;border-radius:3px;background:#241f2b;border:1px solid var(--line)}.wonder .stages i.on{background:linear-gradient(180deg,#f0d58a,#c9962e);border-color:#f0d58a;box-shadow:0 0 8px #f0d58a80}.bar.thin{height:4px}.chronicle-page{padding:4px 0}.chron-title{font:600 26px var(--serif);margin:0 0 6px;color:var(--gold)}.chron-text{font:400 15px var(--serif);color:var(--text);margin:0 0 12px}.dim{opacity:.55}.hint-card{position:fixed;left:50%;bottom:44px;transform:translate(-50%);width:360px;background:#0f0d12f0;border:1px solid var(--line);border-radius:12px;padding:10px 14px 12px;z-index:25;box-shadow:0 10px 30px #00000073}.hint-card .hint-head{display:flex;align-items:center;gap:8px;font:600 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.hint-card .hint-head .key{margin-left:auto}.hint-card .hint-head .x{background:none;border:0;color:var(--muted);cursor:pointer;padding:2px}.hint-card b{display:block;font:600 16px var(--serif);margin:2px 0 4px}.hint-card p{margin:0 0 8px;font-size:12.5px;color:var(--muted);line-height:1.4}.code-big{font:700 22px var(--mono);letter-spacing:.2em;color:var(--gold);background:#100d14;border:1px solid var(--line);border-radius:8px;padding:4px 10px}.pick-screen{position:fixed;inset:0;z-index:50;background:radial-gradient(ellipse at 50% 30%,#241f2b,#0f0d12 70%);display:grid;place-items:center;padding:24px;overflow:auto}.pick-box{width:min(1180px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 22px 20px;box-shadow:var(--shadow)}.pick-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:14px}.pick-head h2{margin:0 0 4px;font:600 28px var(--serif)}.pick-head p{margin:0;color:var(--muted);max-width:720px}.pick-head .pill{margin-left:auto}.pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px}.pick-card{text-align:left;background:var(--panel2);border:1px solid var(--line2);border-radius:12px;padding:12px 14px;color:var(--text);cursor:pointer;font:inherit}.pick-card:hover{border-color:var(--gold)}.pick-card.on{border-color:var(--ember);box-shadow:inset 0 0 0 1px #e07a3a80,0 0 18px #e07a3a33}.pick-card .skills{margin:6px 0 0}.branches{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:6px 0}.branch-pick{display:inline-flex;gap:6px;flex-wrap:wrap;align-items:center}#game canvas.city3d{position:absolute;inset:0;width:100%;height:100%}.city-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.city-label{position:absolute;left:0;top:0;pointer-events:auto;cursor:pointer;text-align:center;font:600 13px var(--sans);color:var(--text);text-shadow:0 1px 3px #000,0 0 8px #000;white-space:nowrap;transition:opacity .2s}.city-label b{display:block;font-weight:600}.city-label span{font:500 10.5px var(--mono);color:var(--muted)}.city-label.dim{opacity:.55}.city-label.hover b{color:var(--ember2)}.city-title{position:absolute;left:0;top:0;font:600 34px var(--serif);color:#f3ead9;text-shadow:0 2px 6px #000,0 0 18px rgba(0,0,0,.8);white-space:nowrap;pointer-events:none}