:root{--paper:#f4f2e9;--surface:#fffef9;--ink:#20392f;--muted:#728077;--line:#dce0d5;--forest:#204d3c;--soft:#e9eee1;--clay:#ba7254;--blue:#507b89;--gold:#ab883b;--serif:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;--sans:"Segoe UI","Microsoft YaHei",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.7 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--forest);text-underline-offset:3px}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35}h1{font:500 38px/1.25 var(--serif);letter-spacing:-1px}h2{font:500 25px/1.35 var(--serif)}h3{font-size:15px}small,.muted{color:var(--muted)}strong{font-weight:650}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:700}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:30px;font-size:11px;background:var(--soft);white-space:nowrap}.dot{width:6px;height:6px;background:#5b8b55;display:inline-block;border-radius:50%}.dot.off{background:var(--clay)}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:10px 16px;border:1px solid var(--forest);border-radius:5px;background:var(--forest);color:white;font-weight:600;font-size:12px;line-height:1.5;text-decoration:none;transition:background .15s,transform .15s}.btn:hover:not(:disabled){background:#2e604b;transform:translateY(-1px)}.btn.secondary{background:transparent;color:var(--forest);border-color:#cbd4c7}.btn.secondary:hover:not(:disabled){background:var(--soft)}.btn.small{padding:6px 10px;font-size:11px}.btn.danger{color:#9b463d;border-color:#dcc3bb;background:transparent}.text-button{padding:0;background:none;color:var(--forest);font-size:12px;text-decoration:underline;text-underline-offset:4px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:24px}.panel h2{font-size:22px}.divider{border:0;border-top:1px solid var(--line);margin:22px 0}.tag{font-size:10px;border:1px solid var(--line);padding:2px 7px;border-radius:3px;color:var(--muted)}.skip-link{position:fixed;left:10px;top:-70px;z-index:100;background:white;padding:10px}.skip-link:focus{top:10px}.empty{padding:30px 10px;text-align:center;color:var(--muted);font-size:13px}.notice{padding:13px 16px;border-left:3px solid var(--gold);background:#f3edda;font-size:12px;line-height:1.8}.notice.good{background:#eaf0e5;border-color:var(--forest)}.notice p:last-child{margin-bottom:0}
.shell{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.sidebar{padding:30px 20px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:fixed;width:218px;top:0;bottom:0;background:var(--paper);z-index:10}.brand{display:flex;gap:11px;align-items:center;margin:0 6px 36px}.brandmark{height:35px;width:35px;border:1px solid var(--forest);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:21px}.brand strong{font:600 16px var(--serif);display:block}.brand small{font-size:8px;letter-spacing:1.8px}.nav-label{font-size:9px;color:var(--muted);letter-spacing:1.6px;margin:0 12px 10px}.nav{display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:12px;background:transparent;padding:11px 13px;text-align:left;font-size:12px;border-radius:5px;color:var(--muted)}.nav button span:first-child{font-size:17px;width:20px;text-align:center;font-family:var(--serif)}.nav button.active{background:var(--forest);color:white}.nav button:not(.active):hover{background:#e8eadf}.side-bottom{margin-top:auto;padding:22px 12px 0;font-size:10px}.side-bottom .pill{margin-bottom:12px;font-size:10px}.workspace{grid-column:2}.topbar{height:72px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;gap:12px}.topbar-path{color:var(--muted)}.topbar-path b{color:var(--ink);font-weight:500}.topbar .row{gap:18px}.content{max-width:1460px;margin:auto;padding:34px 40px 60px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;gap:18px}.page-heading h1{margin:6px 0 9px}.page-heading p{margin:0;color:var(--muted);font-size:12px}.live-banner{background:#e8eddf;border:1px solid #d7dfca;border-radius:6px;padding:12px 17px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.live-banner b{margin-right:10px}.world-layout{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:22px}.map-panel{padding:0;overflow:hidden;position:relative;background:#eef0e5}.map-top{position:absolute;top:21px;left:24px;z-index:1}.map-top h2{font-size:21px;margin:3px 0}.map-top .eyebrow{font-size:8px}.map-svg{display:block;width:100%;min-height:370px;height:auto}.map-svg .island{stroke-width:1.5;stroke:#f8faf1;filter:url(#shadow)}.map-svg [data-country]{cursor:pointer}.map-svg [data-country]:hover .island,.map-svg [data-country]:focus .island{stroke:#204d3c;stroke-width:3}.map-label{font:600 17px "Microsoft YaHei",sans-serif;fill:#20392f}.map-sub{font:10px "Segoe UI",sans-serif;fill:#62786c}.map-badge{fill:#fffef9;stroke:#d1dacb;stroke-width:1}.map-watermark{font:italic 13px Georgia;fill:#a2b1a3;letter-spacing:3px}.map-legend{padding:11px 22px;background:#fffef98c;border-top:1px solid #dde2d5;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.event-card{padding:22px;background:#fffdf5;border-top:3px solid var(--clay)}.event-icon{font-family:var(--serif);font-size:39px;color:var(--clay);line-height:1.1;margin:16px 0}.event-card h3{font-size:16px;margin-bottom:10px}.event-card p{font-size:12px;color:var(--muted);margin-bottom:14px}.phase-list{margin-top:21px;border-top:1px solid var(--line);padding-top:17px}.phase-step{display:flex;align-items:flex-start;gap:11px;margin:13px 0;color:var(--muted);font-size:11px}.phase-step i{border:1px solid var(--line);height:21px;min-width:21px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:10px}.phase-step.current{color:var(--forest);font-weight:650}.phase-step.current i{background:var(--forest);color:white}.section-title{margin:30px 0 16px;display:flex;align-items:center;justify-content:space-between}.section-title h2{font-size:22px;margin:0}.nation-card{padding:22px;border-top:3px solid var(--country-color,var(--forest))}.nation-card h3{font:500 23px var(--serif);margin:2px 0}.nation-card p{font-size:11px;color:var(--muted);margin:10px 0 16px;min-height:38px}.nation-card .metric-num{font:30px var(--serif)}.nation-card .metric-caption{font-size:10px;color:var(--muted)}.nation-card footer{border-top:1px solid var(--line);padding-top:14px;margin-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.country-tabs{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.country-tab{padding:9px 16px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);font-size:12px}.country-tab.active{background:var(--surface);border-color:var(--country-color);color:var(--ink)}.country-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.country-intro{border-left:3px solid var(--country-color);padding-left:17px;margin:8px 0 24px}.country-intro p{font-size:13px;margin:7px 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:23px 0}.stat{border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{font:27px var(--serif);display:block;line-height:1.5}.stat small{font-size:10px}.stock-row{display:flex;gap:24px;padding:15px 0;border-top:1px solid var(--line);font-size:12px}.stock-row strong{font-size:16px;margin-left:8px}.households{width:100%;border-collapse:collapse;font-size:11px}.households th{text-align:left;color:var(--muted);font-weight:500;font-size:10px;padding:12px 8px;background:#f4f5ed}.households td{padding:16px 8px;border-bottom:1px solid var(--line);vertical-align:top}.households td small{display:block;font-size:10px}.bar{height:5px;background:#e5e9dd;border-radius:4px;overflow:hidden;min-width:70px;margin-top:6px}.bar span{display:block;height:100%;background:var(--forest);border-radius:4px}.decision-panel{position:sticky;top:20px;align-self:start;padding:22px}.decision-panel h2{font-size:22px;margin-bottom:5px}.decision-panel .eyebrow{font-size:8px}.field{margin:16px 0}.field label{display:block;font-size:11px;font-weight:600;margin-bottom:6px}.field input:not([type=checkbox]):not([type=range]),.field select,.field textarea{width:100%;padding:9px 11px;background:#fffefb;border:1px solid #cfd7ca;border-radius:4px;color:var(--ink);font-size:12px}.field textarea{min-height:92px;resize:vertical}.field input[type=range]{width:100%;accent-color:var(--forest)}.field small{display:block;font-size:10px;margin-top:5px;line-height:1.7}.field .row label{margin:0}.check-label{display:flex!important;gap:8px;align-items:flex-start;font-weight:500!important}.check-label input{accent-color:var(--forest);margin-top:5px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-pair .field{margin:10px 0}.full{width:100%}.saved-label{font-size:10px;color:var(--muted);margin-top:10px;text-align:center}.disabled-fieldset{border:0;padding:0;margin:0;min-width:0}.observation-list{padding:0;list-style:none;margin:0}.observation-list li{font-size:12px;padding:13px 0;border-bottom:1px solid var(--line)}.observation-list li:last-child{border:0}.observation-list small{font-size:10px;display:block;margin-top:4px}.trade-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px}.offer-card{padding:17px 0;border-bottom:1px solid var(--line)}.offer-card:last-child{border:0}.offer-path{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.offer-details{font-size:12px;color:var(--muted);margin:6px 0 11px}.offer-status{font-size:10px}.status-accepted{color:#427744}.status-rejected,.status-cancelled{color:#966657}.status-pending{color:#94722d}.offer-actions{display:flex;gap:8px}.compare-table{width:100%;border-collapse:collapse;font-size:12px}.compare-table th,.compare-table td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line)}.compare-table th{font-size:11px;font-weight:500;color:var(--muted)}.compare-table thead th{font-size:12px}.chart{width:100%;height:auto;display:block}.chart-legend{display:flex;gap:17px;font-size:10px;margin-top:8px;justify-content:center;flex-wrap:wrap}.chart-legend i{display:inline-block;width:12px;height:3px;vertical-align:middle;margin-right:6px}.question{border-left:2px solid var(--gold);padding:7px 0 7px 15px;margin:17px 0;font-size:13px}.note{padding:17px 0;border-bottom:1px solid var(--line)}.note p{margin:8px 0 0;font-size:13px;white-space:pre-wrap}.note small{font-size:10px}.source-card{padding:21px 0;border-bottom:1px solid var(--line)}.source-card h3{margin-bottom:7px}.source-card p{font-size:12px;color:var(--muted);margin-bottom:9px}.source-card a{font-size:11px}.readable{font-size:13px;line-height:1.9}.readable ul{padding-left:19px}.readable h3{margin-top:24px}.source-meta{font-size:10px;letter-spacing:.3px;color:var(--muted)}.teacher-codes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.join-code{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:5px}.join-code strong{display:block;font-size:24px;letter-spacing:3px;font-family:monospace;margin:5px 0}.join-code small{font-size:10px}.teacher-step{display:flex;gap:16px;padding:21px 0;border-bottom:1px solid var(--line)}.step-number{font:24px var(--serif);color:#9da88d;width:26px}.teacher-step h3{margin:0 0 5px}.teacher-step p{margin:0 0 12px;font-size:12px;color:var(--muted)}.teacher-step>div:last-child{flex:1}.teacher-step .row{align-items:stretch}.teacher-step select{padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:4px;font-size:12px}.log-list{max-height:330px;overflow:auto;list-style:none;padding:0;margin:0}.log-list li{font-size:11px;padding:10px 0;border-bottom:1px solid var(--line)}.log-list small{margin-right:8px;font-size:9px}.pause-strip{background:#875b3c;color:#fffaf1;padding:9px 30px;text-align:center;font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--ink);color:white;border-radius:5px;padding:11px 20px;box-shadow:0 5px 25px #0002;z-index:100;opacity:0;transition:.2s;max-width:calc(100vw - 30px);font-size:12px}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast.error{background:#934f3e}dialog{border:1px solid var(--line);border-radius:9px;padding:30px;background:var(--surface);color:var(--ink);width:430px;max-width:calc(100vw - 32px)}dialog::backdrop{background:#172d2560;backdrop-filter:blur(3px)}dialog h2{margin-bottom:8px}dialog p{font-size:12px;color:var(--muted)}.dialog-close{position:absolute;right:16px;top:13px;background:none;color:var(--muted);font-size:24px}.landing{min-height:100vh;max-width:1280px;margin:auto;padding:32px 50px 25px}.landing .brand{margin:0}.landing-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.landing-hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:38px;min-height:500px;padding:40px 0}.landing h1{font-size:59px;line-height:1.18;margin:17px 0 22px;letter-spacing:-2px}.landing h1 em{font-weight:400;color:var(--forest)}.landing-lead{font-size:14px;color:var(--muted);max-width:400px;line-height:2;margin-bottom:28px}.landing .map-panel{border:0;border-radius:50% 42% 44% 41%;background:#e5eadb;overflow:visible}.landing .map-svg{min-height:350px}.landing .map-legend,.landing .map-top{display:none}.landing-actions{display:flex;gap:10px;flex-wrap:wrap}.landing-actions .btn{padding:12px 17px}.landing-footnote{font-size:10px;margin-top:18px;color:var(--muted)}.landing-methods{padding:25px 0;border-top:1px solid var(--line)}.method{display:flex;gap:13px}.method>span{font:26px var(--serif);color:#a9b19b}.method h3{font-size:13px;margin-bottom:4px}.method p{font-size:11px;color:var(--muted);margin:0}.landing-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:26px;font-size:10px;color:var(--muted)}.refresh-note{color:var(--clay);font-size:10px}.numbered{font-family:var(--serif)}
@media(min-width:1500px){.content{padding-top:42px}.world-layout{grid-template-columns:minmax(0,1fr) 300px}.map-svg{min-height:410px}.country-layout{grid-template-columns:minmax(0,1fr) 375px}}
@media(max-width:1100px){.shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{width:180px;padding:25px 13px}.brand{gap:8px;margin-left:0}.brand strong{font-size:14px}.brandmark{width:30px;height:30px}.topbar{padding:0 24px}.content{padding:28px 24px 50px}.world-layout{grid-template-columns:1fr}.event-card{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.event-card .event-icon{display:none}.phase-list{grid-column:2;grid-row:1/5;margin:0;padding:0 0 0 22px;border-top:0;border-left:1px solid var(--line)}.country-layout,.trade-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.panel{padding:20px}.nation-card{padding:18px}.grid-3{gap:12px}.landing{padding:25px 35px}.landing h1{font-size:48px}.landing-hero{gap:18px}.topbar .row{gap:10px}}
@media(max-width:850px){.country-layout,.trade-layout{grid-template-columns:1fr}.decision-panel{position:static}.grid-2{grid-template-columns:1fr}.country-layout .decision-panel{grid-row:1}.landing-hero{grid-template-columns:1fr;padding:45px 0 20px}.landing h1{font-size:49px}.landing-hero>.map-panel{display:none}.landing-lead{max-width:500px}.page-heading h1{font-size:32px}.stats{gap:10px}.topbar .role-label{display:none}}
@media(max-width:650px){.shell{display:block}.sidebar{position:static;width:100%;padding:15px 16px 10px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0 0 15px}.sidebar .brand small{display:none}.nav-label,.side-bottom{display:none}.nav{display:flex;overflow-x:auto;gap:3px}.nav button{padding:8px 11px;white-space:nowrap;gap:6px}.nav button span:first-child{font-size:14px;width:15px}.nav button span:last-child{font-size:11px}.workspace{display:block}.topbar{height:50px;padding:0 16px}.topbar-path{display:none}.topbar .row{gap:9px}.content{padding:24px 16px 40px}.page-heading{display:block;margin-bottom:20px}.page-heading>.row{margin-top:14px}.live-banner{align-items:flex-start;padding:12px;font-size:11px}.live-banner b{display:block}.grid-3{grid-template-columns:1fr}.nation-card p{min-height:0}.nation-card .metrics-inline{display:flex;gap:20px}.map-svg{min-height:280px}.map-top{left:16px;top:15px}.map-top h2{font-size:18px}.map-legend{font-size:9px;gap:8px;padding:10px 14px}.event-card{grid-template-columns:1fr}.phase-list{grid-column:1;grid-row:auto;margin-top:15px;padding:10px 0 0;border-left:0;border-top:1px solid var(--line);display:flex;gap:18px}.phase-step{gap:7px}.stats{grid-template-columns:1fr 1fr;gap:20px}.stat:nth-child(2){border:0}.teacher-codes{grid-template-columns:1fr}.join-code{display:flex;align-items:center;justify-content:space-between;padding:12px}.join-code strong{margin:0}.join-code small{display:none}.panel{padding:18px}.households th,.households td{padding:12px 5px;font-size:10px}.compare-table{font-size:10px}.compare-table th,.compare-table td{padding:12px 5px}.compare-table thead th{font-size:10px}.landing{padding:23px}.landing h1{font-size:45px}.landing-header>.pill{font-size:9px}.landing-methods{gap:20px}.landing-actions .btn{padding:11px 14px}.landing-footer{gap:20px}.page-heading p{line-height:1.9}.stock-row{gap:17px}.stock-row strong{font-size:14px}.teacher-step .row{flex-wrap:wrap}}
@media print{.sidebar,.topbar,.decision-panel,.live-banner,.btn,.country-tabs,#toast{display:none!important}.shell{display:block}.content{padding:0}.panel{break-inside:avoid}.grid-2{grid-template-columns:1fr}.workspace{width:100%}body{background:white}.chart{max-height:260px}}
.i18n-text{display:inline-block;vertical-align:baseline}.i18n-zh{display:block}.i18n-en{display:block;font-size:.79em;line-height:1.5;font-weight:400;letter-spacing:0;opacity:.75;margin-top:2px}.i18n-text+.i18n-text{margin-left:.22em}.btn .i18n-en,.nav .i18n-en{font-size:9px;line-height:1.25;opacity:.8}.nav button{min-height:43px}.nav button span:last-child{line-height:1.4}.page-heading h1 .i18n-en{font:400 16px/1.6 var(--sans);margin-top:8px;max-width:650px}.landing h1 .i18n-en{font:400 22px/1.4 var(--serif);margin-top:3px;opacity:.75}.landing-lead .i18n-en{font-size:11px}.i18n-text .i18n-text{display:contents}html[data-language=zh] .i18n-en{display:none}html[data-language=en] .i18n-zh{display:none}html[data-language=en] .i18n-en{font-size:inherit;opacity:1;margin-top:0}html[data-language=en] .page-heading h1 .i18n-en{font:inherit}html[data-language=en] .landing h1 .i18n-en{font:inherit}.language-control{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.language-control>span{display:none}.language-control select{padding:5px 8px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:var(--surface);font-size:10px;max-width:146px}.topbar{height:auto;min-height:72px;padding-top:12px;padding-bottom:12px}.topbar .row{flex-wrap:wrap;justify-content:flex-end}.map-label{font-size:12px}.map-sub{font-size:9px}.teacher-codes{gap:8px}.join-code strong{letter-spacing:1px;font-size:20px}.live-banner .btn{max-width:215px}.tag .i18n-en{font-size:8px}.decision-panel .field label{line-height:1.5}.households .i18n-en{font-size:9px}.i18n-text:empty{display:none}
/* Shared civilization game */
.civ-entry{min-height:100vh;background:#edf0e5}.civ-entry>header,.civ-header{display:flex;align-items:center;justify-content:space-between;padding:22px 35px;border-bottom:1px solid #d4ddcd}.civ-entry>header .brand,.civ-header .brand{margin:0}.civ-entry-main{display:grid;grid-template-columns:480px minmax(0,1fr);min-height:calc(100vh - 88px);max-width:1600px;margin:auto}.civ-entry-copy{padding:55px 20px 50px 60px;z-index:1}.civ-entry-copy>.eyebrow{font-size:9px;color:#76907a}.civ-entry-copy h1{font-size:49px;letter-spacing:-1.8px;line-height:1.3;margin:18px 0 20px}.civ-entry-copy h1 .i18n-en{font-size:19px;margin:4px 0;color:#718373}.civ-entry-copy h1 em{color:#4c7252;font-style:normal}.civ-entry-copy>p{font-size:12px;color:#708075;line-height:1.9}.civ-entry-copy>p .i18n-en{font-size:11px}.entry-system-tags{display:flex;gap:10px;margin:23px 0}.entry-system-tags>span{border:1px solid #ccd6c3;padding:7px 10px;border-radius:4px;font-size:11px;background:#ffffff50}.entry-system-tags .i18n-en{font-size:9px}.civ-entry #guest-form{max-width:365px}.civ-entry #guest-form>.field{margin:13px 0}.civ-entry #guest-form input{background:#fffef9a0}.civ-entry #guest-form>small{display:block;margin:12px 0;font-size:10px;line-height:1.7}.guest-start{justify-content:space-between;padding:13px 18px}.guest-start .i18n-text{text-align:left}.guest-start .i18n-en{font-size:11px}.entry-tools{display:flex;gap:20px;margin-top:23px;flex-wrap:wrap}.entry-tools .text-button{font-size:10px}.entry-tools .i18n-en{font-size:9px}.civ-entry-scene{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#e1ead9 0,#eaf0e24d 55%,transparent 75%);overflow:hidden}.civ-entry-scene .territory-svg{width:110%;min-width:600px;transform:translateX(-10px);filter:drop-shadow(0 22px 30px #456d4920)}.entry-scene-caption{position:absolute;top:65px;left:20%;z-index:1}.entry-scene-caption>span{font:10px var(--sans);letter-spacing:4px;color:#94a28b}.entry-scene-caption>strong{display:block;font:21px var(--serif);margin-top:14px;font-weight:400;color:#628064}.entry-scene-caption .i18n-en{font-size:13px}.entry-footnote{position:absolute;bottom:38px;left:10%;right:10%;text-align:center;font-size:10px;color:#80917b}.civ-app{min-height:100vh;background:#e9eee2}.civ-header{padding:12px 22px;background:#183e32;color:#f1f0df;min-height:65px}.civ-header .brandmark{border-color:#b4c1a1;color:#dedfbf;width:31px;height:31px}.civ-header .brand strong{font-size:15px;font-weight:500}.civ-header .brand .i18n-en{font-size:10px;color:#adbea5;margin-top:3px}.civ-header .brand small{display:none}.civ-header-status{display:flex;align-items:center;gap:12px}.civ-header .pill{background:#ffffff0b;border:1px solid #ffffff20;font-size:10px;color:#d8e3ce}.civ-header .pill .i18n-en{font-size:8px}.civ-header .language-control select{background:#244d3d;color:#e2e8d8;border-color:#58725b}.civ-header .dot{background:#bbce89}.civ-timeline{display:grid;grid-template-columns:190px 1fr 170px;align-items:center;gap:25px;padding:14px 27px 12px;background:#f3f2e7;border-bottom:1px solid #d3dcc8;min-height:76px}.civ-date strong{font:19px var(--serif);letter-spacing:-.3px}.civ-date small,.civ-countdown small{display:block;font-size:9px;color:#819178}.civ-date .i18n-text,.civ-countdown .i18n-text{display:inline-flex;gap:5px}.civ-date .i18n-en,.civ-countdown .i18n-en{font-size:inherit;margin:0}.timeline-track{height:5px;background:#d4ddc7;position:relative;border-radius:10px;margin-bottom:18px}.timeline-fill{position:absolute;top:0;left:0;height:5px;background:#638654;border-radius:10px;transition:width 1s linear}.timeline-fill:after{content:'';position:absolute;width:9px;height:9px;right:-4px;top:-2px;background:#e8d59b;border:2px solid #678255;border-radius:50%}.timeline-track>i{position:absolute;top:-2px;height:9px;width:1px;background:#98ac82}.timeline-labels{position:absolute;top:12px;left:0;right:0;display:flex;justify-content:space-between;font-size:8px;color:#859478;align-items:flex-start}.timeline-labels .i18n-text{display:inline-flex;gap:6px}.timeline-labels .i18n-en{font-size:inherit;margin:0}.civ-countdown{text-align:right}.civ-countdown strong{font:27px Georgia;letter-spacing:1px}.civ-resourcebar{display:flex;align-items:center;padding:13px 24px;background:#f9f8ed;border-bottom:1px solid #d6ddcb;gap:30px;min-height:81px}.civ-nation{display:flex;gap:12px;align-items:center;min-width:170px;padding-right:18px;border-right:1px solid #d8dfce}.civ-nation>span{width:33px;height:42px;display:grid;place-items:center;clip-path:polygon(0 0,100% 0,100% 85%,50% 100%,0 85%);color:#f5f1d6;font-size:22px}.civ-nation strong{font:20px var(--serif);display:block}.civ-nation strong .i18n-text{display:flex;align-items:baseline;gap:7px}.civ-nation strong .i18n-en{font-size:11px;margin:0}.civ-nation small{font-size:10px;display:block;color:#7a8a71}.civ-nation small .i18n-text{display:flex;gap:5px}.civ-nation small .i18n-en{font-size:9px;margin:0}.civ-resource{display:flex;align-items:center;gap:10px;flex:1}.civ-resource>span{font:24px Georgia;color:#a48c56}.civ-resource strong{font:19px Georgia;display:block;line-height:1.2}.civ-resource strong small{font:9px var(--sans);color:#9ba48b}.civ-resource div>small{display:block;font-size:10px;margin-top:4px}.civ-resource .i18n-en{font-size:8px;margin:1px 0 0}.civ-iconbutton{border:1px solid #cbd7be;border-radius:50%;background:transparent;color:#6c8260;width:27px;height:27px;font-size:18px}.civ-layout{display:grid;grid-template-columns:246px minmax(0,1fr) 265px;min-height:calc(100vh - 250px)}.civ-policy,.civ-build{background:#f7f5e8;border-right:1px solid #cfd9c4;padding:21px 20px;max-height:calc(100vh - 244px);min-height:620px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b9c6aa transparent}.civ-build{border-right:0;border-left:1px solid #cfd9c4;padding:0}.civ-panel-title .eyebrow{font-size:8px}.civ-panel-title h2{font-size:21px;margin:7px 0 14px}.civ-panel-title h2 .i18n-en{font:11px var(--sans)}.civ-policy-meaning{font-size:10px;line-height:1.7;color:#7c8c72;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid #d9dfcc}.civ-policy-meaning .i18n-en{font-size:9px}.civ-policy .field{margin:14px 0}.civ-policy .field label{font-size:11px}.civ-policy .field .i18n-en{font-size:9px}.civ-policy .field-pair{gap:8px}.civ-policy .field-pair .field{margin:6px 0}.civ-policy .field input[type=number]{padding:7px 8px;background:#fffdf4}.civ-policy .field select{padding:8px 6px;font-size:11px;background:#fffdf4}.civ-policy small{font-size:9px;line-height:1.7;color:#819078}.civ-policy small .i18n-en{font-size:9px}.civ-policy .btn{margin-top:16px;padding:9px 12px;font-size:11px}.civ-policy .btn .i18n-en{font-size:9px}.civ-check{display:flex;align-items:flex-start;gap:7px;font-size:11px;margin:15px 0 5px}.civ-check input{accent-color:#426d4b;margin-top:5px}.civ-check .i18n-en{font-size:9px}.policy-role-label{font-size:10px;color:#6d825e;border-top:1px solid #d7deca;margin-top:16px;padding-top:15px}.policy-fixed{font-size:9px;margin:12px 0;padding:9px;background:#e9eddd;color:#7a886b}.civ-event{margin-top:22px;padding:15px 0 0;border-top:1px solid #d7dfca;font-size:10px}.civ-event>.eyebrow{font-size:8px}.civ-event strong{display:block;margin-top:7px}.civ-event strong .i18n-en{font-size:9px}.civ-event p{font-size:9px;color:#849377;margin:8px 0 0}.civ-event p .i18n-en{font-size:9px}.civ-territory{position:relative;overflow:hidden;min-width:0;background:radial-gradient(ellipse at 50% 46%,#e3ead9 0%,#e9eedf 50%,#e3eadc 100%);min-height:620px;display:flex;flex-direction:column}.territory-heading{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:23px 27px 0}.territory-heading .eyebrow{font-size:8px;color:#829277}.territory-heading .eyebrow .i18n-text{display:flex;gap:6px}.territory-heading .eyebrow .i18n-en{font-size:inherit;margin:0}.territory-heading h1{font-size:25px;margin:8px 0 0}.territory-heading h1 .i18n-en{font:13px var(--serif);margin-top:4px}.territory-period{font-size:9px;color:#8d9c82;text-align:right}.territory-period .i18n-en{font-size:8px}.territory-stage{position:relative;flex:1;min-height:450px;display:flex;align-items:center;justify-content:center}.territory-svg{display:block;width:100%;height:auto;max-height:660px;user-select:none;overflow:visible}.territory-svg [data-tile]{cursor:pointer;outline:none}.territory-svg [data-tile]:focus>path:first-child{stroke:#fff1b9;stroke-width:3}.territory-svg [data-tile]:hover>path:first-child{filter:brightness(1.07)}.scene-hint{position:absolute;bottom:22px;left:27px;font-size:9px;color:#8c9b80;max-width:70%}.scene-hint .i18n-en{font-size:8px}.scene-inspector{position:absolute;bottom:55px;left:20px;width:min(360px,90%);background:#fffdf2ed;border:1px solid #ced9bb;border-radius:7px;box-shadow:0 8px 30px #3d593120;padding:16px;display:flex;align-items:flex-end;gap:15px;z-index:4}.scene-inspector .eyebrow{font-size:7px;color:#91a17d}.scene-inspector h3{font-size:14px;margin:4px 0 5px}.scene-inspector p{font-size:10px;line-height:1.6;margin:0;color:#7d8c6f}.scene-inspector p .i18n-en{font-size:9px}.scene-inspector .btn{flex-shrink:0;padding:9px 12px}.inspector-close{position:absolute;right:5px;top:2px;background:none;font-size:18px;color:#7a8c69}.civ-bottomdock{display:flex;align-items:center;justify-content:center;gap:15px;padding:12px 170px 12px 18px;border-top:1px solid #d4ddc7;background:#f0f2e4b0;min-height:75px;z-index:3}.civ-bottomdock>button{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;color:#718364;padding:5px 6px;font-size:10px}.civ-bottomdock>button:hover{color:#345b3d}.civ-bottomdock>button>span:first-child{font-size:20px;height:25px;line-height:1.2;color:#8b9e78}.civ-bottomdock .i18n-en{font-size:8px}.civ-minimap{position:absolute;bottom:15px;right:14px;width:136px;background:#faf9ed;border:1px solid #cbd7b8;border-radius:6px;padding:8px;box-shadow:0 2px 8px #465b2b12;z-index:4}.minimap-label{font-size:8px;color:#80946c;text-align:center;margin-bottom:6px}.minimap-label .i18n-text{display:flex;justify-content:center;gap:4px}.minimap-label .i18n-en{font-size:7px;margin:0}.civ-minimap svg{width:100%;display:block;border:1px solid #dae0c9;max-height:110px}.civ-minimap>button{background:#edf1df;color:#55724b;font-size:8px;width:100%;padding:6px 2px;margin-top:5px;line-height:1.4}.civ-minimap>button .i18n-en{font-size:7px}.civ-build-tabs{display:flex;border-bottom:1px solid #d4dcc6}.civ-build-tabs button{flex:1;text-align:center;padding:15px 5px 11px;background:none;color:#98a38a;font-size:12px;border-bottom:2px solid transparent}.civ-build-tabs button.active{color:#3d6344;border-bottom-color:#5d7b4b;background:#f0f1e2}.civ-build-tabs .i18n-en{font-size:9px}.build-menu-caption{font-size:10px;line-height:1.6;color:#899779;padding:15px 17px 10px}.build-menu-caption .i18n-en{font-size:9px}.build-catalog{padding:0 12px}.build-item{display:grid;grid-template-columns:67px 1fr;align-items:center;text-align:left;background:none;border:1px solid transparent;border-bottom:1px solid #dce2cc;width:100%;padding:8px 4px;color:#526b46;border-radius:5px}.build-item:hover{background:#eef0df}.build-item.selected{background:#e9edd9;border-color:#b3c095}.build-item.locked{opacity:.55}.build-item-visual{width:67px;height:64px;overflow:visible}.build-item-visual>g,.build-item-visual>path{display:none}.build-item-visual svg{width:70px;height:67px;overflow:visible}.build-item strong{font-size:12px;display:block;font-weight:600}.build-item strong .i18n-en{font-size:9px}.build-item span:not(.i18n-text):not(.i18n-zh):not(.i18n-en){font-size:9px;display:block;margin-top:3px;color:#8d9b78}.build-item small{font-size:8px;color:#92a07f;display:block;margin-top:2px}.construction-list{margin:20px 16px;padding-top:17px;border-top:1px solid #d5ddc4}.construction-list>.eyebrow{font-size:8px;color:#8d9c7d}.construction-list>p{font-size:10px;color:#94a082;margin:12px 0}.construction-item{padding:12px 0;border-bottom:1px solid #e0e4d1;font-size:10px}.construction-item strong{font-size:11px}.construction-item strong .i18n-en{font-size:9px}.queue-progress{height:4px;background:#dfe5ce;border-radius:4px;overflow:hidden;margin-top:8px}.queue-progress i{display:block;height:100%;background:#a2b675;transition:width 1s linear}.construction-item>small{font:9px Georgia;color:#8d9c7b}.tech-item{padding:19px 18px;border-bottom:1px solid #d7deca;font-size:11px}.tech-icon{font-size:40px;color:#a7ae84;line-height:1.2}.tech-item h3{font-size:16px;margin:7px 0 12px}.tech-item p{font-size:10px;color:#8b987a;line-height:1.8}.tech-item .btn{margin-top:14px}.research-active{padding:18px;font-size:11px}.civ-foot{display:flex;justify-content:space-between;gap:20px;padding:10px 22px;font-size:8px;color:#92a080;background:#edf0e0;border-top:1px solid #d6dfc8}.civ-foot .i18n-en{font-size:8px}.civ-visiting{background:#dce6ce;padding:10px 25px;color:#5b7750;display:flex;align-items:center;justify-content:space-between;font-size:11px}.civ-visiting .i18n-en{font-size:9px}.civ-overlay{position:fixed;inset:0;background:#173d32a0;z-index:40;display:flex;align-items:center;justify-content:center;padding:25px;backdrop-filter:blur(4px)}.civ-modal{width:min(1000px,95vw);max-height:90vh;background:#f7f5e9;border:1px solid #c3ceb3;border-radius:10px;box-shadow:0 20px 80px #12322450;display:flex;flex-direction:column}.civ-modal.wide{width:min(1240px,95vw)}.civ-modal>header{padding:24px 28px 17px;border-bottom:1px solid #d6deca;display:flex;justify-content:space-between;align-items:flex-start}.civ-modal>header .eyebrow{font-size:8px}.civ-modal>header h2{font-size:26px;margin:7px 0 0}.civ-modal>header h2 .i18n-en{font-size:13px}.modal-close{font-size:29px;line-height:1;background:none;color:#839471}.civ-modal-body{padding:22px 28px;overflow:auto}.civ-modal-body>.page-heading{display:none}.civ-modal-body .panel{background:#fffdf3}.civ-modal-body .world-modal-map{max-width:720px;margin:auto}.civ-modal-body .world-modal-map .map-svg{height:340px;min-height:0}.world-modal-intro{font-size:12px;color:#829272}.world-destination{padding:18px;background:#fffdf3;border:1px solid #d2dcc4;border-top:3px solid var(--country-color);border-radius:5px;text-align:left;color:#4b6945}.world-destination strong{display:block;font:22px var(--serif);margin-bottom:10px}.world-destination strong .i18n-en{font-size:12px}.world-destination>span{font-size:11px;display:block}.world-destination>small{display:block;font-size:10px;margin-top:15px;color:#859674}.civ-trade-grid{display:grid;grid-template-columns:1fr 300px;gap:30px}.civ-trade-grid form{padding:20px;border:1px solid #d7dfc9;background:#fffdf3;border-radius:5px;align-self:start}.civ-trade-grid form small{font-size:10px;display:block;margin-top:12px}.household-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.household-cards article{padding:22px;background:#fffdf3;border:1px solid #d4ddc6;border-radius:5px}.household-cards h3{font-size:13px}.household-cards .household-rate{font:38px Georgia;color:#668055}.household-cards p{font-size:10px;margin:14px 0 0}.household-cards p b{display:block;font:16px Georgia;margin-top:4px}.household-cards>article>small{font-size:10px}.end-title{text-align:center;padding:10px 30px 25px}.end-title>span{font-size:45px;color:#a5ae7d}.end-title h2{font-size:27px;margin:10px 0}.end-title h2 .i18n-en{font-size:16px}.end-title p{font-size:12px;color:#839474}.assignment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.assignment-grid article{padding:20px;background:#fffdf3;border:1px solid #d5dec7;border-radius:6px}.assignment-grid h3{font-size:12px;color:#849275}.assignment-grid h2{font-size:23px;margin-bottom:16px}.assignment-grid p{font-size:11px}.lobby-scene{max-width:1100px;margin:auto;text-align:center;padding:55px 35px}.lobby-heading .eyebrow{font-size:9px;letter-spacing:3px;color:#9baa8b}.lobby-heading h1{font-size:40px;margin:16px 0}.lobby-heading h1 .i18n-en{font-size:22px}.lobby-heading>p{font-size:13px;color:#85967a}.lobby-room{display:flex;gap:20px;align-items:center;justify-content:center;margin:28px auto 37px}.lobby-room>span{font-size:11px;color:#839574}.lobby-room>strong{font:26px Georgia;letter-spacing:4px}.lobby-seats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lobby-seat{padding:28px;border:1px dashed #c5d0b6;border-radius:9px;background:#ffffff30;position:relative;min-height:275px}.lobby-seat.occupied{border-style:solid;background:#f6f6e9;box-shadow:0 5px 20px #5b75480a}.seat-number{position:absolute;left:22px;top:15px;font:17px Georgia;color:#a5b095}.seat-avatar{font-size:53px;height:86px;color:#9dad8e}.occupied .seat-avatar{color:#5e7950}.lobby-seat h2{font-size:20px;margin:5px 0 12px}.lobby-seat h2 .i18n-en{font-size:12px}.seat-state{font-size:11px;color:#8b9c7b}.lobby-seat p{font-size:10px;color:#9aa889;margin:20px 0 0}.lobby-progress{max-width:450px;margin:32px auto 25px}.lobby-progress>span{font:20px Georgia;color:#6b845b}.lobby-progress>div{height:4px;background:#d3dfc4;border-radius:4px;margin:13px 0}.lobby-progress i{display:block;height:100%;background:#88a16c;transition:width .3s}.lobby-progress small{font-size:10px;color:#9aaa8a;line-height:1.8}.opening-page{max-width:1200px;margin:0 auto;padding:45px 40px}.opening-heading{text-align:center;max-width:800px;margin:0 auto 40px}.opening-heading .eyebrow{font-size:9px;letter-spacing:3px;color:#9aa88a}.opening-heading h1{font-size:36px;margin:18px 0}.opening-heading h1 .i18n-en{font-size:20px;margin-top:9px}.opening-heading p{font-size:12px;color:#889979}.dice-seats{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.dice-seat{padding:33px;background:#f7f6e9;border:1px solid #d2ddc3;border-radius:10px;text-align:center;min-height:330px}.dice-seat.mine{border-color:#8ca474;box-shadow:0 6px 30px #78956110}.dice-block{width:95px;height:95px;display:grid;place-items:center;background:#eef1df;border:1px solid #d5ddc6;border-radius:19px;margin:0 auto 24px;font:55px Georgia;color:#aebc98;box-shadow:4px 7px 0 #c8d4b6;transform:rotate(-5deg)}.dice-block.rolled{color:#4f7042;background:#fffdf0}.dice-face{font-size:80px;line-height:.9}.dice-seat h2{font:23px var(--serif);margin:5px 0 10px}.dice-seat>small{font-size:10px;color:#91a07e}.dice-history{min-height:48px;padding:13px 0;color:#9eac8b;font-size:10px}.dice-history b{font:18px Georgia;color:#6c8558}.dice-seat .btn{min-width:150px;font-size:11px}.opening-note{text-align:center;color:#a2ae92;font-size:10px;margin:35px auto 0}.quiz-layout{display:grid;grid-template-columns:235px 1fr;gap:35px}.quiz-order{padding-right:25px;border-right:1px solid #d0dcc0}.quiz-order>.eyebrow{font-size:9px;margin-bottom:23px}.quiz-player{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid #d4dec7;color:#8e9e7e}.quiz-player.current{color:#446b3e}.quiz-player>span{font:24px Georgia;color:#a5b48f}.quiz-player strong{font-size:12px;display:block}.quiz-player small{font-size:9px;display:block;margin-top:6px}.quiz-order .notice{font-size:10px;margin-top:25px;padding:12px;line-height:1.7}.quiz-order .notice .i18n-en{font-size:9px}.quiz-main{background:#faf9ef;padding:30px;border:1px solid #d6dfc9;border-radius:8px}.quiz-question{border:0;padding:15px 0 25px;margin:0;border-bottom:1px solid #dfe5d2}.quiz-question legend{font-size:14px;display:flex;gap:15px;line-height:1.7;padding:0}.quiz-question legend>span:first-child{font:20px Georgia;color:#a5b48b;margin-top:4px}.quiz-question legend .i18n-en{font-size:11px;color:#8b9b78}.quiz-option{display:flex;gap:12px;font-size:12px;line-height:1.7;padding:12px 14px;margin:10px 0;border:1px solid #dbe3cd;border-radius:4px;cursor:pointer;background:#f1f3e6}.quiz-option input{margin-top:5px;accent-color:#628652}.quiz-option:has(input:checked){border-color:#8da773;background:#e5edda}.quiz-option .i18n-en{font-size:10px;color:#8b9b78}.quiz-main .btn{margin-top:23px}.quiz-rules{font-size:10px;line-height:1.8;color:#9aaa8a;margin-top:27px;border-top:1px solid #e0e5d5;padding-top:20px}.quiz-wait{text-align:center;padding:45px 15px}.quiz-wait>span{font-size:60px;color:#9caf87}.quiz-wait h2{font-size:25px;margin:18px 0}.quiz-wait h2 .i18n-en{font-size:15px}.quiz-wait p{font:20px var(--serif);color:#7c9566}.quiz-wait small{font-size:11px;color:#99a98a}.opening-results{font-size:11px;color:#82976f;margin-top:20px}
@media(min-width:1600px){.civ-layout{grid-template-columns:270px minmax(0,1fr) 290px}.civ-policy{padding:25px}.civ-resourcebar{gap:50px}.territory-heading{padding:28px 35px 0}.territory-heading h1{font-size:29px}.build-item{grid-template-columns:80px 1fr;padding:10px 4px}.build-item-visual{width:80px}.civ-territory{min-height:700px}}
@media(max-width:1150px){.civ-layout{grid-template-columns:220px minmax(0,1fr) 225px}.civ-policy{padding:18px 14px}.civ-resourcebar{gap:15px;padding:12px 18px}.civ-resource{gap:7px}.civ-resource>span{font-size:20px}.civ-nation{min-width:150px}.civ-resource strong{font-size:16px}.civ-resource div>small{font-size:9px}.build-item{grid-template-columns:57px 1fr}.build-item-visual{width:57px}.build-item strong{font-size:11px}.civ-bottomdock{gap:8px;justify-content:flex-start}.civ-bottomdock>button{font-size:9px}.civ-bottomdock .i18n-en{font-size:7px}.territory-heading{padding:20px 20px 0}.territory-heading h1{font-size:21px}.territory-heading h1 .i18n-en{font-size:11px}.civ-minimap{width:115px}.civ-entry-main{grid-template-columns:440px 1fr}.civ-entry-copy{padding:40px 25px 40px 40px}.civ-entry-copy h1{font-size:44px}.civ-entry-scene .territory-svg{min-width:520px}.civ-countdown{min-width:0}.civ-timeline{grid-template-columns:165px 1fr 125px;gap:20px}.scene-inspector{max-width:260px;bottom:85px}.scene-inspector p .i18n-en{font-size:8px}.scene-inspector{display:block}.scene-inspector .btn{margin-top:12px}}
@media(max-width:850px){.civ-entry-main{grid-template-columns:1fr}.civ-entry-copy{padding:45px 35px;max-width:550px;margin:auto}.civ-entry-scene{display:none}.civ-header{padding:12px 15px}.civ-header-status>.pill{display:none}.civ-header .brand strong{font-size:13px}.civ-timeline{grid-template-columns:135px 1fr 100px;padding:12px 15px;gap:12px}.civ-date strong{font-size:16px}.civ-countdown strong{font-size:23px}.timeline-labels>span:nth-child(2){display:none}.civ-resourcebar{gap:12px;flex-wrap:wrap}.civ-nation{min-width:100%;padding-bottom:10px;border-right:0;border-bottom:1px solid #d8dfce}.civ-resource{min-width:70px}.civ-resourcebar>.civ-iconbutton{position:absolute;right:20px;margin-top:-80px}.civ-layout{grid-template-columns:1fr}.civ-territory{grid-row:1;min-height:650px}.civ-policy{grid-row:2;min-height:0;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;padding:25px}.civ-policy .civ-panel-title{grid-column:1/3}.civ-policy .civ-policy-meaning{grid-column:1}.civ-policy form{grid-column:2;grid-row:2/5}.civ-policy .civ-event{grid-column:1}.civ-policy .saved-label{grid-column:2}.civ-build{grid-row:3;min-height:0;max-height:none;padding-bottom:15px}.build-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.build-item{grid-template-columns:60px 1fr}.build-item-visual{width:60px}.construction-list{margin-top:20px}.civ-foot{flex-direction:column;gap:8px}.civ-trade-grid{grid-template-columns:1fr}.quiz-layout{grid-template-columns:1fr}.quiz-order{border:0;padding:0}.quiz-order>.eyebrow,.quiz-order>.notice{display:none}.quiz-order{display:flex;gap:20px}.quiz-player{flex:1;border:0;padding:10px 0}.quiz-player>span{font-size:20px}.household-cards{grid-template-columns:1fr}.civ-modal-body{padding:20px}.civ-modal>header{padding:20px}.civ-modal-body .world-modal-map .map-svg{height:280px}.assignment-grid{grid-template-columns:1fr}.civ-modal .grid-3{grid-template-columns:1fr}.world-destination{padding:15px}.world-destination strong{font-size:19px}.lobby-seats{gap:12px}.lobby-seat{padding:22px 12px}.lobby-scene{padding:40px 20px}.lobby-heading h1{font-size:31px}.lobby-heading h1 .i18n-en{font-size:17px}.dice-seats{gap:15px}.dice-seat{padding:25px 14px}.opening-page{padding:35px 20px}.opening-heading h1{font-size:30px}}
@media(max-width:550px){.civ-entry>header{padding:18px}.civ-entry .brand strong{font-size:13px}.civ-entry .brand small{display:none}.civ-entry .brandmark{width:28px;height:28px}.language-control select{max-width:130px;font-size:9px}.civ-entry-copy{padding:35px 23px}.civ-entry-copy h1{font-size:36px}.civ-entry-copy h1 .i18n-en{font-size:16px}.entry-system-tags{gap:6px}.entry-system-tags>span{font-size:10px;padding:7px}.entry-system-tags .i18n-en{font-size:8px}.civ-header .brandmark{display:none}.civ-header .brand strong{font-size:12px}.civ-header .brand .i18n-en{font-size:9px}.civ-timeline{grid-template-columns:110px 1fr 82px;gap:7px}.civ-date strong{font-size:12px}.civ-date small{font-size:7px}.civ-countdown strong{font-size:21px}.civ-countdown small{font-size:7px}.timeline-labels{font-size:7px}.civ-resourcebar{padding:11px 14px;gap:10px}.civ-resource{min-width:50px;gap:4px}.civ-resource>span{display:none}.civ-resource strong{font-size:17px}.civ-resource strong small{display:none}.civ-resource div>small{font-size:9px}.civ-resource div>small .i18n-en{font-size:7px}.civ-territory{min-height:560px}.territory-heading{padding:20px 18px 0}.territory-heading h1{font-size:23px}.territory-period{font-size:8px;max-width:90px}.territory-stage{min-height:380px}.territory-svg{min-width:550px}.civ-minimap{width:100px;right:10px;bottom:12px;padding:6px}.minimap-label{font-size:7px}.minimap-label .i18n-text{display:block}.minimap-label .i18n-en{font-size:6px}.civ-minimap>button{font-size:7px}.civ-bottomdock{padding:10px 105px 10px 10px;gap:2px;flex-wrap:wrap;min-height:100px}.civ-bottomdock>button{font-size:8px;min-width:46px;padding:3px}.civ-bottomdock>button>span:first-child{font-size:18px}.civ-bottomdock .i18n-en{font-size:6px}.civ-policy{grid-template-columns:1fr;padding:25px}.civ-policy .civ-panel-title,.civ-policy .civ-policy-meaning,.civ-policy form,.civ-policy .civ-event,.civ-policy .saved-label{grid-column:1;grid-row:auto}.build-catalog{grid-template-columns:repeat(2,1fr)}.civ-overlay{padding:10px}.civ-modal{max-height:94vh}.civ-modal>header h2{font-size:22px}.civ-modal-body{padding:17px}.civ-modal .compare-table{font-size:9px}.lobby-seats{grid-template-columns:1fr}.lobby-seat{min-height:0;display:grid;grid-template-columns:70px 1fr;gap:0 15px;padding:17px 20px;text-align:left}.seat-number{display:none}.seat-avatar{grid-row:1/4;grid-column:1;font-size:44px;height:auto;display:grid;place-items:center}.lobby-seat h2{grid-column:2;font-size:19px;margin:4px 0 5px}.seat-state{grid-column:2;font-size:10px}.lobby-seat p{grid-column:2;margin:8px 0;font-size:9px}.lobby-room{gap:13px}.lobby-room>strong{font-size:23px}.lobby-room .btn{font-size:9px;padding:6px 8px}.lobby-heading h1{font-size:29px}.lobby-heading>p{font-size:11px}.dice-seats{grid-template-columns:1fr}.dice-seat{min-height:0;display:grid;grid-template-columns:90px 1fr;gap:0 15px;text-align:left;padding:20px}.dice-block{grid-column:1;grid-row:1/5;width:65px;height:65px;font-size:37px;margin:auto}.dice-face{font-size:55px}.dice-seat h2{font-size:20px;margin:0}.dice-seat>small{grid-column:2}.dice-history{padding:6px 0;min-height:30px;grid-column:2}.dice-seat .btn,.dice-seat>.pill{grid-column:2;width:fit-content;min-width:0;font-size:10px;padding:7px 10px}.quiz-main{padding:20px}.quiz-player{gap:8px}.quiz-player>span{font-size:17px}.quiz-player strong{font-size:10px}.quiz-player small{font-size:8px}.quiz-question legend{font-size:12px;gap:10px}.quiz-question legend .i18n-en{font-size:10px}.quiz-option{font-size:11px;padding:10px}.quiz-option .i18n-en{font-size:9px}.opening-heading h1{font-size:27px}.opening-heading h1 .i18n-en{font-size:16px}.opening-heading p{font-size:10px}.scene-hint{bottom:12px;left:17px;font-size:8px}.scene-inspector{left:15px;bottom:45px;width:230px;padding:13px}.civ-visiting{font-size:9px;gap:12px;padding:9px 14px}}
.saved-guest-resume{max-width:365px;border-top:1px solid #cfd9c1;margin-top:20px;padding-top:16px}.saved-guest-resume>label{font-size:10px;display:block;color:#879b76;margin-bottom:8px}.saved-guest-resume select{flex:1;min-width:0;border:1px solid #cbd6bc;background:#f5f6e9;padding:8px;font-size:11px;color:#617954;border-radius:4px}.saved-guest-resume .row{gap:8px}.saved-guest-resume>small{font-size:9px;color:#97a78b;display:block;margin-top:8px}
.gm-tools{position:fixed;right:23px;top:74px;z-index:38;width:min(650px,calc(100vw - 35px));background:#f5f0df;border:1px solid #c9b77f;border-radius:7px;box-shadow:0 7px 35px #403c2925;color:#5d613d}.gm-tools:not([open]){width:auto;max-width:calc(100vw - 35px)}.gm-tools>summary{display:flex;gap:13px;align-items:center;padding:10px 15px;font-size:11px;cursor:pointer;list-style:none}.gm-tools>summary>span:first-child{font:10px Georgia;letter-spacing:1px;color:#9c8645}.gm-tools>summary .i18n-en{font-size:9px}.gm-tools>summary>i{font-style:normal;color:#9b9c73;font-size:9px}.gm-body{padding:18px;border-top:1px solid #ddd3b1;max-height:72vh;overflow:auto}.gm-select{display:grid;grid-template-columns:120px 1fr;gap:9px;align-items:center}.gm-select label{font-size:11px}.gm-select select{padding:8px;border:1px solid #c9c7a6;background:#fcf9ee;color:#617047;border-radius:4px;font-size:11px}.gm-select small{grid-column:2;font-size:9px;color:#969a77}.gm-resource-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gm-resource-fields label{font-size:10px}.gm-resource-fields .i18n-en{font-size:8px}.gm-resource-fields input{padding:7px!important;font-size:11px!important}.gm-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid #dad4b7}.gm-actions .btn{font-size:10px}.gm-actions .i18n-en{font-size:8px}.gm-body>p{font-size:9px;color:#a09e7b;margin:18px 0 0}.trade-account-note{display:flex;flex-wrap:wrap;gap:12px 25px;background:#ebefde;border:1px solid #d6dfc6;border-radius:5px;padding:15px;margin-bottom:22px;font-size:11px}.trade-account-note>small{width:100%;font-size:10px;color:#8c9b7b}.trade-account-note .i18n-text{vertical-align:middle}.trade-account-note .i18n-en{font-size:9px}@media(max-width:550px){.gm-tools{right:12px;top:70px}.gm-tools>summary{padding:8px 10px;gap:10px}.gm-tools>summary>i{display:none}.gm-select{grid-template-columns:90px 1fr}.gm-resource-fields{grid-template-columns:repeat(2,1fr)}.gm-body{padding:13px}}
.civ-mobile-tools{display:none}@media(max-width:850px){.civ-mobile-tools{display:flex;align-items:stretch;border-bottom:1px solid #cdd9be;background:#edf1e2;position:relative;z-index:17}.civ-mobile-tools button{flex:1;background:none;color:#8b9d78;padding:10px 5px;border-bottom:2px solid transparent;font-size:11px}.civ-mobile-tools button.active{color:#416f43;border-bottom-color:#6c8d53;background:#e0e8d1}.civ-mobile-tools .i18n-en{font-size:8px}.civ-layout{display:block;position:relative}.civ-layout>.civ-territory{display:flex;min-height:610px}.civ-layout>.civ-policy,.civ-layout>.civ-build{display:none}.civ-layout[data-mobile-panel=policy]>.civ-policy,.civ-layout[data-mobile-panel=build]>.civ-build,.civ-layout[data-mobile-panel=research]>.civ-build{display:block;position:absolute;top:80px;left:16px;width:min(330px,calc(100% - 32px));height:auto;max-height:435px;min-height:0;overflow-y:auto;z-index:9;border:1px solid #bdcda9;border-radius:8px;box-shadow:0 12px 40px #35512930;background:#f9f7e9}.civ-layout[data-mobile-panel=policy]>.civ-policy{padding:20px}.civ-layout[data-mobile-panel=build]>.civ-build .build-catalog,.civ-layout[data-mobile-panel=research]>.civ-build .build-catalog{display:block}.civ-layout .civ-minimap{z-index:12}.civ-layout .civ-bottomdock{z-index:11}.civ-policy .saved-label{font-size:9px}.civ-policy .civ-event{margin-top:18px}}@media(max-width:550px){.civ-layout>.civ-territory{min-height:565px}.civ-layout[data-mobile-panel=policy]>.civ-policy,.civ-layout[data-mobile-panel=build]>.civ-build,.civ-layout[data-mobile-panel=research]>.civ-build{top:77px;left:12px;width:calc(100% - 24px);max-height:370px}.civ-mobile-tools button{font-size:10px;padding:9px 3px}.civ-mobile-tools .i18n-en{font-size:7px}}
/* Native fullscreen and an honest in-app expanded-view fallback. */
.fullscreen-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 10px;border:1px solid #cbd6c0;border-radius:5px;background:#fafbf1;color:#5f7852;font-size:10px;line-height:1.3;flex-shrink:0}.fullscreen-button>span:first-child{font-size:19px;line-height:1}.fullscreen-button .i18n-en{font-size:8px;line-height:1.3;margin-top:1px}.fullscreen-button:hover{background:#e6edda}.fullscreen-button[aria-pressed=true]{border-color:#8da674;background:#e6edda}.civ-header .fullscreen-button{background:#254d3d;border-color:#58725b;color:#e3e9d7}.civ-header .fullscreen-button:hover{background:#355e48}.civ-header .fullscreen-button[aria-pressed=true]{background:#4c6948;border-color:#91a773}.game-viewport,.game-viewport body{height:100%;overflow:hidden}.game-viewport .civ-app{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.game-viewport .civ-header,.game-viewport .civ-timeline,.game-viewport .civ-resourcebar,.game-viewport .civ-mobile-tools,.game-viewport .civ-visiting{flex-shrink:0}.game-viewport .civ-header{padding-top:9px;padding-bottom:9px;min-height:57px}.game-viewport .civ-timeline{padding-top:10px;padding-bottom:9px;min-height:66px}.game-viewport .civ-resourcebar{padding-top:9px;padding-bottom:9px;min-height:68px}.game-viewport .civ-layout{flex:1;min-height:0;overflow:hidden}.game-viewport .civ-layout>.civ-territory{min-height:0;height:100%;overflow:hidden}.game-viewport .civ-layout>.civ-policy,.game-viewport .civ-layout>.civ-build{min-height:0;max-height:100%;height:100%;overflow-y:auto}.game-viewport .territory-heading{padding-top:15px;flex-shrink:0}.game-viewport .territory-stage{min-height:0;overflow:hidden}.game-viewport .territory-svg{min-width:0;width:100%;height:100%;max-height:none}.game-viewport .civ-bottomdock{min-height:64px;flex-shrink:0;padding-top:7px;padding-bottom:7px}.game-viewport .civ-minimap{width:114px;bottom:11px}.game-viewport .civ-minimap svg{max-height:84px}.game-viewport .civ-foot{display:none}.game-viewport .opening-page,.game-viewport .lobby-scene{overflow-y:auto;flex:1;min-height:0}.game-viewport .workspace{height:100dvh;overflow:auto}.game-viewport .civ-entry,.game-viewport .landing{height:100dvh;min-height:0;overflow:auto}.game-viewport .civ-modal{max-height:94dvh}@media(max-width:850px){.game-viewport .civ-layout[data-mobile-panel=policy]>.civ-policy,.game-viewport .civ-layout[data-mobile-panel=build]>.civ-build,.game-viewport .civ-layout[data-mobile-panel=research]>.civ-build{top:65px;height:auto;max-height:calc(100% - 145px)}.game-viewport .territory-heading h1{font-size:22px}.game-viewport .territory-heading h1 .i18n-en{font-size:11px}.game-viewport .civ-minimap{width:105px}.game-viewport .scene-hint{bottom:14px}}@media(max-width:550px){.fullscreen-button{font-size:9px;padding:5px 7px;gap:5px}.fullscreen-button .i18n-en{font-size:7px}.fullscreen-button>span:first-child{font-size:17px}.civ-header-status{gap:7px}.civ-entry>header .row{gap:6px}.civ-entry>header .brand{max-width:140px}.civ-entry>header .brand strong{font-size:11px}.civ-entry .language-control select{max-width:106px;font-size:8px}.game-viewport .civ-resourcebar{gap:8px;padding-top:7px;padding-bottom:7px}.game-viewport .civ-nation{padding-bottom:7px}.game-viewport .territory-heading{padding-top:12px}.game-viewport .territory-heading h1{font-size:20px}.game-viewport .territory-heading h1 .i18n-en{font-size:10px}.game-viewport .civ-bottomdock{min-height:79px}.game-viewport .civ-minimap{width:96px}.game-viewport .civ-minimap svg{max-height:70px}.game-viewport .scene-inspector{bottom:35px;max-height:55%;overflow:auto}.game-viewport .scene-hint{font-size:7px;bottom:7px;max-width:75%}}
@media(max-width:550px){.civ-header .brand{min-width:0;flex:1;margin-right:8px}.civ-header .brand strong .i18n-en{max-width:108px;line-height:1.25}.civ-header .language-control select{max-width:122px}.civ-header-status{flex-shrink:0}}
/* GM controls live in the header; their closed state never covers the clock. */
.civ-header .gm-tools{position:relative;inset:auto;width:auto;max-width:none;z-index:38;background:#344f3c;border-color:#738363;border-radius:5px;box-shadow:none;color:#e0dfbc;flex-shrink:0}.civ-header .gm-tools>summary{padding:6px 10px;gap:9px;font-size:10px}.civ-header .gm-tools>summary>span:first-child{font-size:8px;letter-spacing:.5px;color:#c4c594}.civ-header .gm-tools>summary>i{font-size:8px;color:#b3bf96}.civ-header .gm-tools>summary .i18n-en{font-size:8px}.civ-header .gm-tools .gm-body{position:absolute;top:calc(100% + 13px);right:0;width:min(650px,calc(100vw - 30px));max-height:calc(100dvh - 100px);background:#f5f0df;border:1px solid #c9b77f;border-radius:7px;box-shadow:0 10px 40px #23372840;color:#5d613d}.civ-header .gm-tools .gm-body .btn{color:#536a43}.civ-header .gm-tools .gm-body .btn.danger{color:#9b463d}@media(max-width:1150px){.civ-header .gm-tools>summary>i{display:none}.civ-header .gm-tools>summary>span:first-child{display:none}}@media(max-width:850px){.civ-header .gm-tools .gm-body{position:fixed;top:69px;right:12px;max-height:calc(100dvh - 85px);width:calc(100vw - 24px)}}@media(max-width:550px){.civ-header .gm-tools>summary{padding:5px 6px;font-size:9px}.civ-header .gm-tools>summary .i18n-en{font-size:7px}.civ-header .gm-tools .gm-body{top:74px}}