:root{--bg:#12151c;--panel:#1b2029;--panel-2:#252b37;--line:#333b4a;--text:#e9e6dd;--muted:#9aa1ad;--accent:#e0a92e;--accent-text:#1c1505;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.4}h1{margin:0 0 8px;font-size:26px}h1.title{letter-spacing:1px;color:var(--accent);font-size:40px}h3{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:18px 0 8px;font-size:12px}.muted{color:var(--muted)}.small{font-size:13px}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:9px 14px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;padding:8px 10px}.row{flex-wrap:wrap;gap:8px;display:flex}.row>button{flex:1}.dot{border:2px solid #ffffff40;border-radius:50%;flex:none;width:16px;height:16px;display:inline-block}.dot.large{width:44px;height:44px}.center-screen{justify-content:center;align-items:center;min-height:100%;padding:16px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:440px;padding:26px}.card.handover{text-align:center}.card.handover .primary{min-width:160px;margin-top:10px}.menu{flex-direction:column;gap:10px;margin-top:20px;display:flex}.choice{min-width:56px}.choice.wide{flex-direction:column;align-items:center;gap:2px;display:flex}.choice.selected,.unit-row.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.name-row{align-items:center;gap:10px;margin-top:8px;display:flex}.seed-row{flex-direction:column;gap:6px;margin:16px 0;display:flex}.notice{background:#3a2a14;border:1px solid #7a5a1e;border-radius:8px;margin:14px 0;padding:10px 12px}.toast{background:#3a2a14;border:1px solid #7a5a1e;border-radius:8px;max-width:calc(100% - 32px);padding:10px 14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.game{height:100%;position:relative;overflow:hidden}.map-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.turn-banner{align-items:center;gap:12px;display:flex}.turn-name{font-size:18px;font-weight:600}.unit-list{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.unit-row{text-align:left;justify-content:space-between;gap:8px;width:100%;display:flex}.panel .secondary{width:100%}.stats,.y-food{color:#c5f59a}.y-prod{color:#ffb877}.y-gold{color:#ffe27a}.panel-title{justify-content:space-between;align-items:flex-start;margin-top:16px;display:flex}button.icon{padding:2px 8px;line-height:1.4}button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.choice.small{min-width:0;padding:6px 8px;font-size:13px}.panel section .secondary+.secondary,.panel .row+.secondary,.panel .small+.secondary{margin-top:6px}.queue-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;display:flex}.blocker{color:#e8a25a}.report{margin:0;padding-left:18px}.dot{border-color:#fff9}.research-button{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:10px;font-size:13px;display:flex}.overlay{z-index:10;background:var(--bg);padding:20px 24px 32px;position:fixed;inset:0;overflow:auto}.overlay-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;display:flex}.notice.attack{background:#3a1a17;border-color:#8a3a32;flex-direction:column;gap:8px;display:flex}.notice .row{margin-top:8px}button.mini{flex:none;padding:3px 8px;font-size:12px}.dot.small{vertical-align:baseline;border-width:1px;width:10px;height:10px}.queue-buttons{flex:none;gap:4px;display:flex}.notice .mini{margin-left:8px}.card.wide{max-width:980px}.seats{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:14px;margin-top:12px;display:grid}.seat{background:var(--bg);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.seat .name-row{margin-top:0}.seat .row .choice.small{flex:80px}.nation-text{flex-direction:column;gap:2px;display:flex}.plus{color:#c5f59a}.government{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-top:8px;padding:7px 10px;display:flex}.modal{z-index:20;background:#080a10c7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.scores{border-collapse:collapse;text-align:left;width:100%;margin:18px 0}.scores th,.scores td{border-bottom:1px solid var(--line);padding:6px 8px}.scores th{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:12px}.game{--hud:#131a28f2;--hud-line:#8c7440;--topbar-height:44px}.panel{background:var(--hud);border:1px solid var(--hud-line);border-radius:10px;padding:12px;box-shadow:0 6px 20px #00000073}.panel .panel-title{margin-top:0;margin-bottom:8px}.topbar{height:var(--topbar-height);border-bottom:2px solid var(--hud-line);z-index:3;background:linear-gradient(#1c2740,#121a2b);justify-content:space-between;align-items:center;gap:12px;padding:0 10px;display:flex;position:absolute;top:0;left:0;right:0}.chips,.topbar-right{white-space:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.chip{background:#080c168c;border:1px solid #2c3852;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:14px;display:inline-flex}.y-science{color:#8fd0ff}.y-culture{color:#dba6ff}.topbar .turn-name{font-size:16px}.menu-drop{top:calc(var(--topbar-height) + 8px);z-index:4;flex-direction:column;gap:6px;width:260px;display:flex;position:absolute;right:10px}.hud-left{top:calc(var(--topbar-height) + 10px);width:300px;max-height:calc(100% - var(--topbar-height) - 220px);pointer-events:none;z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;left:10px}.hud-left>*{pointer-events:auto}.round-buttons{gap:6px;display:flex}button.round{background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;width:46px;padding:0;display:flex;position:relative}.round-icon{border:2px solid var(--hud-line);background:radial-gradient(circle at 35% 30%,#34466b,#17203a);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;box-shadow:0 3px 8px #00000080}button.round:hover .round-icon,button.round.selected .round-icon{border-color:var(--accent)}button.round.selected{box-shadow:none}button.round.alert:after{content:"!";color:#fff;background:#e0552e;border-radius:50%;width:16px;height:16px;font-size:12px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-2px}.round-label{color:var(--text);text-shadow:0 1px 2px #000,0 0 4px #000;font-size:10px}.tracker{flex-direction:column;gap:6px;width:260px;display:flex}button.track{text-align:left;background:var(--hud);border-color:var(--hud-line);align-items:center;gap:10px;padding:8px 10px;display:flex;box-shadow:0 4px 12px #0006}.track-icon{font-size:22px}.track-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.track-name{font-weight:600}.bar{background:#0b0f18;border-radius:3px;height:6px;display:block;overflow:hidden}.bar-fill{height:100%;display:block}.bar-fill.science{background:#4aa8e8}.bar-fill.culture{background:#b06be0}.panel.drop{overflow-y:auto}.hud-minimap{z-index:2;padding:6px;line-height:0;position:absolute;bottom:10px;left:10px}.minimap{image-rendering:pixelated;cursor:pointer;border-radius:4px}.hud-toast{top:calc(var(--topbar-height) + 10px);z-index:2;max-width:min(520px,100% - 720px);margin:0;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000073}.hud-right{top:calc(var(--topbar-height) + 10px);width:300px;max-height:calc(100% - var(--topbar-height) - 245px);z-index:2;flex-direction:column;gap:8px;display:flex;position:absolute;right:10px;overflow-y:auto}.hud-right.with-city{width:350px;max-height:none;bottom:225px}.city-panel{height:100%;overflow-y:auto}.city-view{flex-direction:column;gap:6px;height:100%;display:flex}.city-view>.notice{flex:none;margin:0}.note{text-align:left;background:var(--hud);border:1px solid var(--hud-line);border-left:4px solid var(--accent);border-radius:8px;flex-direction:column;align-items:stretch;gap:4px;padding:10px 12px;display:flex;box-shadow:0 4px 12px #0006}.note .panel-title{align-items:center;margin:0}.hud-bottom{z-index:2;pointer-events:none;align-items:flex-end;gap:10px;max-width:calc(100% - 270px);display:flex;position:absolute;bottom:10px;right:10px}.hud-bottom>*{pointer-events:auto}.panel.selection{flex-direction:column;gap:8px;width:440px;max-width:100%;display:flex}.panel.selection .notice{margin:0}.look-unit{--hud:linear-gradient(165deg, #4a1e1cf5, #1e141af5 70%);--hud-line:#a2554a}.look-city{--hud:linear-gradient(165deg, #4c3a1ef5, #221c16f5 70%);--hud-line:#c19a4f}.look-build{--hud:linear-gradient(165deg, #1e402ef5, #12201cf5 70%);--hud-line:#5f9a6e}.unit-head{align-items:center;gap:12px;display:flex}.portrait{border:2px solid var(--hud-line);background:radial-gradient(circle at 50% 35%,#3b507a,#141c30);border-radius:50%;flex:none;justify-content:center;align-items:center;width:84px;height:96px;display:flex}.unit-stats{flex-wrap:wrap;gap:4px 14px;margin-top:2px;display:flex}.commands{flex-wrap:wrap;gap:6px;display:flex}.commands button{padding:7px 12px}.tile-info{border-top:1px solid var(--line);padding-top:8px;font-size:14px}.tile-info:first-child{border-top:none;padding-top:0}.action{text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;width:150px;display:flex}button.action-button{width:124px;height:124px;color:var(--accent-text);background:radial-gradient(circle at 35% 30%,#ffd978,#c98f1c);border:4px solid #6e5320;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px;font-weight:700;line-height:1.15;display:flex;box-shadow:0 6px 18px #0000008c,inset 0 0 0 2px #ffffff40}button.action-button:hover{filter:brightness(1.08)}.action-icon{font-size:28px}.action-hint{background:var(--hud);border-radius:8px;padding:2px 8px}.action .mini{background:var(--hud)}.card.help{max-width:560px}.card.help ol{flex-direction:column;gap:8px;padding-left:20px;display:flex}@media (width<=1100px){.chip-label{display:none}.hud-toast{max-width:calc(100% - 20px);top:auto;bottom:170px}}@media (width<=720px){.hud-minimap,.tracker{display:none}.hud-right,.hud-right.with-city{width:min(350px,100% - 20px)}.hud-bottom{max-width:calc(100% - 20px)}}.leader{image-rendering:pixelated;vertical-align:middle;border:3px solid;border-radius:50%;flex:none;box-shadow:0 2px 6px #00000080}.topbar .leader{border-width:2px}.leader-card{align-items:flex-start;gap:12px;display:flex}.quote{margin:10px 0;font-style:italic}.grow{flex:1;min-width:0}select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:6px;max-width:130px;padding:4px 6px;font-size:13px}.online-grid{grid-template-columns:3fr 2fr;gap:24px;display:grid}@media (width<=760px){.online-grid{grid-template-columns:1fr}}.code{letter-spacing:2px;color:var(--accent);-webkit-user-select:all;user-select:all;font-family:ui-monospace,Consolas,monospace}button.action-button.waiting{color:#c9d2e3;opacity:1;background:radial-gradient(circle at 35% 30%,#4a5368,#262c3a);border-color:#1b2030;font-size:13px}.game.mobile{--m-top:46px;--m-safe-top:env(safe-area-inset-top,0px);--m-safe-bottom:env(safe-area-inset-bottom,0px);font-size:14px}.m-top{height:calc(var(--m-top) + var(--m-safe-top));padding:var(--m-safe-top) 6px 0;border-bottom:2px solid var(--hud-line);z-index:3;background:linear-gradient(#1c2740,#121a2b);align-items:center;gap:4px;display:flex;position:absolute;top:0;left:0;right:0}.m-who,.m-stat{white-space:nowrap;background:#080c168c;border:1px solid #2c3852;border-radius:999px;flex:none;align-items:center;gap:3px;padding:3px 7px;font-size:13px;display:inline-flex}.m-who{padding:1px 8px 1px 1px}.m-who .leader{border-width:2px}.m-gap{flex:1}.m-icon{background:0 0;border:none;padding:4px 6px;font-size:18px;position:relative}button.m-icon.selected{box-shadow:none;filter:drop-shadow(0 0 4px var(--accent))}.m-badge{color:#fff;text-align:center;background:#e0552e;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:11px;font-weight:700;line-height:17px;position:absolute;top:-2px;right:-3px}.m-bottom{top:calc(var(--m-top) + var(--m-safe-top) + 6px);pointer-events:none;z-index:3;flex-direction:column;justify-content:flex-end;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.m-bottom>*{pointer-events:auto}.m-orbs{padding:0 10px calc(var(--m-safe-bottom) + 10px);pointer-events:none;flex:none;align-self:flex-end;align-items:flex-end;gap:10px;display:flex}.m-bottom>.m-orbs:not(:last-child){padding-bottom:0}.m-orbs>*{pointer-events:auto}.m-orb-stack{flex-direction:column;align-items:center;gap:10px;display:flex}button.m-orb{background:radial-gradient(circle at 38% 32%,#3a4766,#1b2233 75%);border:3px solid #5b4a26;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;font-size:22px;display:grid;position:relative;box-shadow:0 3px 10px #0009,inset 0 1px #ffffff1f}button.m-orb.selected{border-color:var(--accent);box-shadow:0 0 0 3px #e0a92e59,0 3px 10px #0009}button.m-orb.alert:after{content:"!";color:#fff;text-align:center;background:#e2483d;border-radius:50%;width:18px;height:18px;font-size:12px;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}button.m-orb.pressed{background:radial-gradient(circle at 50% 62%,#a8402c,#5c1a12 70%,#3a0f0a);border-color:#ffe7a3;width:56px;height:56px;font-size:26px;animation:.28s ease-out orb-to-corner;box-shadow:0 0 0 4px #e0a92e66,0 0 18px #f3d17a8c,inset 0 3px 8px #00000073}.m-orbs.corner{z-index:4;position:absolute;bottom:0;right:0}.m-bottom>.m-orbs.corner:not(:last-child){padding-bottom:calc(var(--m-safe-bottom) + 10px)}.m-bottom.with-pressed .bs-page,.m-bottom.with-pressed .m-sheet-body{padding-bottom:80px}button.m-orb.pressed.from-city{--from:translate(-88px, 0)}button.m-orb.pressed.from-news{--from:translate(-15px, -88px)}@keyframes orb-to-corner{0%{transform:var(--from)}}button.m-orb.next{border-color:var(--accent);width:78px;height:78px;color:var(--accent-text);background:radial-gradient(circle at 38% 32%,#f3d17a,#b9851f 75%);align-content:center;gap:1px}button.m-orb.next.done{color:#fff;background:radial-gradient(circle at 38% 32%,#8fd6a0,#2f7d48 75%);border-color:#bfe9c9}button.m-orb.next.waiting{color:var(--muted);background:radial-gradient(circle at 38% 32%,#4a5470,#252c3e 75%);border-color:#5b6478}.m-orb-icon{font-size:24px;line-height:1}.m-orb-label{text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:10px;font-weight:700;line-height:1.1;overflow:hidden}.m-sheet,.m-strip{max-height:52%;padding:0 12px calc(var(--m-safe-bottom) + 12px);background:var(--hud);border-top:1px solid var(--hud-line);z-index:3;border-radius:14px 14px 0 0;flex-direction:column;flex:none;display:flex;position:relative;box-shadow:0 -6px 20px #00000080}.m-strip{max-height:36%}.m-sheet.tall,.m-strip.tall{max-height:100%}.m-sheet.city{height:50%}.m-sheet.city.tall{height:calc(100% - 40px)}.m-sheet.with-tabs{margin-top:40px}.m-sheet-fill{flex:1;min-height:0}.m-sheet .panel-title{flex:none;align-items:center;margin:0 0 6px}button.m-handle{background:0 0;border:none;flex:none;align-self:center;width:64px;height:20px;padding:0;position:relative}.m-handle:before{content:"";background:#5b6478;border-radius:2px;height:4px;position:absolute;top:8px;left:14px;right:14px}.m-sheet-body{min-height:0;overflow-y:auto}.m-tabs{flex:none;gap:6px;margin-bottom:8px;display:flex}.m-tabs button{flex:1;padding:7px 4px;font-size:13px}.m-tabs button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.m-toast{top:calc(var(--m-top) + var(--m-safe-top) + 8px);z-index:5;margin:0;position:absolute;left:8px;right:8px;box-shadow:0 6px 20px #00000073}.m-minimap{top:calc(var(--m-top) + var(--m-safe-top) + 8px);z-index:2;padding:6px;line-height:0;position:absolute;right:8px}.m-minimap .minimap{max-width:60vw;height:auto}.m-menu{flex-direction:column;gap:6px;display:flex}.game.mobile .unit-head{gap:8px}.game.mobile .portrait{width:52px;height:60px}.game.mobile .portrait canvas{object-fit:contain;max-width:100%;max-height:100%}.game.mobile .commands{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.game.mobile .commands button{flex:none;padding:7px 10px;font-size:13px}.game.mobile .notice.attack{margin:0 0 8px}.game.mobile .tracker{width:auto}.game.mobile .tile-info{font-size:13px}.research-mobile{padding:12px 10px 24px}.research-mobile .overlay-head{align-items:center}@media (width<=720px){.card{padding:16px}.center-screen{align-items:flex-start;padding:10px}.seats{grid-template-columns:1fr}.seat .row .choice.small{flex:30%}.leader-card .leader{width:64px!important;height:64px!important}.panel-title{flex-wrap:wrap;gap:8px}h1{font-size:22px}h1.title{font-size:32px}}.thumb{flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.thumb img{object-fit:contain;filter:drop-shadow(0 1px 1px #0009);max-width:100%;max-height:100%}.thumb-emoji{line-height:1}.thumb-badge{border:1px solid var(--accent);color:#ffe27a;background:#0f1219e6;border-radius:6px;padding:0 3px;font-size:9px;font-weight:700;line-height:12px;position:absolute;bottom:-3px;right:-4px}.map-marks{pointer-events:none}.map-anchor{z-index:1;width:0;height:0;position:absolute}.quick-button{transform:translate(calc(var(--dx) - 50%), calc(var(--dy) - 20px));background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;animation:.36s cubic-bezier(.3,1.6,.5,1) both quick-plop;display:flex;position:absolute;top:0;left:0}.quick-circle{border:3px solid var(--accent);background:radial-gradient(circle at 38% 32%,#fbf3dc,#d9c497 70%,#b9a170);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .12s;display:flex;box-shadow:0 3px 8px #0000008c,inset 0 -2px 4px #00000040}.quick-button:hover .quick-circle,.quick-button.chosen .quick-circle{border-color:#ffe27a;transform:scale(1.1)}.quick-button.chosen .quick-circle{box-shadow:0 0 0 3px #ffe27a80,0 3px 8px #0000008c}.quick-button.blocked .quick-circle{filter:grayscale()brightness(.7);border-color:#6b6f78}.quick-label{white-space:nowrap;background:#0f1219e0;border-radius:6px;padding:0 6px;font-size:11px;font-weight:600}.quick-button.blocked .quick-label{color:var(--muted)}@keyframes quick-plop{0%{opacity:0;transform:translate(-50%,-20px)scale(.2)}60%{opacity:1}to{transform:translate(calc(var(--dx) - 50%), calc(var(--dy) - 20px)) scale(1)}}.quick-ask{background:var(--hud,var(--panel));border:1px solid var(--accent);text-align:center;border-radius:10px;width:max-content;max-width:240px;padding:10px 12px;font-size:13px;animation:.22s cubic-bezier(.3,1.5,.5,1) both quick-ask-pop;position:absolute;bottom:104px;left:0;transform:translate(-50%);box-shadow:0 6px 18px #0009}.quick-ask .row{justify-content:center;margin-top:8px}.quick-ask button{padding:6px 16px}@keyframes quick-ask-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.quick-button,.quick-ask,button.m-orb.pressed{animation:none}}.research{--sci-band:linear-gradient(165deg, #1b3f70 0%, #12294b 55%, #0d1f3a 100%);--sci-rim:#3a6fb0;--sci-text:#a9d1ff;--sci-plate:radial-gradient(circle at 40% 35%, #2d5a92, #102644 75%);--cul-band:linear-gradient(165deg, #46226e 0%, #301650 55%, #220f3b 100%);--cul-rim:#8150bd;--cul-text:#e1b8ff;--cul-plate:radial-gradient(circle at 40% 35%, #5d3390, #26113f 75%);--card:linear-gradient(180deg, #fbf3dc 0%, #ead9b0 100%);--card-ink:#2b2115;--card-rim:#b39a68;--card-done:linear-gradient(180deg, #e6f4d6 0%, #c3dea6 100%);--card-done-rim:#4f8a3b;--plate:var(--sci-plate);flex-direction:column;padding-bottom:0;display:flex}.research.culture{--plate:var(--cul-plate)}.rt-tabs{gap:10px;margin:6px 0 12px;display:flex}.rt-tab{border:2px solid var(--line);background:var(--panel-2);border-radius:10px;flex-direction:column;align-items:flex-start;gap:1px;min-width:180px;padding:8px 16px;font-size:17px;font-weight:700;display:flex}.rt-tab .small{color:var(--muted);font-weight:400}.rt-tab.science.selected{border-color:var(--sci-rim);color:var(--sci-text);background:linear-gradient(165deg,#1b3f70,#12294b)}.rt-tab.culture.selected{border-color:var(--cul-rim);color:var(--cul-text);background:linear-gradient(165deg,#46226e,#301650)}.rt-scroll{flex:1;padding-bottom:12px;overflow-x:auto}.rt-band{border-radius:14px;min-width:min-content;padding:12px 16px 18px;box-shadow:inset 0 1px #ffffff14,0 4px 14px #00000059}.rt-band.science{background:var(--sci-band);border:1px solid var(--sci-rim)}.rt-band.culture{background:var(--cul-band);border:1px solid var(--cul-rim)}.rt-band-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;width:max-content;max-width:calc(100vw - 80px);margin-bottom:10px;font-size:14px;display:flex;position:sticky;left:16px}.rt-band-head h2{margin:0;font-size:22px}.rt-graph{isolation:isolate;gap:10px;display:grid;position:relative}.rt-grid{grid-template-rows:repeat(4,auto);gap:12px 30px;display:grid}.rt-links{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.rt-links path{fill:none;stroke:#fff6;stroke-width:2.5px}.rt-links path.either{stroke-dasharray:6 5}.rt-card{z-index:2;text-align:left;min-width:0;color:var(--card-ink);background:var(--card);border:1.5px solid var(--card-rim);border-radius:10px;flex-direction:column;align-self:center;gap:5px;padding:8px 10px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 2px 6px #00000073}.rt-card:hover:not(:disabled){border-color:#ffd24a;transform:translateY(-1px)}.rt-card.key{background:linear-gradient(#fff6d6 0%,#f0d98f 100%);border:2px solid #b8892b;box-shadow:0 0 0 3px #b8892b59,0 2px 6px #00000073}.rt-key-label{text-transform:uppercase;letter-spacing:1px;color:#8a5a00;font-size:10px;font-weight:700}.rt-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.rt-gets{text-transform:uppercase;letter-spacing:.8px;color:#7a6440;font-size:11px;font-weight:700}.rt-detail .rt-gets{color:var(--muted)}.rt-card.done{background:var(--card-done);border-color:var(--card-done-rim)}.rt-card.current{border:2px solid #ffc93a;box-shadow:0 0 0 3px #ffc93a66,0 2px 6px #00000073}.rt-card.locked{opacity:.82;filter:saturate(.6);box-shadow:none}.rt-card.chosen{outline-offset:1px;outline:3px solid #fff}.rt-name{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:16px;font-weight:700;line-height:1.2}.rt-pics{flex-wrap:wrap;gap:6px;display:flex}.rt-plate{background:var(--plate);border-radius:50%;padding:4px;display:inline-flex;box-shadow:inset 0 1px 2px #00000080,0 1px #ffffff80}.rt-plate.science{background:var(--sci-plate)}.rt-plate.culture{background:var(--cul-plate)}.rt-plate .thumb-badge{color:#fff3c4}.rt-line{flex:none;align-items:center;gap:6px;display:flex}.rt-cost{color:#8a5a00;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px;font-weight:700}.rt-quest{align-items:center;gap:4px;display:inline-flex}.rt-quest-count{color:#6b4b12;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.quest-ring{flex:none}.quest-track{fill:#2b21151f;stroke:#2b21154d;stroke-width:3px}.quest-fill{fill:none;stroke:#d18f00;stroke-width:3px;stroke-linecap:round}.quest-ring.done .quest-track{fill:#4f9a3b;stroke:#4f9a3b}.quest-ring.done .quest-fill{stroke:#3d7d2c}.quest-check{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.rt-detail .quest-track{fill:#ffffff14;stroke:#ffffff40}.rt-cross,.rt-any{color:#b4560f;font-size:12px;font-weight:600}.rt-any.met{color:#3d7a2a}.rt-progress{background:#2b211533;border-radius:3px;height:5px;overflow:hidden}.rt-progress span{background:#d18f00;height:100%;display:block}.rt-detail{padding:12px 24px calc(12px + env(safe-area-inset-bottom,0px));background:#131a28f7;border-top:1px solid #8c7440;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 -24px;display:flex;position:sticky;bottom:0}.rt-detail-pics{flex-wrap:wrap;gap:8px 12px;display:flex}.rt-detail-pic{text-align:center;max-width:100px;color:var(--muted);flex-direction:column;align-items:center;gap:3px;font-size:12px;display:flex}.rt-detail-text{flex:1;gap:3px;min-width:200px;display:grid}.rt-detail-name{font-size:17px;font-weight:700}.rt-detail-quest{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.rt-quest-done{color:#c5f59a}.rt-detail-act{align-items:center;gap:12px;display:flex}.rt-done{color:#c5f59a;font-weight:600}.research-mobile .rt-tabs{margin:4px 0 8px}.research-mobile .rt-tab{flex:1;min-width:0;padding:6px 10px;font-size:15px}.research-mobile .rt-band{width:auto;padding:8px 8px 12px}.research-mobile .rt-grid{gap:10px 24px}.research-mobile .rt-card{gap:8px;padding:6px 8px}.research-mobile .rt-name{font-size:15px}.research-mobile .rt-pics{gap:4px}.research-mobile .rt-plate{padding:3px}.research-mobile .rt-detail{margin:0 -10px;padding-left:12px;padding-right:12px}.research-mobile .rt-detail-pics{width:100%}.city-tabs{z-index:4;pointer-events:none;flex:none;justify-content:center;gap:14px;margin-bottom:-26px;display:flex;position:relative}.city-tab{pointer-events:auto;background:radial-gradient(circle at 38% 32%,#3a4766,#1b2233 75%);border:3px solid #5b4a26;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;font-size:24px;display:grid;position:relative;box-shadow:0 3px 8px #0000008c,inset 0 1px #ffffff1f}.city-tab.alert:after{content:"!";color:#fff;text-align:center;background:#e2483d;border-radius:50%;width:18px;height:18px;font-size:12px;font-weight:800;line-height:18px;position:absolute;top:-4px;right:-4px}.m-sheet.with-tabs .city-tabs{margin-top:-28px;margin-bottom:0}.m-sheet.with-tabs .m-handle{position:absolute;top:0;left:8px}.city-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.city-name{flex:1;min-width:0;font-size:19px;font-weight:700}.city-stat{white-space:nowrap;color:var(--muted);font-size:13px}.city-yields{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.city-yield{border:2px solid var(--line);background:var(--panel-2);border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:5px 2px 4px;font-size:16px;line-height:1.1;display:flex}.city-yield-icon{font-size:20px}.city-yield.food b{color:#c5f59a}.city-yield.production b{color:#ffb877}.city-yield.gold b{color:#ffe27a}.city-yield.science b{color:#8fc8ff}.city-yield.culture b{color:#e1b8ff}span.city-yield{background:0 0;border-style:dashed;border-color:#0000}button.city-yield:hover:not(:disabled){border-color:var(--accent)}.city-yield.focused{border-color:var(--accent);background:radial-gradient(circle at 50% 30%,#4a3a17,#2a2214);box-shadow:0 0 0 2px #e0a92e4d}.city-focus-note{text-align:center;color:var(--muted);margin:4px 0 10px}.city-bars{gap:6px;margin-bottom:10px;display:grid}.city-bar{align-items:center;gap:6px;display:flex}.city-bar-icon{text-align:center;width:22px;font-size:17px}.city-bar-track{font-variant-numeric:tabular-nums;background:#0f131c;border:1px solid #2c3445;border-radius:12px;flex:1;justify-content:space-between;align-items:center;gap:6px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:flex;position:relative;overflow:hidden}.city-bar-fill{border-radius:12px;position:absolute;top:0;bottom:0;left:0}.city-bar-text,.city-bar-extra{color:#fff;text-shadow:0 1px 2px #000c;white-space:nowrap;position:relative}.city-bar-extra{opacity:.92;font-weight:600}.city-bar-note{color:#c9cfdb;margin:-2px 0 0 28px}.city-bar.people .city-bar-fill{background:linear-gradient(#5d8fd6,#2f5d9e)}.city-bar.growth .city-bar-fill{background:linear-gradient(#6cc04a,#2f7a24)}.city-bar.borders .city-bar-fill{background:linear-gradient(#b77be0,#6d3c98)}.city-bar.production .city-bar-fill{background:linear-gradient(#d99a4e,#8a5420)}.mood-track{border-color:#3a4357}.mood-marker{background:#fff;border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 0 1px #000000b3}.mood-parts{margin:-4px 0 10px 28px;line-height:1.35}.city-build{background:#8a542026;border:1px solid #d99a4e59;border-radius:10px;gap:6px;margin-bottom:10px;padding:8px;display:grid}.city-build-head{align-items:center;gap:8px;display:flex}.city-build-name{flex:1;min-width:0;font-weight:600}.city-build.empty{background:#e2483d1a;border-color:#e2483d99}.turn-check{top:calc(var(--topbar-height) + 12px);z-index:5;background:var(--hud);border:1px solid var(--accent);text-align:center;border-radius:12px;gap:10px;width:min(440px,100% - 20px);padding:12px 14px;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000008c}.game.mobile .turn-check{flex:none;align-self:center;position:relative;top:auto;left:auto;transform:none}.turn-check-text{text-align:left;align-items:center;gap:10px;display:flex}.turn-check-icon{font-size:26px}.turn-check .mini{justify-self:center}label.check{cursor:pointer;align-items:center;gap:8px;margin:4px 0 14px;display:inline-flex}label.check input{width:18px;height:18px;accent-color:var(--accent)}button.report-link{font:inherit;text-align:left;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted #ffffff59;text-decoration:underline dotted #ffffff59}button.report-link:hover{color:var(--accent)}.menu-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:6px;font-size:11px;font-weight:700}button.setting{text-align:left;justify-content:space-between;align-items:center;gap:10px;display:flex}.switch{background:#3a4253;border-radius:10px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.switch:after{content:"";background:#cfd3db;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch.on{background:var(--accent)}.switch.on:after{background:#fff;transform:translate(16px)}button.icon.selected{border-color:var(--accent);box-shadow:0 0 0 2px #e0a92e59}.tile-yields{font-variant-numeric:tabular-nums;gap:10px;margin-left:10px;font-weight:700;display:inline-flex}.world-form h4{margin:12px 0 4px}.world-option{margin-bottom:8px}.world-option .row{margin:2px 0}.bs-now{border-bottom:1px solid var(--hud-line);flex-direction:column;flex:none;gap:6px;padding-bottom:8px;display:flex}.bs-queue{gap:8px;margin:0;padding:2px 0;list-style:none;display:flex;overflow-x:auto}.bs-queue li{flex:none;position:relative}button.bs-queue-drop{border-radius:50%;width:18px;height:18px;padding:0;font-size:10px;line-height:16px;position:absolute;top:-4px;right:-6px}.bs-pager{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;min-height:0;margin:0 -4px;overflow:hidden}.bs-track{width:300%;height:100%;transition:transform .25s ease-out;display:flex}.bs-track.dragging{transition:none}.bs-page{overscroll-behavior:contain;touch-action:pan-y;width:33.3333%;height:100%;padding:0 4px 12px;overflow-y:auto}.build-cards{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.build-card{border:1px solid var(--hud-line);background:#00000047;border-radius:12px;align-items:stretch;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000059}.build-card.blocked{border-color:var(--line);box-shadow:none}button.build-pick{text-align:left;background:0 0;border:none;border-radius:0;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 10px;display:flex}button.build-pick:disabled{opacity:.6}button.build-pick .grow{flex-direction:column;gap:1px;display:flex}.build-name{font-weight:700}.build-hint{color:var(--accent)}button.build-buy{border:none;border-left:1px solid var(--hud-line);white-space:nowrap;background:#e0a92e1f;border-radius:0;flex:none;padding:0 12px;font-size:13px}.build-pic{border:1px solid var(--line);background:radial-gradient(circle at 40% 35%,#3a4253,#20252f);border-radius:8px;flex:none;padding:3px}.ruler-button{color:inherit;box-shadow:none;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:2px 6px;display:inline-flex;position:relative}.ruler-level{flex-direction:column;gap:3px;font-size:12px;display:flex}.ruler-xp{background:var(--line);border-radius:2px;width:56px;height:4px;display:block;overflow:hidden}.ruler-xp>span{background:var(--accent);height:100%;display:block}.ruler-xp.wide{width:min(320px,100%);height:8px;margin:4px 0}.ruler-chip{position:relative}.ruler-head{align-items:center;gap:14px;display:flex}.ruler-head h1{margin:0 0 4px}.ruler-points{color:var(--accent);font-weight:700}.ruler-branches{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:12px;display:grid}.ruler-mobile .ruler-branches{grid-template-columns:1fr}.ruler-branch h2{margin:0 0 4px;font-size:17px}.ruler-tier{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:10px 0 4px;font-size:12px}.perk-card{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);text-align:left;border-radius:8px;margin-bottom:6px;padding:8px 10px;display:block}.perk-card>span{display:block}.perk-card.chosen{border-color:var(--accent);background:#2b2614}.perk-card.locked{opacity:.6}.perk-card.selected{box-shadow:0 0 0 2px var(--accent)}.perk-head{justify-content:space-between;gap:8px;font-weight:600;display:flex!important}.perk-text{margin-top:2px}.perk-state{margin-top:4px}.ruler-confirm{z-index:1;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding:10px 12px;display:flex;position:sticky;top:0}.ruler-sources{margin-top:16px}.ruler-sources summary{cursor:pointer}.ruler-traits{margin-top:12px}.ruler-traits h2{margin:0 0 4px;font-size:17px}.ruler-traits .leader-traits-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px;display:grid}.ruler-traits .leader-traits-list>.ruler-tier,.ruler-traits .leader-traits-list>div:not(.perk-card){grid-column:1/-1}.ruler-traits .leader-traits-list>div:not(.perk-card){grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px;display:grid}.ruler-traits .leader-traits-list>div:not(.perk-card)>.ruler-tier{grid-column:1/-1}.ruler-mobile .ruler-traits .leader-traits-list,.ruler-mobile .ruler-traits .leader-traits-list>div:not(.perk-card){grid-template-columns:1fr}.saved-game{align-items:stretch;gap:6px;display:flex}.saved-game .grow{flex:1;min-width:0}:root{--ink:#33240f;--ink-muted:#6f5a3b;--ink-line:#5c401e52;--wood:#4f321b;--wood-dark:#2d1c0e;--wood-light:#7c5331;--brass:#c9a24f;--paper:radial-gradient(ellipse at 28% 18%, #f8eed6 0%, #ecdcb4 55%, #dcc394 100%);--paper-old:radial-gradient(ellipse at 40% 30%, #eedcb2 0%, #d9bf8b 60%, #c4a46c 100%);--wood-grain:repeating-linear-gradient(92deg, #00000012 0 2px, transparent 2px 9px, #ffdca00a 9px 11px, transparent 11px 17px), linear-gradient(180deg, #5d3c21, #3b2513);--parchment-bg:var(--img-parchment,none) 0 0 / 420px repeat, var(--paper);--parchment-old-bg:var(--img-parchment-old,none) 0 0 / 600px repeat, var(--paper-old);--wood-bg:var(--img-wood,none) 0 0 / 360px repeat, var(--wood-grain)}.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.notice.m-toast,.hud-toast,.toast,.overlay.research .rt-detail{--text:var(--ink);--muted:var(--ink-muted);--line:var(--ink-line);--panel-2:#fff9e899;--bg:#fffcf2b3;color:var(--ink);background:var(--parchment-bg)}.panel,.note,.turn-check,.card,.quick-ask,.notice.m-toast,.hud-toast,.toast{border:6px solid var(--wood);border-image:var(--img-frame,none) 64 / 18px / 6px round;box-shadow:inset 0 0 0 1px #c9a24fbf,inset 0 0 18px #78501e40,0 8px 22px #0000008c}.has-frame .panel,.has-frame .note,.has-frame .turn-check,.has-frame .card,.has-frame .quick-ask,.has-frame .notice.m-toast,.has-frame .hud-toast,.has-frame .toast{box-shadow:0 8px 22px #0000008c}.note{border-left-width:6px}.m-sheet,.m-strip{border:none;border-top:6px solid var(--wood);border-image:var(--img-frame,none) 64 / 18px 18px 0 / 6px 0 0 round;box-shadow:inset 0 1px #c9a24fcc,0 -6px 20px #0000008c}.m-handle:before{background:var(--wood-light)}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .y-food,:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .city-yield.food b{color:#4b7a19}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .y-prod,:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .city-yield.production b{color:#a0521b}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .y-gold,:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .city-yield.gold b{color:#94680a}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .y-science,:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .city-yield.science b{color:#1f5c99}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .y-culture,:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .city-yield.culture b{color:#7a3ca6}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .blocker{color:#a3461a}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .notice{color:var(--ink);background:#c9963c2e;border:1px solid #b8862f}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .notice.attack{background:#aa321e1f;border-color:#a8402c}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) button:not(.primary,.m-orb,.city-tab,.quick-button,.rt-card,.build-pick,.build-buy,.m-handle){color:var(--ink);border-color:var(--ink-line)}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) button:hover:not(:disabled){border-color:#a5762a}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .unit-row.selected,:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .choice.selected,:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) button.selected{background:#c9a24f47;border-color:#a5762a;box-shadow:inset 0 0 0 1px #a5762a}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) select,:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) input{color:var(--ink)}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .city-yield.focused{background:radial-gradient(circle at 50% 30%,#f6dc94,#d9b25a);border-color:#a5762a}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .city-build{background:#a064281a;border-color:#8c5a2373}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .city-build.empty{background:#aa321e14;border-color:#a8402c99}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .city-bar-track{background:#3a2a18;border-color:#6b4a2a}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) .build-hint,:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) a{color:#8a5a00}:is(.panel,.note,.m-sheet,.m-strip,.turn-check,.card,.quick-ask,.overlay.research) button.primary{color:#f6e7c1;background:var(--wood-bg);border:1px solid var(--brass);text-shadow:0 1px 1px #0009;box-shadow:inset 0 1px #ffdc9640,0 2px 4px #00000059}.build-card{border:2px solid var(--wood-light);border-image:var(--img-frame-thin,none) 40 / 10px / 2px round;background:#fffaec8c;box-shadow:0 2px 5px #3c230a4d}.build-card.blocked{border-color:#7c533173}button.build-pick:not(:disabled):active{background:#c9a24f40}button.build-buy{color:#6b4a00;background:#c9a24f38;border-left:1px solid #7c533180}.build-pic{background:radial-gradient(circle at 40% 35%,#fff6df,#d9c294);border-color:#7c533180}.look-unit{--seal:#9c2b20;--seal-symbol:"⚔️";--seal-img:var(--img-seal-unit)}.look-city{--seal:#b4832c;--seal-symbol:"🏰";--seal-img:var(--img-seal-city)}.look-build{--seal:#3f7a3a;--seal-symbol:"🔨";--seal-img:var(--img-seal-build)}.look-tile{--seal:#5a6b3a;--seal-symbol:"🗺️";--seal-img:var(--img-seal-tile)}.look-news{--seal:#7a4f2a;--seal-symbol:"🔔";--seal-img:var(--img-seal-news)}.panel:is(.look-unit,.look-city,.look-build,.look-tile,.look-news){padding-top:26px;position:relative}:is(.look-unit,.look-city,.look-build,.look-tile,.look-news):before{content:var(--seal-symbol);z-index:5;background:radial-gradient(circle at 38% 32%, color-mix(in srgb, var(--seal) 55%, #fff), var(--seal) 55%, color-mix(in srgb, var(--seal) 60%, #000) 100%);width:42px;height:42px;box-shadow:0 0 0 3px color-mix(in srgb, var(--seal) 75%, #000), 0 3px 6px #0000008c, inset 0 -3px 6px #00000059;pointer-events:none;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:-20px;left:12px}.has-seal-unit .look-unit:before,.has-seal-city .look-city:before,.has-seal-build .look-build:before,.has-seal-tile .look-tile:before,.has-seal-news .look-news:before{content:"";background:var(--seal-img) center / contain no-repeat;width:48px;height:48px;box-shadow:none;top:-24px}.m-sheet.with-tabs .m-handle{left:auto;right:8px}.topbar,.m-top{background:var(--wood-bg);border-bottom:3px solid var(--brass);box-shadow:0 3px 10px #00000080,inset 0 -1px #00000080}.chip,.m-who,.m-stat{color:#f3e3bd;background:#140a0273;border:1px solid #c9a24f73;box-shadow:inset 0 1px 3px #0009}.topbar button.icon,.m-top .m-icon{color:#f3e3bd}.topbar button.icon{background:#140a0273;border-color:#c9a24f73}.round-icon,.city-tab,button.m-orb:not(.next,.pressed),.quick-circle{border:4px solid var(--wood);background:var(--img-ring,none) center / cover no-repeat, radial-gradient(circle at 40% 34%, #fff6df 0%, #ecd9ad 60%, #cdb07a 100%);box-shadow:inset 0 0 0 2px var(--wood-light), inset 0 -3px 6px #5a371459, 0 3px 8px #0000008c}.has-ring :is(.round-icon,.city-tab,button.m-orb:not(.next,.pressed),.quick-circle){border-color:#0000;box-shadow:0 3px 8px #0000008c}button.round.selected .round-icon,button.round:hover .round-icon,button.m-orb.selected:not(.next,.pressed){border-color:var(--brass);box-shadow:0 0 0 3px #c9a24f73,inset 0 -3px 6px #5a371459,0 3px 8px #0000008c}.city-tab.selected{border-color:var(--brass);background:var(--img-ring-pressed,none) center / cover no-repeat, radial-gradient(circle at 50% 60%, #f3d17a, #b9851f 75%);box-shadow:0 0 0 3px #c9a24f73,inset 0 3px 7px #502d0580,0 3px 8px #0000008c}button.m-orb.pressed{background:var(--img-ring-pressed,none) center / cover no-repeat, radial-gradient(circle at 50% 62%, #a8402c, #5c1a12 70%, #3a0f0a)}button.m-orb.next{background:var(--img-ring-big,none) center / cover no-repeat, radial-gradient(circle at 38% 32%, #f3d17a, #b9851f 75%)}.overlay.research{--text:var(--ink);--muted:var(--ink-muted);--line:var(--ink-line);--panel-2:#fff9e88c;color:var(--ink);background:var(--parchment-old-bg);box-shadow:inset 0 0 80px #5a370f73}.overlay.research .overlay-head h1{letter-spacing:1px;font-family:Georgia,Times New Roman,serif}.rt-tab{color:var(--ink);border:2px solid var(--ink-line)}.rt-tab.science.selected{color:#163f6b;background:#2f5f9429;border-color:#2f5f94}.rt-tab.culture.selected{color:#5a2a80;background:#7a4aa829;border-color:#7a4aa8}.rt-band.science,.rt-band.culture{border:3px solid var(--wood);border-image:var(--img-frame,none) 64 / 18px / 6px round;background:#fff8e459;box-shadow:inset 0 0 0 1px #c9a24fb3,0 4px 14px #3c230a59}.rt-band.science .rt-band-head h2{color:#163f6b}.rt-band.culture .rt-band-head h2{color:#5a2a80}.rt-band-head h2{align-items:center;gap:10px;font-family:Georgia,Times New Roman,serif;display:inline-flex}.rt-band-head h2:before{content:var(--seal-symbol);background:radial-gradient(circle at 38% 32%, color-mix(in srgb, var(--seal) 55%, #fff), var(--seal) 55%, color-mix(in srgb, var(--seal) 60%, #000) 100%);width:36px;height:36px;box-shadow:0 0 0 3px color-mix(in srgb, var(--seal) 75%, #000), 0 2px 5px #00000073;border-radius:50%;place-items:center;font-size:16px;display:grid}.rt-band.science{--seal:#2a5d96;--seal-symbol:"🔭";--seal-img:var(--img-seal-science)}.rt-band.culture{--seal:#6e3a9a;--seal-symbol:"🎭";--seal-img:var(--img-seal-culture)}.has-seal-science .rt-band.science .rt-band-head h2:before,.has-seal-culture .rt-band.culture .rt-band-head h2:before{content:"";background:var(--seal-img) center / contain no-repeat;width:42px;height:42px;box-shadow:none}.rt-band-head b{color:#a3461a}.rt-links path{stroke:#50371973}.rt-links path.reached{stroke:#b8862f}.rt-card{border:2px solid var(--wood-light);box-shadow:0 2px 6px #3c230a66}.rt-card.chosen{outline-color:#8a5a00}.overlay.research .rt-detail{border-top:6px solid var(--wood);box-shadow:inset 0 1px #c9a24fcc,0 -6px 18px #3c230a73}.center-screen{background:radial-gradient(ellipse at 50% 35%, #462d1400, #0a0602bf 80%), var(--wood-bg)}h1.title{color:#f6e2a6;text-shadow:0 2px 2px #000000b3;background:var(--img-title-sign,none) center / 100% 100% no-repeat, var(--wood-bg);border:3px solid var(--brass);width:fit-content;box-shadow:inset 0 0 0 2px var(--wood-dark), 0 4px 10px #00000080;border-radius:8px;margin:-6px auto 10px;padding:8px 28px 10px;font-family:Georgia,Times New Roman,serif;display:block}.has-title-sign h1.title{background:var(--img-title-sign) center / 100% 100% no-repeat;box-shadow:none;border:none;padding:18px 44px 22px}.card h1:not(.title),.card h2{font-family:Georgia,Times New Roman,serif}.m-strip:is(.look-unit,.look-tile),.m-sheet.look-news{padding-top:14px}.panel.city-panel{padding-top:36px}.panel.city-panel:before{width:30px;height:30px;font-size:14px;top:2px}.bs-now{border-bottom-color:var(--ink-line)}button.action-button{border:5px solid var(--wood);box-shadow:0 0 0 2px var(--brass), 0 6px 18px #0000008c, inset 0 -4px 8px #5a370566}button.action-button.todo{color:var(--ink);background:var(--img-ring,none) center / cover no-repeat, radial-gradient(circle at 40% 34%, #fff6df 0%, #ecd9ad 60%, #cdb07a 100%);border-color:var(--wood)}button.action-button.waiting{color:#f3e3bd;background:var(--wood-bg);border-color:var(--wood-dark)}.quick-circle{border:3px solid #ffd24a;box-shadow:0 0 0 2px #ffd24a59,0 3px 8px #0000008c}.has-ring .quick-circle{border-color:#ffd24a}.quick-button.blocked{z-index:-1;opacity:.6}.quick-button.blocked .quick-circle{filter:grayscale()brightness(.85);border-color:#7d746a;transform:scale(.78);box-shadow:0 2px 5px #00000073}.quick-button.blocked .quick-label{display:none}.quick-label{color:#f3e3bd;background:#1e1208d9;font-size:10px}.m-unitbar{padding:8px 14px calc(var(--m-safe-bottom) + 8px);color:#f3e3bd;background:var(--wood-bg);border-top:3px solid var(--brass);flex-direction:column;flex:none;gap:6px;display:flex;position:relative;box-shadow:0 -4px 14px #00000080}.m-unitbar-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.m-unitbar-name{text-align:center;text-shadow:0 1px 2px #000000b3;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:700}.m-unitbar-stat{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.m-unitbar-stat.end{text-align:right}.m-unitbar-aspects{gap:6px;display:flex;overflow-x:auto}.m-unitbar-aspects .mini{color:#f3e3bd;background:#140a0273;border-color:#c9a24f8c;flex:none}.m-unitbar .notice.attack{color:var(--ink);background:var(--parchment-bg);border:2px solid #a8402c;margin:0}.center-screen.main-menu{min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 6vh) 16px calc(env(safe-area-inset-bottom,0px) + 5vh);flex-direction:column;justify-content:space-between;gap:24px}.main-title{text-align:center;align-self:stretch}.main-title h1.title{margin:0 auto;font-size:46px}.main-subtitle{color:#f3e3bd;text-shadow:0 1px 3px #000000e6;margin:10px 0 0}.main-menu .card .menu{margin-top:0}.handover-screen{min-height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 7vh) 20px calc(env(safe-area-inset-bottom,0px) + 24px);color:#f3e3bd;text-align:center;background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--player) 30%, transparent), transparent 60%), radial-gradient(ellipse at 50% 40%, #1d140b, #070503 80%);flex-direction:column;justify-content:space-between;align-items:center;gap:24px;display:flex}.handover-who{flex-direction:column;align-items:center;gap:6px;max-width:520px;display:flex}.handover-who .leader{box-shadow:0 0 0 4px var(--brass), 0 0 50px color-mix(in srgb, var(--player) 55%, transparent), 0 10px 30px #000000b3;border-width:5px;margin-bottom:14px;width:min(200px,52vw)!important;height:min(200px,52vw)!important}.handover-dot{width:140px;height:140px;margin-bottom:14px}.handover-name{color:#f6e2a6;text-shadow:0 2px 4px #000c;margin:0;font-family:Georgia,Times New Roman,serif;font-size:38px;line-height:1.1}.handover-turn{color:#e9d29b;font-family:Georgia,Times New Roman,serif;font-size:22px;font-style:italic}.handover-about{color:#bfa97c;margin-top:6px;font-size:14px}.handover-quote{color:#e4d3ad;margin:16px 0 0;font-family:Georgia,Times New Roman,serif;font-size:17px;font-style:italic}.handover-foot{flex-direction:column;gap:10px;width:100%;max-width:420px;display:flex}.handover-hint{color:#a8936a;font-size:13px}button.primary.handover-ready{color:#f6e7c1;background:var(--wood-bg);border:2px solid var(--brass);text-shadow:0 1px 2px #000000b3;border-radius:14px;width:100%;padding:16px;font-size:20px;box-shadow:0 0 0 4px #c9a24f33,0 6px 18px #0009}.has-menu-backdrop .center-screen.main-menu{background:var(--img-menu-backdrop) center top / auto 100% no-repeat, var(--wood-bg);padding-top:11dvh;position:relative}.has-menu-backdrop .main-title h1.title{white-space:nowrap;height:7dvh;box-shadow:none;text-shadow:0 2px 3px #000000d9,0 0 12px #00000080;background:0 0;border:none;align-items:center;margin:0;padding:0;font-size:min(4.6dvh,11vw);display:flex;position:absolute;top:1.9dvh;left:50%;transform:translate(-50%)}.has-menu-backdrop .main-subtitle{text-shadow:0 1px 3px #000,0 0 10px #000c;margin:0;font-family:Georgia,Times New Roman,serif;font-style:italic}.step-slider{margin:10px 0 14px}.step-head{justify-content:space-between;gap:10px;font-size:14px;display:flex}.step-label{color:var(--muted)}.step-value{font-weight:700}.step-track{cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;height:36px;margin:0 14px;position:relative}.step-line,.step-fill{border-radius:3px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.step-line{background:#3c261073;right:0;box-shadow:inset 0 1px 2px #0006}.step-fill{background:linear-gradient(#f3d17a,#b9851f);transition:width .15s}.step-dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #3c261099}.step-knob{border:3px solid var(--wood);background:radial-gradient(circle at 38% 32%,#fbe3a0,#c9932a 75%);border-radius:50%;width:26px;height:26px;transition:left .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000080}.step-track.held .step-knob{transition:none;transform:translate(-50%,-50%)scale(1.15)}.step-track:focus-visible .step-knob{box-shadow:0 0 0 3px #c9a24f99,0 2px 6px #00000080}.step-bubble{white-space:nowrap;color:#f6e7c1;background:var(--wood-bg);border:1px solid var(--brass);border-radius:8px;padding:4px 10px;font-size:14px;font-weight:700;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)scale(.869565);box-shadow:0 3px 8px #00000080}.step-note{color:var(--muted);margin-top:-2px;font-size:13px}.seats{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}.card .seat{--text:#f3e3bd;--muted:#c9b48a;color:#f3e3bd;background:var(--wood-bg);border:3px solid var(--wood-dark);border-radius:12px;box-shadow:inset 0 0 0 1px #c9a24f80,0 4px 12px #00000073}.card .seat .plus{color:#b6e38a}.card .seat .blocker{color:#f0a868}.card .seat input{color:var(--ink);background:#fff9e8eb}.leader-show{text-align:center;min-width:0;color:var(--ink);background:var(--parchment-bg);border:4px solid var(--wood);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:18px 16px 12px;display:flex;box-shadow:inset 0 0 0 1px #c9a24fcc,0 4px 10px #00000073}.leader-show .leader{box-shadow:0 0 0 3px var(--brass), 0 4px 10px #0006;border-width:4px}.leader-nation{letter-spacing:1.5px;text-transform:uppercase;color:#8a5a00;margin-top:10px;font-size:13px;font-weight:700}.leader-big-name{font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:700;line-height:1.1}.leader-title{color:var(--ink-muted);font-size:15px;font-style:italic}.leader-traits{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 4px;display:flex}.leader-trait{background:#c9a24f4d;border:1px solid #a5762a;border-radius:999px;padding:3px 11px;font-size:14px;font-weight:700}.leader-character{text-align:left;align-self:stretch;margin:4px 0 0;font-size:16px;line-height:1.45}.m-orb-stack{position:relative}button.m-orb.bell{position:absolute;top:50%;left:50%;transform:translate(calc(-50% - 76px),calc(-50% - 46px))}button.m-orb.next.confirm{color:#fff;background:radial-gradient(circle at 38% 32%,#8fd6a0,#2f7d48 75%);border-color:#bfe9c9;animation:1.6s ease-in-out infinite confirm-pulse;box-shadow:0 0 0 4px #8fd6a059,0 3px 10px #0009}@keyframes confirm-pulse{50%{box-shadow:0 0 0 9px #8fd6a026,0 3px 10px #0009}}button.m-orb.next{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button.m-orb.next.stick{border-color:var(--brass);background:radial-gradient(circle,#3b2715,#1c1108 75%);box-shadow:0 0 0 4px #c9a24f66,inset 0 3px 10px #000000b3}.m-stick-knob{border:3px solid var(--wood);background:radial-gradient(circle at 38% 32%,#fbe3a0,#c9932a 75%);border-radius:50%;width:34px;height:34px;box-shadow:0 3px 6px #0009}.m-quick{pointer-events:none;flex-direction:column;flex:none;align-self:flex-end;align-items:flex-end;gap:8px;padding:0 14px 0 0;display:flex}.m-quick-button{pointer-events:auto;background:0 0;border:none;align-items:center;gap:8px;padding:0;animation:.32s cubic-bezier(.3,1.4,.5,1) both quick-slide;display:flex}@keyframes quick-slide{0%{opacity:0;transform:translate(60px)}}.m-quick-label{color:#f3e3bd;background:#1e1208d9;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.m-quick-button.chosen .quick-circle{transform:scale(1.12);box-shadow:0 0 0 4px #ffd24a8c,0 3px 8px #0000008c}.m-quick-button.blocked{opacity:.6}.m-quick-button.blocked .quick-circle{filter:grayscale()brightness(.85);border-color:#7d746a;transform:scale(.8)}.m-quick-button.blocked .m-quick-label{display:none}@media (prefers-reduced-motion:reduce){.m-quick-button,button.m-orb.next.confirm{animation:none}}.m-orbs:not(.corner){padding-top:34px}.leader-pick{flex-direction:column;gap:10px;display:flex}.card .seat select.leader-select{width:100%;max-width:none;font:inherit;color:var(--ink);border:2px solid var(--brass);background:#fff9e8eb;border-radius:10px;padding:10px 12px;font-weight:700}.leader-swipe{touch-action:pan-y;-webkit-user-select:none;user-select:none;padding:2px;overflow:hidden}.leader-show{transition:transform .2s ease-out;animation:.28s ease-out leader-in}.leader-show.dragging{transition:none}@keyframes leader-in{0%{opacity:0;transform:scale(.96)}}.pick-dots{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:10px;display:flex}.pick-dot{border:1.5px solid #5c401e99;border-radius:50%;width:7px;height:7px}.pick-dot.current{background:#a5762a;border-color:#a5762a}.card .seat{gap:10px;padding:10px}@media (prefers-reduced-motion:reduce){.leader-show{animation:none}}.card .seat .seat-traits summary{cursor:pointer;margin:6px 0;font-weight:600}