/* Every interface surface uses generated raster artwork, including nine-slice frames. */
:root{--character-color:#57916e;--frame:url('./assets/ui-frame.png');--leather:url('./assets/ui-panels.png');--parchment:url('./assets/research-parchment.png')}
body.immersive .city-card,body.immersive .research-panel,body.immersive .turn-bar,body.immersive .topbar{filter:hue-rotate(var(--theme-hue,0deg))}.character-detail h2{color:color-mix(in srgb,var(--character-color),#f9e7bc 70%)}
.tech-tree{grid-template-rows:28px repeat(3,125px)!important;gap:18px!important}.tech-node{min-height:122px!important}.tech-node p{font-size:10px!important}.tech-node small{font-size:8px!important}.tech-node h3{font-size:13px!important}.tech-scroll{padding:20px 25px!important}.tech-action{font-size:9px!important}
.immersive{height:100dvh;overflow:hidden;font-family:'DM Sans',sans-serif;background:#061523}.immersive main{padding:0;max-width:none}.immersive .topbar{position:fixed;inset:0 0 auto;z-index:12;height:49px;padding:0 15px;border:0;border-image:var(--frame) 70 fill / 5px / 0 stretch;background:none;box-shadow:0 2px 16px #0008;gap:12px}.brand{font-size:11px;letter-spacing:1px;gap:7px}.brand-mark{font:10px Georgia,serif;width:31px;height:31px;background-image:var(--leather);background-size:200% 100%;background-position:right;border:0;border-radius:50%;color:#1c2e37;box-shadow:inset 0 0 6px #f1deba}.brand small{font-size:5px;letter-spacing:1.5px}.header-actions{margin-left:auto;gap:6px}.header-actions .saved{display:none}.icon-button{background:var(--frame) center/100% 100%;border:0;border-radius:0;width:29px;height:29px;color:#e4d2a1;font-size:15px}.immersive .overview{margin:0}.overview>div:first-child{display:none}.stats{position:fixed;top:6px;left:245px;right:190px;z-index:13;display:flex;justify-content:flex-start;gap:28px;pointer-events:none}.stats>div{border:0;padding:0}.stats span{font-size:6px;letter-spacing:.7px}.stats strong{display:inline-block;margin:0 0 0 8px;font-size:17px;color:#f2d382;letter-spacing:0}.stats small{display:block;font-size:7px;margin-top:1px}.stats .round-stat{margin-left:auto;min-width:85px}.stats .round-stat strong{font-size:14px}.stats .round-stat span{display:block}.stats .round-track{display:none}.stats .science-stat strong{color:#88cdf0}.stats .science-stat span{display:block}.stats .science-stat strong{margin:0}.stats>div:nth-child(2)>small{color:#a1b6bf}.immersive .topbar nav{position:fixed;left:14px;top:60px;margin:0;gap:5px;z-index:15}.nav{height:49px;width:49px;min-width:49px;padding:2px;display:grid;place-items:center;border:0!important;background:var(--frame) center/100% 100%;color:#e4d5b5;font-size:7px;line-height:1.2;box-shadow:0 2px 5px #0006;border-radius:50%;overflow:hidden}.nav.active{background:var(--frame) center/100% 100%;filter:brightness(1.5);color:#d5efff}.nav span{display:none}.workspace{display:block}.board-panel{position:fixed;inset:49px 0 0;border:0;min-height:0;border-radius:0;box-shadow:none;background:#123245}#board{inset:0;position:absolute}.board-top{left:310px;right:auto;top:20px;width:auto;background:none;padding:0;opacity:.7}.board-title{font-family:Georgia,serif;font-size:9px;color:#c7d5b9}.board-hint{display:none}.tag{display:none}.sidebar{display:contents}.city-card{position:fixed;left:14px;top:171px;width:252px;max-height:calc(100dvh - 295px);overflow:auto;z-index:9;background:none;border:0;border-image:var(--frame) 80 fill / 13px / 0 stretch;padding:7px;border-radius:0;scrollbar-width:thin;scrollbar-color:#ad9460 #18303c}.city-visual{height:71px;background-image:linear-gradient(#12344966,#12344966),var(--parchment);background-size:cover;background-position:center;border:0;overflow:hidden}.city-visual:before{display:none}.city-visual .hex-emblem{background:none;clip-path:none;filter:none;width:auto;height:auto;position:absolute;bottom:3px;left:7px;margin:0}.hex-emblem span{font-size:15px;letter-spacing:3px;color:#eadbb2;font-family:Georgia,serif;text-shadow:0 2px 5px #183331}.location-tag{font-size:6px;border:0;background:#183444b3;left:7px;top:7px}.city-number{font-size:7px;top:7px;right:7px}.city-body{padding:12px 9px 8px}.city-body h2{font:22px Georgia,serif;margin:9px 0}.city-description{font-size:9px;min-height:0;line-height:1.5;margin-bottom:8px}.city-values strong{font-size:13px}.city-values{margin:9px 0}.city-values span{font-size:6px}.city-topline .eyebrow{font-size:6px}.status-badge{font-size:5px;background:var(--leather) left center/200% 100%;border:0}.primary,.secondary{background:none;border:0;border-image:var(--frame) 75 fill / 9px / 0 stretch;border-radius:0;box-shadow:none;color:#f0dba5;padding:12px 16px}.primary{filter:brightness(1.2)}.primary:not(:disabled):hover{filter:brightness(1.5)}.secondary:not(:disabled):hover{filter:brightness(1.3)}.city-body .primary{font-size:9px;padding:12px}.secondary{font-size:9px}.city-footnote{font-size:7px;margin-top:7px}.action-row button{font-size:8px;line-height:1.6}.tile-picker-label{font-size:6px}.city-body select{font-size:8px;background:var(--leather) left top/200% 100%!important;border:0!important;color:#d7d7c0;padding:8px!important}.research-panel{position:fixed;left:14px;top:120px;width:252px;z-index:10;color:#c8deea;background:none;border:0;border-image:var(--frame) 70 fill / 9px / 0 stretch;padding:10px 14px;text-align:left}.research-panel span{display:block;font-size:6px;letter-spacing:1.1px;color:#c1b385;margin-bottom:3px}.research-panel strong{font:12px Georgia,serif}.ranking-card{position:fixed;right:17px;top:65px;background:none!important;border:0!important;box-shadow:none!important;padding:0;z-index:9;width:265px}.ranking-card .section-title,.ranking-card .bot-note{display:none}#ranking{display:flex;gap:7px;justify-content:flex-end}.rank-row{position:relative;display:flex;flex-direction:column;border:0;background:none;color:#ede1b8;width:78px;margin:0;padding:0;gap:4px}.rank-no{position:absolute;left:0;top:0;z-index:2;background:var(--leather) right center/200% 100%;border-radius:50%;width:17px;height:17px;font-size:10px;display:grid;place-items:center;color:#142831}.portrait{display:inline-block;background-image:url('./assets/leaders-ten.png');background-size:500% 200%;aspect-ratio:1;width:100%;background-repeat:no-repeat;flex-shrink:0}.rank-avatar{width:64px;height:64px;border-radius:50%;border:0;background-image:url('./assets/leaders-ten.png')!important;background-size:500% 200%!important;box-shadow:0 0 0 3px #927a4b,0 0 0 5px #102a3c,0 4px 8px #0009}.rank-name{font-size:7px;text-shadow:0 1px 4px #000}.rank-name small{display:none}.rank-value{font-size:8px;text-shadow:0 1px 4px #000}.turn-bar{position:fixed;z-index:10;bottom:16px;right:18px;left:auto;max-width:520px;width:41vw;min-height:87px;background:none;border:0;border-image:var(--frame) 80 fill / 14px / 0 stretch;padding:18px 16px}.turn-avatar{display:none}.turn-copy strong{font-family:Georgia,serif;font-size:12px;max-width:270px;line-height:1.3}.turn-copy span{font-size:8px;line-height:1.4}.turn-bar .primary{padding:18px 20px;min-width:145px;font-size:11px}.board-controls{right:22px;bottom:120px;background:none;border:0;box-shadow:none;display:flex;flex-direction:row;gap:6px;overflow:visible}.board-controls button{width:35px;height:35px;border:0!important;background:var(--frame) center/100% 100%;font-size:24px;color:#ddd6ac}.compass{bottom:135px;left:286px;font-size:8px;color:#dfd6ad}.compass span{font-size:43px}.map-legend{bottom:117px;left:auto;right:155px;background:none;font-size:7px}.sea-label{top:48%;left:55%;font:12px Georgia,serif;letter-spacing:5px;opacity:.55;color:#bbd0c4}.sea-label small{font:7px 'DM Sans',sans-serif;letter-spacing:1px;margin-top:8px}.city-label{background:none;border:0;border-image:var(--frame) 90 fill / 5px / 0 stretch;padding:6px 10px;font:7px Georgia,serif;border-radius:0;box-shadow:0 2px 7px #05152166;backdrop-filter:none;color:#f0e3bb}.city-label.selected{background:none;filter:brightness(1.55)}.city-label.owned:not(.selected){border:0;filter:hue-rotate(-15deg) brightness(1.3)}.bottom-grid{display:contents}.news-card{position:fixed;left:283px;bottom:19px;width:min(28vw,370px);z-index:8;background:none;border:0;border-image:var(--frame) 80 fill / 11px / 0 stretch;padding:16px;gap:10px;min-height:77px}.news-symbol{font-size:21px}.news-card h3{font:12px Georgia,serif}.news-card p:last-child{font-size:8px}.news-tag{display:none}.news-card .eyebrow{font-size:6px;letter-spacing:1px}.investment-teaser{display:none}.activity{position:fixed;left:14px;bottom:16px;width:252px;z-index:8;padding:14px;background:none;border:0;border-image:var(--frame) 80 fill / 10px / 0 stretch;height:102px}.activity .section-title{margin:0 0 6px}.activity .section-title h2{font:10px Georgia,serif}.activity .section-title>span{font-size:5px}#activity-log{display:block;font-size:7px;max-height:64px;overflow:auto;scrollbar-width:thin}#activity-log>div{margin-bottom:4px}#activity-log b{font-size:6px}footer{display:none}.insurance-block{padding:9px 0 3px}.insurance-block strong{display:block;font-size:8px;color:#dfc58d}.insurance-block button{display:block;width:100%;font-size:8px;margin:6px 0;padding:10px}.insurance-block small{font-size:7px;color:#a2b6b6}.loading{background:#1b3642;color:#e8d7ab}.loading span{font:32px Georgia,serif}dialog{background:none;border:0;border-image:var(--frame) 75 fill / 17px / 0 stretch;border-radius:0;padding:25px;width:min(790px,94vw)}.modal-top{margin-bottom:15px}dialog::backdrop{background:#031320aa;backdrop-filter:blur(3px)}#modal-body h2{font:31px Georgia,serif;color:#e8d2a0}.market-item,.holdings,.empty-state,.save-slot{background:none;border:0;border-image:var(--frame) 75 fill / 10px / 0 stretch;border-radius:0;padding:18px}.market-item select,select,input[type=range]{accent-color:#caae72}select{background:var(--leather) left center/200% 100%;color:#eddfb8;border:0;padding:10px;font:inherit}.portfolio-item{border:0;background:var(--leather) left center/200% 100%;margin-bottom:8px;padding:13px}.modal-actions .primary{font-size:11px}.perk-banner{background:none;border:0;border-image:var(--frame) 85 fill / 9px / 0 stretch;padding:15px;color:#e6cf9b;font-size:12px;line-height:1.5}.perk-banner span{display:block;font-size:7px;letter-spacing:1px;color:#ada077;margin-bottom:7px}.settings-grid{display:grid;gap:23px;margin:24px 0}.settings-grid label{font-size:12px;color:#d6d0b0}.settings-grid select{display:block;width:100%;margin:8px 0}.settings-grid small{display:block;font-size:10px;color:#8da6a5}.settings-grid input[type=range]{display:block;width:100%;margin-top:14px}.save-slot{margin:18px 0}.save-slot strong{font-size:15px}.save-slot .primary{font-size:11px}.leader-profile{display:grid;grid-template-columns:45% 1fr;gap:25px;align-items:center}.profile-art{border-radius:0;mask-image:linear-gradient(black 85%,transparent)}.leader-profile h3{font:15px Georgia,serif;color:#d4b773}.stock-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.stock-item{border:0;border-image:var(--frame) 80 fill / 10px / 0 stretch;padding:15px}.stock-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stock-symbol{font:12px Georgia,serif;color:#e5ca89}.stock-heading h3{font-size:11px;margin:0}.stock-heading small{font-size:8px;color:#a2b8b7}.stock-heading>strong{margin-left:auto;font-size:16px;font-weight:400}.stock-heading>strong small{display:block;font-size:8px;margin-top:4px}.up{color:#b4d499!important}.down{color:#df967a!important}.stock-spark{height:57px;display:flex;gap:3px;align-items:end;margin:18px 0;overflow:hidden}.stock-spark i{flex:1;max-width:15px;min-width:4px;background-image:var(--leather);background-size:200% 100%;background-position:right;filter:hue-rotate(25deg)}.stock-owned{font-size:9px;margin-bottom:12px;color:#a9bcb2}.stock-controls{display:flex;gap:5px;flex-wrap:wrap}.stock-controls select{width:100%;font-size:10px}.stock-controls button{flex:1;font-size:9px;padding:9px}.tech-modal{width:96vw;max-width:1530px;max-height:91vh}.tech-summary{display:flex;justify-content:space-between;align-items:center}.tech-summary>span{font-size:11px;color:#d7c38d}.tech-scroll{background:var(--parchment) center/cover;overflow:auto;margin:15px 0;border:0;border-image:var(--frame) 70 / 7px / 0 stretch;padding:30px 25px 35px}.tech-tree{min-width:1150px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:30px repeat(3,150px);gap:25px 18px;position:relative}.era-row{grid-column:1/6;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:center;color:#564b35;font:10px Georgia,serif;letter-spacing:1px;text-align:center}.tech-node{position:relative;display:flex;gap:10px;align-self:center;align-items:start;padding:14px 12px 12px;background:none;border:0;border-image:var(--frame) 90 fill / 10px / 0 stretch;box-shadow:0 6px 10px #473e3430;min-height:133px}.tech-node:not(:nth-child(2)):before{content:'›';position:absolute;left:-17px;top:40%;font:29px Georgia,serif;color:#645735}.tech-node.complete{filter:sepia(.5) brightness(1.4)}.tech-node.locked{filter:grayscale(.7);opacity:.7}.tech-node.researching{filter:brightness(1.6)}.tech-medallion{font:25px Georgia,serif;color:#e0c080;width:31px;flex-shrink:0;display:grid;place-items:center;background:var(--leather) left center/200% 100%;border-radius:50%;height:31px}.tech-node h3{font:12px Georgia,serif;margin:0 0 7px;color:#e4d4a5}.tech-node p{font-size:8px!important;line-height:1.5!important;margin:0 0 7px!important}.tech-node small{font-size:6px;line-height:1.4;display:block;color:#b1bcb1}.tech-action{background:var(--leather) right center/200% 100%;border:0;padding:5px 7px;font-size:7px;color:#142d36;width:100%;margin-top:9px}.tech-note{font-size:10px!important}.tech-node progress{width:100%;height:4px;accent-color:#78b8cf}.home-screen{position:fixed;inset:0;z-index:40;background:#07151d url('./assets/ui-panels.png') left center/200% 100%;overflow:auto;color:#efe0bd}.home-screen[hidden]{display:none}.home-art{position:absolute;width:80vh;height:80vh;right:4vw;top:12vh;background:url('./assets/leaders-ten.png') 0 0/500% 200%;mask-image:linear-gradient(90deg,transparent,black 15%,black 80%,transparent),linear-gradient(black 80%,transparent);mask-composite:intersect;opacity:.9}.home-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 45%,transparent,#06121bac 70%);pointer-events:none}.home-brand{position:absolute;top:30px;left:45px;display:flex;gap:12px;align-items:center}.home-brand img{width:70px;height:auto;filter:brightness(0) invert(1);opacity:.75}.home-brand span{font-size:9px;letter-spacing:5px;color:#bfa675}.home-content{position:relative;z-index:2;width:550px;margin:14vh 0 0 9vw}.home-content>.eyebrow{font-size:8px;letter-spacing:3px}.home-content h1{font:48px Georgia,serif;letter-spacing:5px;line-height:.98;color:#e9d4a8;text-shadow:0 4px 9px #0008;margin:22px 0 32px}.home-content h1 b{font-weight:400;font-size:110px;letter-spacing:10px}.home-content h1 span{display:block;font:7px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:15px;color:#beb596}.home-menu{width:310px;display:flex;flex-direction:column;gap:11px}.home-menu button{background:none;border:0;border-image:var(--frame) 80 fill / 11px / 0 stretch;padding:13px 22px;color:#e5d4a5;text-align:left;font:18px Georgia,serif;letter-spacing:.6px}.home-menu button small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:.5px;color:#a4b6b6;margin-top:5px}.home-menu button:hover{filter:brightness(1.4)}.home-foot{font-size:7px;letter-spacing:1.5px;color:#97aaa4;margin-top:28px}.studio-intro{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:radial-gradient(#193943,#050b10 75%)}.studio-intro img{width:min(380px,60vw);filter:brightness(0) invert(1)}.studio-intro h2{font:18px Georgia,serif;letter-spacing:20px;margin:20px 0;color:#cdb47d}.studio-intro p{font-size:9px;letter-spacing:4px;color:#8da19f}.studio-intro .codex-title{font:80px Georgia,serif;letter-spacing:1px;color:#fff7dd;margin:20px 0 35px}.skip-intro{position:absolute;right:7vw;bottom:7vh;border:0;background:none;border-image:var(--frame) 80 fill / 10px / 0 stretch;color:#e0d2b0;font-size:11px;padding:14px 23px}.selection-header{display:flex;align-items:center;justify-content:space-between;padding:30px 4%;gap:30px}.selection-header h2{font:29px Georgia,serif;margin:6px 0}.selection-header .eyebrow{font-size:8px}.selection-turns{font-size:10px;letter-spacing:2px;color:#d7bc83}.character-layout{display:grid;grid-template-columns:1fr 280px;gap:35px;max-width:1500px;padding:0 4% 35px;margin:auto}.character-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-content:start}.character-card{padding:9px 9px 14px;border:0;background:none;border-image:var(--frame) 80 fill / 9px / 0 stretch;color:#e6d7b0;text-align:center}.character-card.chosen{filter:brightness(1.4);box-shadow:0 0 22px color-mix(in srgb,var(--character-color),transparent 60%)}.character-card .portrait{display:block;margin-bottom:12px}.character-card strong{font:13px Georgia,serif;display:block}.character-card small{font-size:7px;display:block;color:#9daca5;margin-top:5px}.character-detail .portrait-large{max-width:280px;mask-image:linear-gradient(black 78%,transparent);margin-bottom:10px}.character-detail h2{font:29px Georgia,serif;margin:10px 0}.character-detail>p:not(.eyebrow){font-size:11px;color:#a8b8ad;line-height:1.7}.character-detail .eyebrow{font-size:7px;letter-spacing:1.5px;margin:0}.character-detail .perk-banner{margin:20px 0}.character-detail label{font-size:7px;letter-spacing:1px;color:#b9b694;display:block;margin-bottom:8px}.character-detail select{width:100%;font-size:11px;margin-bottom:15px}.character-detail .primary{width:100%;font-size:12px}.fiction-note{font-size:7px;color:#889e98;display:block;text-align:center;margin-top:12px}#toast{background:none;border:0;border-image:var(--frame) 80 fill / 10px / 0 stretch;border-radius:0;padding:17px 25px;bottom:118px;z-index:60}.immersive[data-character=zara] .city-card,.immersive[data-character=zara] .research-panel{filter:sepia(.18)}.immersive[data-character=priya] .city-card{filter:hue-rotate(14deg)}.immersive[data-character=aisyah] .city-card{filter:hue-rotate(-8deg)}
@media(min-width:1500px){.city-card{width:285px;max-height:calc(100dvh - 305px)}.research-panel,.activity{width:285px}.board-top{left:330px}.news-card{left:317px}.compass{left:320px}.city-body{padding:16px 13px}.city-body h2{font-size:25px}.city-description{font-size:10px}.city-values strong{font-size:15px}.city-body .primary{font-size:11px}.action-row button{font-size:9px}.city-visual{height:92px}.city-footnote{font-size:8px}.tile-picker-label{font-size:7px}.city-body select{font-size:9px}.insurance-block strong{font-size:10px}.insurance-block button{font-size:9px}.turn-bar{width:520px}.nav{width:53px;height:53px}.character-detail .portrait-large{max-width:330px}.character-layout{grid-template-columns:1fr 330px}.character-grid{gap:20px}}
@media(max-width:1150px){.brand{font-size:9px}.brand small{display:none}.stats{left:200px;gap:16px;right:155px}.stats strong{font-size:14px}.stats span{font-size:5px}.stats>div:nth-child(2){display:none}.header-actions{gap:3px}.city-card,.research-panel,.activity{width:220px}.city-card{top:163px}.research-panel{top:115px}.city-body h2{font-size:19px}.nav{width:43px;height:43px;min-width:43px;font-size:6px}.immersive .topbar nav{gap:2px}.ranking-card{width:220px}.rank-row{width:67px}.rank-avatar{width:51px;height:51px}.rank-name{font-size:6px}.rank-value{font-size:7px}.news-card{left:247px;width:27vw;padding:14px}.turn-bar{width:43vw;min-width:340px}.turn-bar .primary{min-width:115px;padding:15px 11px;font-size:10px}.turn-copy strong{font-size:10px}.turn-copy span{font-size:7px}.map-legend{right:140px;font-size:6px;gap:9px}.board-top{left:250px}.character-layout{grid-template-columns:1fr 230px;gap:20px}.character-grid{grid-template-columns:repeat(5,1fr);gap:8px}.character-card strong{font-size:10px}.character-card small{font-size:6px}.selection-header h2{font-size:23px}.character-detail h2{font-size:25px}}
@media(max-width:760px){.immersive{height:auto;overflow:auto}.immersive .topbar{position:sticky;height:49px;min-height:49px;padding:0 9px;flex-wrap:nowrap}.brand{font-size:8px;letter-spacing:0}.brand-mark{width:25px;height:25px;font-size:8px}.brand small{display:none}.header-actions{gap:3px}.header-actions .icon-button{width:24px;height:27px;font-size:12px}.stats{position:absolute;top:57px;left:10px;right:10px;z-index:11;gap:15px;justify-content:space-between}.stats>div{padding:0}.stats strong{font-size:14px}.stats span{font-size:5px;display:block}.stats small{font-size:6px}.stats strong{margin:3px 0}.stats .round-stat strong{font-size:11px}.stats .round-stat{margin:0;min-width:70px}.stats .round-stat i{font-size:9px}.stats .science-stat strong{font-size:14px}.immersive .topbar nav{position:absolute;top:105px;left:9px;z-index:11;width:auto;gap:5px}.nav{flex:initial;width:40px;height:40px;min-width:40px;font-size:6px;border-radius:50%!important}.board-panel{position:relative;inset:auto;height:610px;min-height:0;overflow:hidden}.board-top{display:none}#board{inset:0 0 85px;top:0}.workspace{display:flex;flex-direction:column;gap:0}.sidebar{display:grid;grid-template-columns:1fr;gap:0}.city-card{position:relative;top:auto;left:auto;width:calc(100% - 18px);margin:0 9px;max-height:none;z-index:5;padding:12px}.city-visual{height:86px;float:right;width:40%;margin-left:12px}.city-body{padding:6px}.city-topline{display:flex}.city-body h2{font-size:23px}.city-description{font-size:10px}.city-values{max-width:55%}.city-values strong{font-size:15px}.city-body .primary{font-size:11px}.city-footnote{font-size:8px}.action-row{flex-direction:row}.action-row button{font-size:10px}.city-body select{font-size:10px!important}.tile-picker-label{font-size:8px}.insurance-block strong{font-size:10px}.insurance-block button{font-size:10px}.research-panel{position:absolute;top:157px;left:9px;width:205px;z-index:12}.research-panel strong{font-size:10px}.ranking-card{position:absolute;top:207px;right:9px;width:135px;z-index:11}.rank-row{width:39px;gap:3px}.rank-avatar{width:32px;height:32px;box-shadow:0 0 0 2px #917745,0 2px 5px #000}.rank-name{font-size:5px;max-width:45px;line-height:1.3}.rank-value{font-size:5px}.rank-no{height:11px;width:11px;font-size:7px;left:-3px;top:-4px}.turn-bar{position:absolute;bottom:4px;left:9px;right:9px;width:auto;min-width:0;max-width:none;min-height:75px;padding:15px 12px;gap:6px}.turn-bar .primary{font-size:9px;padding:15px 10px;min-width:108px}.turn-copy strong{font-size:10px;max-width:190px}.turn-copy span{font-size:7px;max-width:190px}.board-controls{right:14px;bottom:92px}.board-controls button{height:29px;width:29px;font-size:20px}.map-legend{bottom:91px;left:12px;right:auto;font-size:6px;gap:8px;padding:0}.compass{left:14px;bottom:132px}.sea-label{font-size:8px;top:45%;left:54%}.city-label{font-size:5px;padding:5px 6px;max-width:90px}.news-card{position:relative;left:auto;bottom:auto;width:calc(100% - 18px);margin:10px 9px 0;padding:15px;min-height:65px}.activity{position:relative;left:auto;bottom:auto;width:calc(100% - 18px);margin:10px 9px;height:110px}.activity .section-title h2{font-size:12px}.activity .section-title>span{font-size:7px}#activity-log{font-size:9px;line-height:1.5;max-height:70px}#activity-log>div:nth-child(3){display:block}#activity-log b{font-size:8px}.home-brand{top:22px;left:25px}.home-brand img{width:55px}.home-art{width:90vw;height:90vw;right:-15vw;top:15vh;opacity:.38}.home-content{width:90%;margin:17vh auto 30px}.home-content h1{font-size:38px}.home-content h1 b{font-size:90px}.home-content>.eyebrow{font-size:6px}.home-menu{width:280px}.home-menu button{font-size:17px;padding:12px 20px}.home-foot{font-size:6px}.selection-header{padding:22px 15px;flex-wrap:wrap;gap:15px}.selection-header>div{order:3;width:100%}.selection-header h2{font-size:24px}.selection-header .eyebrow{font-size:6px}.character-layout{display:flex;flex-direction:column;padding:0 15px 25px}.character-grid{grid-template-columns:repeat(5,1fr);gap:5px}.character-card{padding:4px 4px 8px;border-image-width:5px}.character-card strong{font-size:7px;line-height:1.4}.character-card small{display:none}.character-card .portrait{margin-bottom:7px}.character-detail{display:block;padding:15px}.character-detail .portrait-large{float:left;max-width:42%;margin:0 15px 15px 0}.character-detail h2{font-size:24px}.character-detail>p:not(.eyebrow){font-size:10px}.character-detail .perk-banner{clear:both}.selection-turns{margin-left:auto;font-size:8px}.stock-list{grid-template-columns:1fr}.stock-item{padding:16px}.stock-spark{height:45px;margin:12px 0}.stock-controls{flex-wrap:nowrap}.stock-controls select{width:40%}.tech-summary{display:block}.tech-summary>span{font-size:10px}.tech-scroll{padding:20px 13px}.tech-modal{padding:24px 16px}.tech-tree{min-width:1100px}.leader-profile{grid-template-columns:1fr}.profile-art{max-width:230px;margin:auto}#toast{bottom:20px;max-width:92%;font-size:10px}.settings-grid label{font-size:11px}}