#city-app{background:linear-gradient(#03121ec9,#03121ef0),url('empire-city.webp') center/cover fixed}#city-app [hidden]{display:none!important}#city-app[data-screen=lobby] .city-layout,#city-app[data-screen=game] .empire-lobby{display:none}.empire-language-label{display:flex;align-items:center;justify-content:flex-end;gap:10px;max-width:1900px;margin:9px auto;color:#d2b36e;font-size:10px;letter-spacing:.1em}.empire-language{color:#ffe2a0;background:var(--rosa-menu-fill);border:1px solid #b68e42;border-radius:8px;padding:7px 12px;min-height:36px}.empire-lobby{max-width:1900px;margin:auto}.empire-overview{display:flex;align-items:center;gap:35px;padding:12px 20px;border-block:1px solid #d7a64b38;background:linear-gradient(90deg,#052b40b0,#06192380);margin-bottom:14px}.empire-overview>span{display:flex;align-items:center;gap:12px;margin-right:auto}.empire-overview img{width:42px;height:46px;filter:drop-shadow(0 3px 4px #000)}.empire-overview strong,.empire-overview small{display:block}.empire-overview strong{font-size:16px}.empire-overview small{color:#b7cad6;font-size:10px;margin:4px 0}.empire-overview b{color:#ffe2a0;font-size:24px;font-variant-numeric:tabular-nums}.empire-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,25%);gap:16px}.empire-hero{min-height:420px;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:35px 40px}.empire-hero picture{position:absolute;inset:0;z-index:-2}.empire-hero picture img{width:100%;height:100%;object-fit:cover}.empire-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03121eeb 0%,#03121e9c 35%,transparent 70%);z-index:-1}.empire-hero-copy{max-width:54%;padding:10px 0}.empire-eyebrow{color:var(--rosa-gold-light);letter-spacing:.15em;font-size:10px;line-height:1.5;text-transform:uppercase}.empire-hero h1{font-size:clamp(34px,4.4vw,77px);font-weight:900;line-height:.98;margin:20px 0 18px;text-shadow:0 4px 0 #714216,0 7px 10px #000;letter-spacing:.01em}.empire-hero h1 small{display:block;font-size:.3em;letter-spacing:.42em;margin-bottom:12px}.empire-motto{font-size:11px;letter-spacing:.12em;color:#ffe2a0;line-height:1.6}.empire-intro{font-size:13px;line-height:1.7;max-width:355px;color:#c7dce6}.empire-hero .rosa-button{margin-top:12px;min-height:47px;padding-inline:22px}.empire-hero .rosa-button img{width:27px;height:27px}.empire-hero-tokens{position:absolute;right:7%;bottom:20px;display:flex;align-items:flex-end;gap:6px;filter:drop-shadow(0 8px 7px #000b)}.empire-hero-tokens img{width:65px;height:80px}.empire-hero-tokens img:nth-child(2){width:80px;height:100px}.empire-lobby-side{display:grid;gap:14px}.empire-lobby-side .rosa-panel{padding:20px}.section-icon{float:right;filter:drop-shadow(0 2px 4px #c79d3f55)}.section-icon img{width:45px;height:45px}.empire-lobby-side h2{font-size:18px;line-height:1.3;max-width:90%;clear:both}.empire-lobby-side p{font-size:11px;color:#b8ced7}.empire-lobby-side progress,.modal-body progress{width:100%;height:13px;accent-color:#d7a64b;border:1px solid #8a713b;border-radius:10px;overflow:hidden;background:#061923}.empire-lobby-side progress::-webkit-progress-bar,.modal-body progress::-webkit-progress-bar{background:#041521}.empire-lobby-side progress::-webkit-progress-value,.modal-body progress::-webkit-progress-value{background:linear-gradient(#ffe3a2,#d7a64b,#a36b20)}.empire-lobby-side .rosa-button{width:100%;margin-top:5px}.lobby-totals{display:grid;gap:8px}.lobby-totals span{display:flex;justify-content:space-between;font-size:12px;color:#bdcfd9}.lobby-totals b{color:#ffe2a0}.empire-mode-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.empire-mode-card{display:flex;flex-direction:column;color:#f8e8cc;text-align:left;padding:0;overflow:hidden;min-height:195px;transition:transform .2s,box-shadow .2s}.empire-mode-card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 4px #051c2a,0 8px 25px #d7a64b30}.mode-art{position:relative;width:100%;height:115px;display:flex;justify-content:center;align-items:flex-end;gap:10px;background:linear-gradient(#073c6333,#061923aa),url('city.webp') center 45%/cover;border-bottom:1px solid #d7a64b66}.mode-art>img{width:87px;height:100px;filter:drop-shadow(0 7px 5px #000b);transform:rotate(-8deg)}.mode-art>img:nth-child(2){transform:rotate(9deg)}.mini-die{position:absolute;left:calc(50% + 30px);bottom:13px;color:#ffe2a0;font-size:28px;filter:drop-shadow(0 4px #5d3e15)}.mini-die img{width:45px;height:45px}.mode-copy{padding:15px 45px 15px 22px;display:flex;flex-direction:column;gap:6px}.mode-copy strong{font-family:var(--rosa-font-display);font-size:23px;color:#ffe2a0}.mode-copy small{font-size:12px;line-height:1.5;color:#c0d3de}.card-arrow{position:absolute;right:15px;bottom:18px;border:1px solid #d7a64b;border-radius:50%;padding:3px 7px;font-size:20px;color:#ffe2a0}.empire-sections{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.empire-sections .rosa-button{display:flex;align-items:center;justify-content:flex-start;min-height:74px;text-align:left;padding:12px 17px;gap:12px}.empire-sections img{width:38px;height:42px;object-fit:contain}.empire-sections span{font-size:13px;font-weight:700}.empire-future-note{text-align:center;font-size:11px;color:#a9bac5;margin:20px 0}.empire-future p{font-size:11px;line-height:1.6;color:#b6c8d0}.city-heading h1{font-size:clamp(21px,2vw,35px)}.city-board{grid-template:repeat(var(--side,9),minmax(0,1fr))/repeat(var(--side,9),minmax(0,1fr));transform-origin:center;transition:transform .35s,background .35s;box-shadow:inset 0 0 0 3px #fce3a7,0 5px 0 #94651e,0 10px 0 #68451b,0 16px 25px #000b}.board-scroll{padding:10px 6px 24px;perspective:1200px;overflow:auto}.empire-tilted .city-board{transform:rotateX(12deg) rotateZ(-2deg) scale(.96)}.city-space{font-size:10px;border-bottom-width:3px}.city-center .center-copy strong{font-size:clamp(27px,3vw,52px)}.city-space .token,.player-card .token{border:0;border-radius:0;box-shadow:none;background:none;width:25px;height:33px;filter:drop-shadow(0 1px 1px #fff7)}.token:before{display:none}.token img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(1px 3px 1px #0009)}.tokens .token-b{filter:drop-shadow(0 0 2px #18acff)}.tokens .token-g{filter:drop-shadow(0 0 2px #30d194)}.tokens .token-r{filter:drop-shadow(0 0 2px #ef4976)}[data-theme=ivory] .city-center{background:#f0e1bf}[data-theme=ivory] .city-art{opacity:.65}[data-theme=ivory] .city-space{background:linear-gradient(135deg,#fff9e9,#e1cb9d)}.property-collection{display:grid;gap:10px}.estate-preview{justify-content:flex-start;text-align:left;gap:15px!important;border-left:6px solid var(--group)}.estate-preview img{width:40px;height:45px}.estate-preview strong,.estate-preview small{display:block}.estate-preview small{font-size:11px;margin-top:6px}.bank-balances,.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.bank-balances>div,.stat-grid>div{padding:16px;border:1px solid #d7a64b55;border-radius:12px;background:var(--rosa-menu-item-fill)}.bank-balances strong,.bank-balances small,.stat-grid b{display:block}.bank-balances strong,.stat-grid b{color:#ffe2a0;font-size:26px;margin:7px 0}.bank-balances small,.stat-grid span{font-size:11px;color:#bcd2dc}.achievement-list{display:grid;gap:10px}.achievement{padding:13px;display:flex;align-items:center;gap:16px;border:1px solid #a98a434d;border-radius:12px;opacity:.65}.achievement.earned{opacity:1;border-color:#d7a64b;background:linear-gradient(100deg,#d7a64b21,transparent)}.achievement img{width:44px;height:44px}.achievement small,.achievement em{display:block;font-size:11px;line-height:1.5;color:#bdced7}.achievement em{color:#ffe2a0;font-style:normal;margin-top:5px}.token-collection{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.token-collection button{flex-direction:column;padding:12px 6px}.token-collection img{width:60px;height:70px}.theme-collection{display:flex;gap:10px}.theme-collection button{flex:1}.mode-select-note{font-size:12px;color:#bdd1dc}@media(max-width:1200px){.empire-showcase{grid-template-columns:minmax(0,1fr) 260px}.empire-hero{padding:25px;min-height:420px}.empire-hero h1{font-size:47px}.empire-hero-copy{max-width:65%}.empire-sections{grid-template-columns:repeat(3,1fr)}.empire-sections .rosa-button{min-height:65px}.city-space{font-size:9px}}@media(max-width:900px){.empire-showcase{grid-template-columns:1fr}.empire-lobby-side{grid-template-columns:1fr 1fr}.empire-hero{min-height:420px}.empire-hero-copy{max-width:60%}.empire-hero h1{font-size:55px}.empire-overview{gap:20px}.empire-mode-cards{gap:9px}.mode-copy{padding-left:15px}.mode-copy strong{font-size:20px}.empire-mode-card{min-height:210px}.empire-tilted .city-board{transform:rotateX(9deg) scale(.98)}}@media(max-width:600px){.empire-language-label{margin:7px 4px}.empire-overview{padding:10px;gap:16px;flex-wrap:wrap}.empire-overview>span{flex-basis:100%;gap:8px}.empire-overview>div{flex:1}.empire-overview small{font-size:9px}.empire-overview b{font-size:21px}.empire-hero{padding:25px 20px;min-height:450px;align-items:flex-start}.empire-hero:before{background:linear-gradient(90deg,#03121ee3,#03121e55),linear-gradient(0deg,#03121e99,transparent)}.empire-hero-copy{max-width:100%}.empire-hero h1{font-size:45px;margin:18px 0}.empire-intro{font-size:12px;max-width:265px}.empire-motto{font-size:9px}.empire-hero-tokens{right:15px;bottom:13px}.empire-hero-tokens img{width:40px;height:50px}.empire-hero-tokens img:nth-child(2){width:45px;height:60px}.empire-hero .rosa-button{max-width:235px;font-size:12px}.empire-lobby-side{grid-template-columns:1fr}.empire-mode-cards{grid-template-columns:1fr}.empire-mode-card{min-height:120px;display:grid;grid-template-columns:110px minmax(0,1fr)}.mode-art{height:100%;min-height:120px;border:0;border-right:1px solid #d7a64b66}.mode-art>img{width:65px;height:85px;margin-bottom:10px}.mode-art>img:nth-child(2){position:absolute;width:45px;height:60px;right:3px;bottom:5px}.mini-die{display:none}.mode-copy{padding:20px 25px 15px 15px;align-self:center}.mode-copy strong{font-size:21px}.mode-copy small{font-size:11px}.card-arrow{right:8px;bottom:8px;font-size:13px}.empire-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.empire-sections .rosa-button{padding:12px;gap:8px;min-height:67px}.empire-sections img{width:31px;height:36px}.empire-sections span{font-size:11px}.empire-overview img{width:32px;height:39px}.city-heading h1{font-size:22px}.city-space{font-size:7px}.city-space .token{width:15px;height:20px}.city-center .center-copy strong{font-size:26px}.city-center .city-kicker{font-size:6px}.empire-tilted .city-board{transform:none}.large-board .city-space{font-size:10px}.large-board .city-space .token{width:28px;height:36px}.board-scroll{padding:5px 3px 13px}.city-board{min-width:0}.token-collection{grid-template-columns:repeat(2,1fr)}.empire-language{min-height:44px}}@media(prefers-reduced-motion:reduce){.city-board,.empire-mode-card{transition:none}}

.empire-hero h1{background:linear-gradient(#fff7d4 0%,#ffe2a0 38%,#d7a64b 54%,#f9d583 68%,#b27b28 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 3px 0 #6d431b) drop-shadow(0 6px 7px #0008)}

#city-app[data-screen=game] .empire-language-label{display:none}.city-heading p{max-width:180px;font-size:10px;line-height:1.4}@media(min-width:901px) and (max-height:800px){.city-board{min-width:420px}.city-space{font-size:9px}}

.travel-token{position:fixed!important;left:0;top:0;z-index:99999;pointer-events:none;border:0;background:none;box-shadow:none;filter:drop-shadow(0 5px 3px #0008)}

.mobile-board-tools{display:none}@media(max-width:600px){.mobile-board-tools{display:flex;justify-content:center;margin:7px 0 10px}.mobile-board-tools .rosa-art-icon{width:25px;height:25px}.mobile-board-tools button{font-size:11px;min-height:44px;padding:4px 16px}}

#city-app.empire-fullscreen{position:fixed;inset:0;z-index:10000;width:100%;height:100dvh;overflow:auto}.city-modal{z-index:10001}#city-app:fullscreen{height:100dvh;overflow:auto}

.journal>.rosa-button{width:100%;margin-top:12px}.full-journal{padding-left:20px;font-size:13px;line-height:1.7}.full-journal li{padding-block:7px;border-bottom:1px solid #d7a64b33}

.external-save{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px;border:1px solid #f1b95b;background:#34261b;color:#ffe2a0;line-height:1.5}.external-save span{max-width:600px;font-size:13px}.external-save .rosa-button{flex-shrink:0}@media(max-width:600px){.external-save{flex-direction:column}}