@layer components{:root{font-family:DM Sans,sans-serif;color:#e6e6d9;background:#151e1b;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}a,button,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a,button{color:inherit}a{text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #dfc17a;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display)}svg{vertical-align:middle;flex-shrink:0}.site-header{height:86px;border-bottom:1px solid #313c33;padding:0 5%;gap:65px;background:#19231f}.brand,.site-header{display:flex;align-items:center}.brand{gap:13px;color:#dbc68d;letter-spacing:3px;font-weight:700}.brand i{display:block;font-family:var(--font-display);letter-spacing:2px;font-weight:400;font-size:12px;color:#b4baa9;margin-top:3px}.site-header nav{display:flex;height:100%;gap:24px}.site-header nav button{border:0;border-radius:0;color:#929e91;font-size:13px;padding:0 3px;position:relative}.site-header nav button.active{color:#e6d6a5}.site-header nav button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#c9b278}.profile{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:#a5b09f}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a5ba86;box-shadow:0 0 9px #99b67c30}.avatar{display:grid;place-items:center;background:#374237;border:1px solid #53604b;width:34px;height:34px;border-radius:50%;margin-left:14px;color:#dacf9c}.lobby{max-width:1230px;margin:auto;padding:64px 36px 0}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#b1bd9f;font-weight:600}.lobby>h1{font-size:54px;font-weight:400;line-height:1.25;margin:23px 0;color:#eeeadc}.lobby>h1 em{color:#ceb77e;font-weight:400}.intro{font-size:14px;line-height:1.9;color:#9ca797}.section-title{display:flex;justify-content:space-between;align-items:center;margin:48px 0 20px}.section-title h2{font-size:18px;font-weight:400}.section-title h2 span{font-family:DM Sans,sans-serif;font-size:11px;margin-left:10px;color:#7e8d7b}.section-title>span{font-size:9px;letter-spacing:2px;color:#788876}.match-card{width:100%;padding:0;display:flex;align-items:center;text-align:left;overflow:hidden;border-color:#47503c;background:#202b24;min-height:215px}.landscape{width:28%;align-self:stretch;position:relative;overflow:hidden;background:linear-gradient(#a8ad86,#dbce9b);display:grid;place-items:center;flex-shrink:0}.landscape svg{position:relative;z-index:2;fill:#565e43;color:#3d4d38;margin-top:35px}.landscape>span{position:absolute;bottom:17px;z-index:3;font-size:8px;letter-spacing:2px;color:#e0dab3}.sun{border-radius:50%;background:#e5dcb0;width:60px;height:60px;right:30px;top:22px}.mountain,.sun{position:absolute}.mountain{transform:rotate(35deg);width:260px;height:180px;border-radius:16px;bottom:-85px;left:-30px;background:#85916b}.mountain.front{bottom:-120px;left:60px;background:#3e5741;width:320px}.match-info{padding:30px}.match-info .eyebrow{font-size:8px;letter-spacing:1.3px}.match-info .live-dot{margin-right:5px}.match-info h2{font-size:26px;font-weight:400;margin:15px 0 12px}.match-info>p{font-size:12px;color:#a4af9c}.match-meta{display:flex;gap:18px;margin-top:25px;font-size:10px;color:#929f89}.match-meta span{gap:5px}.enter,.match-meta span{display:flex;align-items:center}.enter{margin-left:auto;gap:12px;font-size:11px;color:#dfc68c;padding-right:27px}.lobby-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:45px 0 56px}.lobby-notes svg{color:#abb492;width:19px}.lobby-notes h3{font-size:13px;font-weight:400;margin:14px 0 10px}.lobby-notes p{color:#889784;font-size:12px;line-height:1.8}footer{border-top:1px solid #303d30;padding:25px 0;display:flex;gap:22px;color:#65765f;font-size:9px;letter-spacing:1px}footer span:last-child{margin-left:auto}.game{max-width:1510px;margin:auto;padding:26px 4% 40px}.game-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.back{padding:0;border:0;font-size:10px;color:#9ca990;display:flex;gap:6px;margin-bottom:15px}.game-heading h1{font-size:27px;font-weight:400}.game-heading h1>span{font-family:DM Sans,sans-serif;font-size:9px;padding:5px 9px;border:1px solid #414c38;border-radius:3px;color:#a7b291;vertical-align:middle;margin-left:12px}.day{text-align:right}.day>span{display:block;font-size:8px;letter-spacing:1.4px;color:#87977e;margin-bottom:8px}.day strong{font-family:var(--font-display);font-size:25px;font-weight:400;color:#dece9e}.resource-bar{display:flex;align-items:center;gap:38px;background:#202b24;border:1px solid #364332;border-radius:6px 6px 0 0;padding:15px 20px}.resource-bar>div:first-child{display:flex;gap:9px;color:#a3b8bf;font-size:11px;padding-right:25px;border-right:1px solid #3d4738}.resource{display:flex;gap:12px;font-size:14px;align-items:center}.resource small{display:block;font-size:8px;color:#8f9e84;text-transform:uppercase;letter-spacing:1px;margin-top:3px}.resource-icon{font-size:24px;color:#ccb465;text-shadow:2px 2px #0005}.resource-icon.wood{color:#a58963}.resource-icon.ore{color:#b1b5ad}.resource-icon.crystal{color:#b18caf}.save-status{margin-left:auto;font-size:9px;color:#8e9f7d}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 274px;border:1px solid #364332;border-top:0;background:#1d2821}.map-panel{min-width:0;padding:12px}.map-shell{position:relative;background:#779064;overflow:hidden;border:1px solid #4d5b40}.map-scroll{overflow:auto;max-height:690px;aspect-ratio:4/3}.map-canvas{min-width:100%;line-height:0}.map-canvas canvas{width:100%;height:auto;display:block}.map-label{position:absolute;top:14px;left:14px;background:#1a2925e6;padding:10px 12px;font-size:8px;letter-spacing:1px;pointer-events:none}.map-label>span:last-child{color:#8d9b80;margin-left:14px}.map-label .live-dot{margin-right:6px}.zoom-controls{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;background:#1a2925ed;border:1px solid #616c4f;border-radius:4px;font-size:10px}.zoom-controls button{border:0;font-size:18px;padding:5px 12px}.map-compass{position:absolute;right:18px;top:18px;text-align:center;color:#e4e0b6;line-height:1.2;font-family:var(--font-display);font-size:24px;pointer-events:none}.map-footer{display:flex;justify-content:space-between;gap:10px;padding:14px 0 0;font-size:9px;color:#8e9d82}.map-footer span:first-child{display:flex;gap:7px;align-items:center}.hero-panel{border-left:1px solid #364332;padding:20px 18px;display:flex;flex-direction:column}.panel-title{font-size:9px;letter-spacing:1.4px;color:#b6c0a2;display:flex;justify-content:space-between}.panel-title>span{color:#809070}.hero-tabs{display:flex;gap:8px;margin:17px 0}.hero-tabs button{flex:1;font-size:10px;padding:8px;color:#a4b397}.hero-tabs button span{font-size:18px;margin-right:8px}.hero-tabs button.selected,.selected{border-color:#b8a06a;background:#b8a06a13;color:#e5cd90}.hero-detail{text-align:center}.portrait{position:relative;width:76px;height:86px;margin:12px auto 17px;background:radial-gradient(ellipse at top,#63715a,#27372e);border:1px solid #a89565;border-radius:40px 40px 6px 6px;color:#ddd2aa;font-size:58px;line-height:80px;text-shadow:3px 3px #172e22}.portrait>span{position:absolute;bottom:-9px;left:25px;background:#c0a774;color:#27352a;font:11px var(--font-body);padding:4px 6px}.hero-detail h2{font-size:23px;font-weight:400;margin:12px 0 7px}.hero-detail>p{font-size:10px;color:#9caa8e}.hero-stats{display:flex;justify-content:space-around;border-top:1px solid #34412f;border-bottom:1px solid #34412f;padding:17px 0;margin:20px 0;font-size:13px;color:#d3d3b9}.hero-stats svg{margin-right:5px;color:#a8b38e}.hero-stats small{display:block;font-size:8px;color:#869779;margin-top:6px}.meter-label{display:flex;justify-content:space-between;font-size:9px;color:#a8b495;margin:12px 0 8px}.meter-label span{display:flex;gap:5px;align-items:center}.meter-label strong{font-size:9px;font-weight:400;color:#d0d4b9}progress{display:block;width:100%;height:5px;border:0;accent-color:#a5b479;background:#35422e}progress::-webkit-progress-bar{background:#35422e}progress::-webkit-progress-value{background:#a5b479}.army-title{margin-top:24px}.army{display:flex;gap:7px;margin:12px 0 20px}.army>div{flex:1;border:1px solid #3a4731;padding:7px 3px;background:#273224}.army span{display:block;font-size:25px;color:#cfcc9f}.army strong{display:block;font-size:12px;font-weight:500;margin:3px}.army small{font-size:8px;color:#98a987}.coords{display:flex;gap:8px;margin:12px 0 18px}.coords label{font-size:8px;text-align:left;color:#8c9d7a;flex:1;min-width:0}.coords input{width:100%;background:#17231b;border:1px solid #435137;color:#d8d9c3;padding:7px;margin-top:4px;border-radius:3px;font-size:11px}.coords .move{align-self:end;padding:7px 9px;font-size:10px}.coords .move,.end-turn{display:flex;align-items:center}.end-turn{justify-content:space-between;width:100%;background:#ccb27a;color:#243122;border-color:#ccb27a;font-weight:600;font-size:12px;margin-top:auto;padding:13px 16px}.end-turn:hover{background:#dcc38d}.history{margin-top:27px}.history-heading,.history-heading>div{display:flex;align-items:center;gap:10px}.history-heading h2{font-size:14px;font-weight:400}.history-heading svg{color:#9baa8a}.history-heading span{font-size:9px;color:#879a78;margin-left:9px}.history-heading>button{margin-left:auto;font-size:10px;border:0;padding:5px;color:#b9c2a4}.timeline{display:flex;gap:10px;align-items:center;margin:18px 0}.timeline button{padding:5px 12px;font-size:10px}.timeline input{flex:1;accent-color:#cdb781;min-width:30px}.timeline>span{font-size:10px;min-width:85px;color:#9baa8a}.journal{border-top:1px solid #34432e}.journal button{display:flex;gap:18px;width:100%;align-items:center;text-align:left;font-size:11px;border:0;border-bottom:1px solid #2d3c28;padding:13px 4px;border-radius:0;color:#b8c2aa}.journal button>span{font-size:9px;color:#788d69}.journal small{font-size:9px;color:#d1b777}.journal svg{margin-left:auto}.journal>p{font-size:11px;color:#8f9f80;padding:18px 0}.error{color:#f1bf9e;border:1px solid #7b5543;background:#39291e;padding:12px;margin-top:14px;font-size:12px}.loading{padding:80px;text-align:center;color:#d6c28c}@media (min-width:1500px){.game{padding-left:40px;padding-right:40px}}@media (max-width:1000px){.resource-bar{gap:20px}.game-layout{grid-template-columns:minmax(0,1fr) 235px}.hero-panel{padding:15px 12px}.map-footer>span:last-child{display:none}.enter{font-size:0;padding-right:18px}.match-meta{gap:8px;font-size:9px}.lobby{padding-top:45px}.hero-detail .portrait{height:65px;line-height:60px;font-size:46px}.map-scroll{aspect-ratio:auto;height:100%}.map-canvas{min-width:650px}.map-shell{height:calc(100% - 30px)}.save-status{display:none}}@media (max-width:700px){.site-header{padding:0 18px;gap:24px;height:72px}.site-header nav{gap:15px}.site-header nav button{font-size:10px}.brand{font-size:12px;gap:8px}.brand svg{width:21px}.profile{font-size:0;gap:0}.profile .live-dot{display:none}.avatar{font-size:12px;margin-left:0}.lobby{padding:35px 22px 0}.lobby>h1{font-size:39px}.section-title>span{display:none}.match-card{flex-wrap:wrap}.landscape{width:100%;height:150px}.match-info{padding:23px}.match-info h2{font-size:24px}.enter{margin-left:auto}.lobby-notes{gap:25px;grid-template-columns:1fr;margin:30px 0}.lobby-notes>div{padding-left:35px;position:relative}.lobby-notes svg{position:absolute;left:0;top:13px}.lobby-notes p{font-size:11px}footer{font-size:7px;gap:10px}footer span:nth-child(2){display:none}.game{padding:20px 15px}.game-heading h1{font-size:22px}.game-heading h1>span{display:none}.resource-bar{gap:15px;padding:12px}.resource-bar>div:first-child{display:none}.resource{font-size:12px;gap:6px;flex:1}.resource-icon{font-size:17px}.resource small{font-size:7px}.game-layout{display:flex;flex-direction:column}.map-shell{height:auto}.map-scroll{height:390px}.map-canvas{min-width:520px}.hero-panel{border-left:0;border-top:1px solid #364332;padding:18px}.hero-detail{display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.portrait{grid-row:1/4}.hero-detail h2,.hero-detail>p{text-align:left}.hero-stats{margin:8px 0;grid-column:2;grid-row:3/5;padding:10px 0}.army,.army-title,.destination,.meter-label,progress{grid-column:1/-1}.hero-detail .portrait{height:86px;line-height:80px;font-size:58px}.hero-tabs{max-width:300px}.army{max-width:320px;width:100%;margin-bottom:12px}.hero-detail>p{margin-bottom:7px}.coords{max-width:350px}.history-heading span{display:none}.history-heading h2{font-size:12px}.journal button{font-size:10px;gap:8px}.journal small{display:none}}}@layer base{button{cursor:pointer;border:1px solid #354139;background:transparent;border-radius:5px;padding:9px 13px}button:hover{background:#ffffff09;border-color:#b7aa76}button:disabled{opacity:.4;cursor:not-allowed}}:root{font-family:var(--font-body);color:var(--color-parchment-light);background:#211409}body{background:radial-gradient(ellipse at top,#603b20 0,#28190e 60%,#100c09 100%);min-height:100vh}h1,h2,h3{font-family:var(--font-display);text-shadow:1px 2px #100c09}.app-dropdown,.game-modal-layer,.match-app,dialog{-webkit-user-select:none;user-select:none}:is(.match-app,.app-dropdown,.game-modal-layer,dialog) :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text}@layer base{button{border-radius:0;border-color:var(--color-parchment-muted)}button:hover{border-color:var(--color-gold-bright);background-color:#deb89b20}}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:var(--color-gold-bright)}.site-header{height:100px;background:linear-gradient(#28190e,#100c09);border-bottom:4px ridge var(--color-parchment);gap:40px}.brand{width:215px;display:block;flex-shrink:0}.brand-logo{display:block;width:100%;height:88px;object-fit:contain}.brand>span,.brand>svg{display:none}.site-header nav button{font-family:var(--font-display);font-size:15px;color:var(--color-parchment)}.site-header nav button.active{color:var(--color-gold-bright)}.site-header nav button.active:after{background:var(--color-gold-bright)}.eyebrow,.intro,.lobby-notes p,.match-info>p,.match-meta,.profile{color:var(--color-parchment)}.avatar{background:var(--color-emerald);border:2px ridge var(--color-gold);color:var(--color-gold-bright)}.live-dot{background:#49a238;box-shadow:0 0 4px #e0c500}.lobby>h1,.lobby>h1 em{color:var(--color-parchment-light)}.lobby>h1 em{color:#ebd278}.match-card{background:linear-gradient(110deg,#492607,#713408);border:5px ridge var(--color-parchment-muted);border-radius:0}.enter,.match-info .eyebrow{color:#ebd278}.landscape{border-right:3px ridge var(--color-parchment-muted)}.lobby-notes svg{color:var(--color-gold-bright)}.lobby-notes h3{color:var(--color-parchment-light)}footer{border-color:var(--color-parchment-muted);color:var(--color-parchment)}.game-heading h1{color:var(--color-parchment-light)}.back,.day>span,.save-status{color:var(--color-parchment)}.day strong{color:var(--color-gold-bright)}.resource-bar{background:var(--color-wood-dark);border:3px ridge var(--color-parchment);border-radius:0}.resource-bar>div:first-child{color:var(--color-parchment-light);border-color:var(--color-parchment-muted)}.resource small{color:var(--color-parchment)}.game-layout{border:16px solid var(--color-parchment);border-image:url(/assets/ui/advbord.webp) 16/16px/0 round;border-image-source:var(--art-advbord,url("/assets/ui/advbord.webp"));border-image-slice:calc(16 * var(--art-advbord-scale, 1));background:#100c09;image-rendering:pixelated}.map-panel{padding:0}.map-shell{border:0}.hero-panel{background:linear-gradient(#9c5b2b,#713408);border-left:8px ridge var(--color-parchment);padding:14px}.army small,.coords label,.hero-detail>p,.hero-stats small,.meter-label,.panel-title{color:var(--color-parchment-light)}.panel-title>span{color:#ecd878}.hero-tabs button{background:var(--color-wood-dark);border:3px ridge var(--color-parchment);color:var(--color-parchment-light)}.hero-tabs button.selected{border-color:var(--color-gold-bright);background:var(--color-emerald-deep)}.portrait{border:4px ridge var(--color-parchment);border-radius:0;background:linear-gradient(var(--color-emerald),var(--color-emerald-deep))}.hero-stats{border-color:var(--color-parchment-muted);color:var(--color-parchment-light)}.hero-stats svg{color:#ebd278}.army>div{border:3px ridge var(--color-parchment-muted);background:#492607}.army span{color:#ebd278}.coords input{background:var(--color-ink);border:2px inset var(--color-parchment-muted);border-radius:0;color:var(--color-parchment-light)}.coords .move,.end-turn{border:3px outset var(--color-parchment);background:var(--color-parchment);color:var(--color-wood-dark);box-shadow:var(--shadow-bevel);font-family:var(--font-display);border-radius:0}.end-turn:hover{background:var(--color-parchment-light)}.map-footer{background:var(--color-wood-dark);padding:10px;color:var(--color-parchment)}.history{background:#492607;border:3px ridge var(--color-parchment-muted);padding:16px}.history-heading span,.history-heading svg,.history-heading>button,.journal button,.journal button>span,.journal>p,.timeline>span{color:var(--color-parchment)}.journal,.journal button{border-color:#9c5b2b}.timeline input{accent-color:var(--color-gold-bright)}.original-map-canvas{position:relative;min-width:0;height:calc(100vh - 240px);min-height:440px;max-height:850px;overflow:hidden;touch-action:none;background:#000}.original-map-canvas canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.original-map-canvas:focus-visible{outline:2px solid var(--color-gold-bright);outline-offset:-3px}.classic-sidebar{width:220px;flex-shrink:0;border-left:14px ridge var(--color-parchment);background:linear-gradient(90deg,#713408,#9c5b2b,#713408);padding:10px;font-family:var(--font-display)}.map-minimap{width:100%;height:auto;aspect-ratio:1;image-rendering:pixelated;border:4px ridge var(--color-parchment);cursor:crosshair;background:#000;display:block}.map-inspector{font-size:12px;line-height:1.65;overflow-wrap:anywhere}.map-inspector summary{cursor:pointer;color:#e0c500}.map-inspector ol{padding-left:16px;max-height:140px;overflow:auto}.map-status{background:#492607;border-top:4px ridge var(--color-parchment);padding:10px 14px;color:var(--color-parchment-light);font-size:13px}@media (max-width:850px){.site-header{gap:18px;padding:0 20px}.brand{width:160px}.site-header nav{gap:15px}.site-header nav button{font-size:12px}.classic-sidebar{width:190px;border-left-width:8px}.h2-frame{border-width:16px;border-image-width:16px}.original-map-canvas{min-height:400px;height:65vh}}@media (max-width:600px){.site-header{height:auto;min-height:86px;flex-wrap:wrap;gap:0 16px;padding:4px 15px 0}.brand{width:150px}.brand-logo{height:65px}.site-header nav{order:3;flex-basis:100%;height:40px;justify-content:center;gap:32px}.site-header nav button{font-size:13px}.profile{margin-left:auto}.classic-sidebar{width:100%;border-left:0;border-top:10px ridge var(--color-parchment);display:grid;grid-template-columns:120px 1fr;gap:10px}.map-minimap{grid-row:1/4}.classic-sidebar .map-inspector{grid-column:2}.original-map-canvas{min-height:360px;height:55vh}.map-status{font-size:11px}.game-layout{border-width:12px;border-image-width:12px}.hero-panel{border-left:0}.lobby{padding-top:28px}}.spellbook-dialog{position:fixed;inset:0;padding:0;border:0;background:transparent;color:#fff1d5;max-width:calc(100cqw - 24px);max-height:calc(100cqh - 24px);overflow:visible;margin:auto;font-family:var(--font-body)}.spellbook-dialog::backdrop{background:#080603b8}.spellbook{position:relative;width:min(920px,94cqw);padding-bottom:calc(38 / 468 * 100%);filter:drop-shadow(3px 10px 8px #0009)}.book-spread{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:468/306}.book-page{position:relative;min-width:0;isolation:isolate}.book-page:before{content:"";position:absolute;inset:0;background:url(/assets/ui/book-0.webp) 50%/100% 100% no-repeat;image-rendering:pixelated;z-index:-1}.book-page-left:before{transform:scaleX(-1)}.book-page-content{height:100%;padding:10% 10% 11% 12%;display:flex;flex-direction:column}.book-page-right .book-page-content{padding-left:9%;padding-right:15%}.book-page-heading{font-family:var(--font-display);font-size:clamp(11px,1.8cqw,21px);color:#482409;text-shadow:0 1px #edc298;text-align:center;margin:2% 0 7%;font-weight:700}.spell-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(5px,1cqw,12px);flex:1;align-content:start}.spell-entry{padding:3px 1px;border:1px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:start;min-width:0;color:#fff1d5;font-size:clamp(9px,1.45cqw,17px);line-height:1.2;text-align:center;font-family:var(--font-body);text-shadow:1px 1px #654024;gap:4px}.spell-entry img{width:auto;height:clamp(28px,5.5cqw,68px);object-fit:contain;image-rendering:pixelated}.spell-entry span{max-width:100%}.spell-entry small{display:block;font-size:.8em;margin-top:2px}.spell-entry.spell-selected,.spell-entry:hover{border-color:#e0c500;background:#ffdb871c}.book-bookmarks{position:absolute;inset:0;pointer-events:none}.book-bookmark{position:absolute;top:0;background:none;border:0;padding:0;width:7%;pointer-events:auto;transition:transform .15s}.book-bookmark:hover{background:transparent;border:0;transform:translateY(5px)}.book-bookmark img{display:block;width:100%;image-rendering:pixelated;filter:drop-shadow(2px 3px 2px #0007)}.book-info{left:calc(266 / 468 * 100%);top:calc(269 / 344 * 100%);width:calc(31 / 468 * 100%)}.book-combat{left:calc(299 / 468 * 100%);top:calc(276 / 344 * 100%)}.book-combat,.book-exit{width:calc(28 / 468 * 100%)}.book-exit{left:calc(416 / 468 * 100%);top:calc(280 / 344 * 100%)}.bookmark-active{transform:translateY(5px);filter:brightness(1.15)}.spell-description{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.5cqw,16px);height:100%;font-size:clamp(10px,1.5cqw,17px);line-height:1.45;color:#3b1a07;text-shadow:0 1px #dbaa75}.spell-description>img{height:clamp(38px,7cqw,84px);width:auto;image-rendering:pixelated}.spell-description h3{font-size:clamp(13px,2cqw,25px);color:#3b1a07;text-shadow:0 1px #edc298}.spell-cost{font-weight:700}.book-note{font-size:clamp(8px,1.2cqw,13px);line-height:1.45;color:#582e12;text-align:center;text-shadow:none}.book-preview-note{margin-top:auto;margin-bottom:7%}.book-text-button{background:none;border:0;color:#3b1a07;text-decoration:underline;padding:3px;font:inherit;font-size:.9em}.book-text-button:hover{background:#ffdb8733}.spellbook-toggle{font-family:var(--font-body)!important;color:var(--color-gold-bright)!important}@media (max-width:600px){.spellbook{width:96cqw}.book-page-content{padding-top:8%}.book-page-heading{margin-bottom:5%}.spell-entry{gap:1px;padding:1px}.spell-entry img{height:30px}.spell-description{gap:5px}.spell-description>img{height:33px}.book-note{font-size:8px}.site-header nav{gap:18px}.site-header nav button{font-size:12px}}@media (prefers-reduced-motion:reduce){.book-bookmark{transition:none}}.game-layout .map-panel{display:flex;flex-direction:column}.game-layout .map-shell{flex:1}.game-layout .map-scroll{height:100%;max-height:none}.game-layout .map-footer{margin-top:auto}@media (max-width:600px){.game-layout .map-shell{flex:auto}.game-layout .map-scroll{height:390px}}.book-drag-handle{position:absolute;top:0;left:9%;width:82%;height:6%;z-index:3;border:0;padding:0;background:transparent;color:#5f30168c;cursor:grab;touch-action:none;font-size:18px;line-height:1}.book-drag-handle:hover{background:#e7bb6520;border:0}.book-drag-handle:active{cursor:grabbing}.book-drag-handle span:first-child{background:#b17d4544;border-radius:4px;padding:0 6px}.book-resize-handle{position:absolute;right:1.2%;bottom:calc(38 / 344 * 100%);padding:3px;line-height:1;font-size:clamp(16px,2vw,24px);color:#e2b55a;background:#50261188;border:1px solid #be845666;cursor:nwse-resize;touch-action:none;z-index:4}.book-resize-handle:hover{background:#713408;color:#ffe58c}.classic-sidebar,.hero-panel{background-image:linear-gradient(#66380e,#2b160b)}.map-inspector{background:#713408bb;padding:8px}.army>div{background-image:linear-gradient(#5b300a,#3a1d08)}.match-app{min-height:100dvh;background:linear-gradient(#211409,#100c09);color:var(--color-parchment-light);font-family:var(--font-body)}.match-app.is-playing{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.match-app-header{height:74px;flex-shrink:0;display:flex;align-items:center;padding:0 24px;gap:40px;background:linear-gradient(#28190e,#100c09);border-bottom:3px ridge var(--color-parchment)}.match-brand{display:block;width:190px;flex-shrink:0}.match-brand img{width:100%;height:67px;object-fit:contain}.match-app-header nav{display:flex;align-self:stretch;gap:28px}.match-app-header nav a{display:flex;align-items:center;text-decoration:none;border:0;padding:0 4px;font-size:17px;color:var(--color-parchment)}.match-app-header nav a.nav-current{color:var(--color-gold-bright);box-shadow:inset 0 -2px var(--color-gold-bright)}.match-app-header nav a span{font-size:11px;border:1px solid #be8456;padding:2px 5px;margin-left:8px;color:#deb89b}.match-tabs{display:flex;flex-shrink:0;overflow-x:auto;min-height:64px;gap:4px;padding:8px 16px 0;border-bottom:2px ridge #be8456;background:#261609}.match-tab{min-width:210px;max-width:280px;display:flex;align-items:center;text-align:left;gap:12px;padding:9px 17px;border:2px ridge #98734e;border-bottom:0;background:linear-gradient(#553018,#34200f);position:relative;border-radius:5px 5px 0 0;color:#b9a084}.match-tab[aria-selected=true]{border-color:#e5bf80;background:linear-gradient(#815326,#492807);color:#fff0d5}.match-tab strong{display:block;font-weight:400;white-space:nowrap}.match-tab small{display:block;margin-top:4px;font-size:10px;letter-spacing:.3px}.match-tab.your-turn small{color:#b6d389}.turn-gem{width:10px;height:13px;background:#7b7970;border:2px ridge #c2ab70;transform:rotate(45deg);flex-shrink:0}.your-turn .turn-gem{background:#23771b;box-shadow:0 0 6px #55b51b66}.match-tab[aria-selected=true] .turn-gem{border-color:#f0d674}.new-match-tab{font-size:26px;color:#e3c08b;border:0;min-width:48px;background:transparent}.new-turn-badge{font-size:8px;background:#1f5a12;color:#e8eaba;padding:3px}.match-attention{box-shadow:inset 0 2px #74a645}.active-match-panel{flex:1;min-height:0;display:flex}.match-view{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1;padding:0;position:relative}.match-resource-bar{height:38px;flex-shrink:0;display:flex;align-items:center;gap:26px;padding:0 14px;background:#492b11;border:1px solid #94714a;border-top:0;font-size:12px}.kingdom-name{font-weight:400;color:#9db9e7}.match-resource{display:flex;gap:7px;align-items:center}.match-resource i{color:#f4cf52;font-style:normal}.match-resource.wood i{color:#b38c55}.match-resource.ore i{color:#bcc0bb}.match-resource.crystal i{color:#e4ace4}.match-resource small{text-transform:capitalize;color:#c0a388;font-size:10px}.match-date{margin-left:auto;white-space:nowrap;font-size:11px}.match-date b{color:#eadc85;font-weight:400}.match-frame{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;border-width:16px;border-image-width:16px}.match-map-row{display:flex;flex:1;min-height:0}.match-map-main{flex:1;min-width:0;position:relative;display:flex;background:#2b160b}.match-map-main .original-map-canvas{flex:1;height:100%;min-height:0;max-height:none}.match-sidebar{width:206px;flex-shrink:0;min-height:0;overflow-y:auto;border-left:10px ridge #deb89b;background:linear-gradient(#66380e,#2b160b);padding:8px;display:flex;flex-direction:column}.match-sidebar .map-minimap{width:100%;max-height:175px;aspect-ratio:1;object-fit:contain;flex-shrink:0}.roster-heading{text-align:center;gap:6px;font-size:10px;color:#ead4b8;margin:9px 0 5px}.match-roster,.roster-heading{display:grid;grid-template-columns:1fr 1fr}.match-roster{gap:5px;max-height:118px;overflow:auto;flex-shrink:0}.roster-slot{display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;width:100%;height:56px;padding:2px;background:linear-gradient(#5b300a,#3a1d08);border:3px ridge #deb89b;margin-bottom:4px;overflow:hidden}.roster-slot>span:last-child{font-size:9px;line-height:1.1;text-shadow:1px 1px #000;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-selected{border-color:#dfce00;box-shadow:inset 0 0 0 1px #2d2106}.match-selection{padding:8px;background:#592c09bb;margin:8px 0;font-size:11px;border-top:2px ridge #be8456;border-bottom:2px ridge #be8456}.match-selection h2{font-size:17px;text-align:center;color:#ead38e;margin:0 0 4px}.match-selection>p{text-align:center;font-size:10px;line-height:1.5}.match-selection>small{display:block;font-size:9px;color:#d4b798;line-height:1.4;margin-top:8px}.match-meter{display:flex;justify-content:space-between;gap:5px;font-size:10px;margin:10px 0 5px}.match-meter b{font-weight:400;color:#ecda90}.match-army{display:flex;gap:5px;margin-top:9px}.match-army>div{flex:1;display:flex;align-items:center;flex-direction:column;background:#301707;border:2px ridge #bd9366;padding:3px}.match-army span{font-size:21px;color:#ead38e;line-height:1}.match-army b{font-size:10px}.match-army small{font-size:8px;color:#deb89b}.match-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:auto;margin-bottom:7px}.match-end-turn{width:100%;font-size:12px;padding:8px;margin:0}.match-mode-label{text-align:center;font-size:8px;color:#d0b28f;padding-top:5px}.map-floating-controls{position:absolute;left:12px;bottom:10px;display:flex;align-items:center;gap:8px;font-size:11px;background:#301707c9;padding:4px;border:1px solid #be8456;box-shadow:1px 1px #000}.map-floating-controls .hud-button{padding:2px 7px;font-size:15px}.match-journal{position:absolute;bottom:58px;left:34px;right:242px;z-index:5;max-height:300px;overflow:auto;background:#492607f5!important;font-size:12px;box-shadow:0 10px 30px #0009}.match-journal h2{font-size:17px}.match-journal>p{line-height:1.7}.match-app-error{padding:10px 20px;display:flex;align-items:center;background:#7b2b17;gap:15px;font-size:12px;flex-shrink:0}.match-app-error button{margin-left:auto;border:0;padding:0}.match-loading{padding:60px;text-align:center}.matches-dashboard{max-width:1250px;margin:auto;padding:45px 30px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dashboard-heading h1{font-size:36px;margin-top:10px}.matches-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.join-card{padding:28px!important;line-height:1.8;background:linear-gradient(#713408,#492607)!important}.join-card h2{margin:6px 0 8px;color:#f0d674;font-size:27px;font-weight:700;letter-spacing:.02em;line-height:1.15}.join-card .text-sm,.join-card p{font-size:15.5px;line-height:1.6}.join-card .h2-button{margin-top:20px}.dashboard-note{font-size:13px;line-height:1.6;color:#deb89b;margin:20px 0}.new-game-screen{padding:40px 20px}.new-game-form{max-width:690px;margin:auto;padding:30px;background:linear-gradient(#713408,#492607)}.new-game-form h1{font-size:32px;color:#f0d674;margin:0 0 12px}.new-game-form>label{display:block;margin:24px 0;font-size:14px}.new-game-form input,.new-game-form select{width:100%;display:block;margin-top:8px;background:#211409;color:#eed5bd;border:3px inset #bd9366;padding:10px;font:inherit}.new-game-form>p:not(.h2-label){font-size:12px;line-height:1.6;color:#deb89b;margin:24px 0}@media (max-height:780px) and (min-width:701px){.match-sidebar{width:184px}.match-sidebar .map-minimap{max-height:130px}.match-selection{margin:5px 0;padding:6px}.match-army{margin-top:5px}.match-roster{max-height:60px}.match-app-header{height:62px}.match-brand img{height:57px}.match-tabs{min-height:57px;padding-top:5px}.match-tab{padding:7px 15px}.match-journal{right:218px}}@media (max-width:700px){.match-app-header{height:60px;padding:0 12px;gap:18px}.match-brand{width:125px}.match-brand img{height:55px}.match-app-header nav{gap:15px}.match-app-header nav a{font-size:13px;white-space:nowrap}.match-app-header nav a span{display:none}.match-tab{min-width:170px;padding:7px 12px}.match-tab strong{font-size:12px}.match-tab small{font-size:9px}.match-tabs{min-height:55px;padding-left:8px;padding-top:5px}.match-resource-bar{gap:14px;height:34px;padding:0 8px}.kingdom-name,.match-date,.match-resource small{display:none}.match-resource-bar>.hud-button{margin-left:auto}.match-resource{font-size:11px;gap:4px}.match-frame{border-width:10px;border-image-width:10px}.match-sidebar{width:138px;padding:5px;border-left-width:5px}.match-sidebar .map-minimap{max-height:120px;border-width:3px}.roster-heading{font-size:8px}.match-roster{gap:3px;max-height:60px}.roster-slot{border-width:2px}.roster-slot>span:last-child{font-size:8px}.match-selection{padding:5px;margin:5px 0}.match-selection h2{font-size:14px}.match-selection>p{font-size:8px}.match-actions{gap:3px}.match-actions .hud-button{font-size:9px;padding:5px 2px}.match-end-turn{padding:6px 2px;font-size:10px}.match-mode-label{font-size:7px}.map-floating-controls{left:5px;bottom:5px;gap:4px;font-size:9px;padding:2px}.map-floating-controls .hud-button{font-size:12px;padding:2px 5px}.match-journal{left:13px;right:13px;bottom:46px}.matches-dashboard{padding:24px 18px}.matches-grid{grid-template-columns:1fr}.dashboard-heading h1{font-size:29px}.new-game-screen{padding:20px 8px}.new-game-form{padding:18px}.new-game-form h1{font-size:26px}}.match-tab{min-width:260px;padding-top:7px;padding-bottom:7px}.match-tab small{font-size:9px;color:#d0b28f;margin-top:3px}.match-tab.your-turn small{color:#d0b28f}.tab-turn-state{display:block;font-size:10px;font-style:normal;margin-top:4px;color:#b7aa91}.your-turn .tab-turn-state{color:#c0e38c}.match-tabs{min-height:76px}.match-tab strong{font-size:14px}.draft-match-tab{min-width:220px}@media (max-height:780px) and (min-width:701px){.match-tabs{min-height:70px}.match-tab{padding:6px 13px}}@media (max-width:700px){.match-tabs{min-height:70px}.match-tab{min-width:225px;padding:6px 12px}.match-tab strong{font-size:12px}.match-tab small{font-size:8px}.tab-turn-state{font-size:9px}}:root{--game-cursor:url(/assets/ui/advmco-0.webp) 0 0,auto}.map-minimap,.original-map-canvas,[role=tab],a,body,button,html,label,summary{cursor:var(--game-cursor)!important}input,textarea{cursor:text}.map-minimap{touch-action:none}.original-map-canvas[data-cursor=move]{cursor:url(/assets/ui/advmco-4.webp) 15 12,pointer!important}.original-map-canvas[data-cursor=hero]{cursor:url(/assets/ui/advmco-2.webp) 12 10,pointer!important}.original-map-canvas[data-cursor=castle]{cursor:url(/assets/ui/advmco-3.webp) 12 12,pointer!important}.map-minimap:active,.original-map-canvas[data-cursor=drag]{cursor:url(/assets/ui/advmco-8.webp) 7 10,move!important}.original-map-canvas[data-cursor=blocked],button:disabled{cursor:url(/assets/ui/advmco-0.webp) 0 0,not-allowed!important}.match-resource-bar{height:56px;font-size:16px;gap:28px}.match-date,.match-resource small{font-size:13px}.match-resource i{font-size:18px}.match-actions{grid-template-columns:1fr 1fr 1fr;flex-shrink:0}.match-end-turn,.match-mode-label{flex-shrink:0}.match-selection{min-height:0;overflow:auto;flex-shrink:1}.chat-messages{min-height:70px;max-height:145px;overflow:auto;margin:10px 0}.chat-messages p{margin-bottom:9px;overflow-wrap:anywhere}.chat-messages time{font-size:10px;color:#cba782}.chat-messages span{display:block;white-space:pre-wrap}.match-chat form{display:flex;gap:8px}.match-chat input{flex:1;min-width:0;padding:9px;background:#211409;color:#fbe9db;border:2px inset #be8456;font:inherit}.chat-note{color:#deb89b;font-size:11px;margin-top:8px}@media (max-width:700px){.match-resource-bar{height:48px;gap:14px}.match-resource{font-size:14px}.match-actions{grid-template-columns:1fr 1fr}.match-actions button:last-child{grid-column:1/-1}}@media (max-height:780px) and (min-width:701px){.match-sidebar .map-minimap{max-height:110px;width:110px;align-self:center}.match-selection{padding:4px}.match-meter{margin:4px 0}.match-selection h2{font-size:15px}.match-army{margin-top:3px}.match-mode-label{display:none}}.match-sidebar{width:260px}.match-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.match-actions .hud-button{padding:7px 3px;min-width:0}.match-resource-bar{gap:clamp(12px,1.8vw,28px)}.match-resource{gap:6px;white-space:nowrap}.match-resource>span:first-child{flex-shrink:0}.match-journal{right:294px}@media (max-height:780px) and (min-width:701px){.match-sidebar{width:240px}.match-journal{right:274px}}@media (max-width:1150px){.match-resource small{display:none}.kingdom-name{font-size:13px}}@media (max-width:850px){.kingdom-name{display:none}.match-date{font-size:11px}}@media (max-width:700px){.match-sidebar{width:160px}.match-resource-bar{gap:8px;padding:0 5px}.match-resource{gap:3px;font-size:12px}.match-resource>span:first-child{transform:scale(.85);margin-right:-3px}.match-resource-bar>.hud-button{padding:5px}.match-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.match-actions button:last-child{grid-column:1/-1}.match-journal{right:13px}}.pixi-minimap{position:relative;overflow:hidden}.pixi-minimap canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.pixi-minimap:focus-visible{outline:2px solid #ffdf55;outline-offset:2px}.kingdom-resource-bar{gap:18px;min-height:62px;height:auto;padding:7px 14px}.resource-strip{display:flex;align-items:center;justify-content:flex-start;flex:0 1 auto;gap:24px;min-width:0;padding:8px 18px;background:linear-gradient(#303129,#101610 50%,#1e2118);border:3px ridge #b09260;border-radius:28px;box-shadow:inset 0 0 0 2px #080b08,0 2px 3px #0008}.resource-strip .match-resource{gap:7px;font-size:18px;font-weight:700;color:#fff0d5;font-variant-numeric:tabular-nums}.resource-strip .match-resource.gold{border-left:1px solid #94805566;padding-left:12px}.resource-amounts{display:flex;align-items:baseline;gap:5px}.resource-income{color:#a9d77e;font-size:12px;font-weight:700;white-space:nowrap}.resource-income.is-zero{display:none}.resource-income.is-negative{color:#ff8a7a}.resource-income>span{margin-left:1px}@media (max-width:1000px){.resource-amounts{flex-direction:column;align-items:center;gap:2px}.kingdom-resource-bar .kingdom-name{display:none}.kingdom-resource-bar{gap:10px}.resource-strip{gap:8px;padding:7px 12px}}@media (max-width:700px){.kingdom-resource-bar{padding:5px 4px;min-height:56px;gap:5px}.resource-strip{padding:6px 7px;gap:4px;border-width:2px}.resource-strip .match-resource{gap:2px;font-size:12px}.resource-strip .match-resource.gold{padding-left:4px}.resource-strip .match-resource>span:first-child{transform:scale(.8);margin-left:-3px;margin-right:-4px}.kingdom-resource-bar>.hud-button{padding:5px}.match-date{display:none}}@media (max-width:420px){.resource-income{font-size:9px}.match-app-header{gap:6px;padding:0 6px}.match-brand{width:52px}.match-app-header .app-toolbar .h2-button{gap:6px;padding:5px 10px;font-size:12px}.match-app-header:has(.queue-pill) .match-brand{display:none}.match-app-header nav{gap:4px}.match-app-header nav a{font-size:12px;padding:0 2px}.resource-strip{padding:5px 7px;gap:3px}.resource-strip .match-resource{flex-direction:column;gap:2px;line-height:1;font-size:11px}.resource-strip .match-resource>span:first-child{transform:none;margin:0;height:20px!important}.resource-strip .match-resource.gold{padding-left:5px}.kingdom-resource-bar{min-height:66px}}.spellbook{container-type:inline-size}.book-page-heading{font-size:clamp(11px,2.3cqw,21px)}.spell-entry{font-size:clamp(9px,1.85cqw,17px)}.spell-entry img{height:clamp(24px,7.4cqw,68px)}.spell-description{font-size:clamp(9px,1.85cqw,17px);gap:clamp(5px,1.7cqw,16px)}.spell-description>img{height:clamp(30px,9cqw,84px)}.spell-description h3{font-size:clamp(12px,2.7cqw,25px)}.book-note{font-size:clamp(8px,1.4cqw,13px)}@media (max-width:700px){.resource-bar{flex-wrap:wrap}.resource-bar .resource{flex:0 0 auto;min-width:60px}}.is-playing .match-tabs{min-height:64px;padding:4px 52px 0 8px}.is-playing .match-tab{min-height:58px;padding:6px 12px}.match-back-button{display:flex;align-items:center;gap:5px;flex-shrink:0;border:0;color:#e1bf86;background:transparent;padding:6px 10px;font-size:29px}.match-back-button span{font-size:12px}.is-playing .kingdom-resource-bar{min-height:54px;padding-top:5px;padding-bottom:5px}.is-playing .resource-strip{padding-top:0;padding-bottom:0}@media (max-width:700px){.match-back-button span{display:none}.match-back-button{padding:3px 7px}.is-playing .match-tabs{padding-left:2px}.is-playing .kingdom-resource-bar{min-height:62px}.match-frame.sprite-border{--game-frame-border-width:10px}}.match-topbar{display:flex;flex-shrink:0;min-width:0;background:#261609;border-bottom:2px ridge #be8456}.match-topbar .match-tabs{flex:1;min-width:0;border-bottom:0;padding-right:8px}.app-toolbar{position:relative;display:flex;align-items:center;flex-shrink:0;gap:4px;padding:4px 8px;border-left:1px solid #785335}.app-toolbar-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:36px;min-height:40px;padding:6px;border:1px solid transparent;background:transparent;color:#e1bf86;font-size:23px}.app-toolbar-button:hover,.app-toolbar-button[aria-expanded=true]{background:#402915;border-color:#98734e}.app-toolbar-button:focus-visible{outline:2px solid var(--color-gold-bright);outline-offset:-2px}.toolbar-label{font-size:12px}.app-dropdown{position:absolute;top:calc(100% + 4px);right:8px;z-index:50;display:flex;gap:12px;width:min(280px,calc(100vw - 16px));max-height:calc(100vh - 80px);overflow-y:auto;padding:16px;background:linear-gradient(#352313,#1b120b);border:2px ridge #be8456;box-shadow:0 8px 24px #0009;color:var(--color-parchment-light);font-size:13px;line-height:1.4}.app-dropdown,.app-dropdown>div{flex-direction:column}.app-dropdown .hud-button{text-align:left}.app-dropdown p{margin:0;font-size:13px;line-height:1.5}@media (max-width:1000px){.toolbar-label{display:none}}.settings-tabs{display:flex;gap:3px;padding:0 12px;border-bottom:1px solid #846239}.settings-tabs [role=tab]{flex:1;padding:6px 10px;border:1px solid #846239;border-bottom:0;background:#38220e;color:#d5bf98;font-family:var(--font-display);font-size:13px;cursor:pointer}.settings-tabs [aria-selected=true]{background:#6c461e;box-shadow:inset 0 2px #d7b569;color:#fff0d5}.settings-tabs [role=tab]:focus-visible{outline:2px solid #f0d674;outline-offset:-2px}.roster-detail-modal.settings-modal{width:min(460px,calc(100cqw - 24px))}.settings-modal .settings-panel{flex:1;overflow-y:auto}.settings-panel{display:flex;flex-direction:column;gap:10px;min-height:320px;padding:14px 16px 16px;color:#fff0d5}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:0 2px;font-size:13px}.settings-panel .game-toggle:last-child,.settings-row{border-bottom:1px solid #b3935722}.settings-row>:last-child{width:150px}.art-settings{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;border:0}.art-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.app-dropdown .art-presets .hud-button{text-align:center}.art-preset-note{color:#dec29b;font-size:12px}.settings-toggles{display:flex;flex-direction:column}.game-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:4px 2px;border:0;border-bottom:1px solid #b3935722;background:transparent;color:#fff0d5;font-family:var(--font-body);font-size:13px;text-align:left;cursor:pointer}.game-toggle:last-child{border-bottom:0}.game-toggle:hover:not(:disabled){background:#bd95561a}.game-toggle:focus-visible{outline:2px solid #f0d674;outline-offset:1px}.game-toggle:disabled{cursor:default;opacity:.55}.game-toggle-text{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.game-toggle-hint{color:#bdaa8c;font-size:11px;font-style:italic}.game-toggle-state{min-width:22px;color:#bdaa8c;font-size:11px;text-align:right}.game-toggle[aria-checked=true] .game-toggle-state{color:#f0d674}.game-toggle-track{position:relative;flex:none;width:38px;height:20px;border:2px inset #8a6a3e;border-radius:10px;background:linear-gradient(#140c06,#2b1a0c);box-shadow:inset 0 2px 3px #000a;transition:background .15s}.game-toggle[aria-checked=true] .game-toggle-track{border-color:#b6860a;background:linear-gradient(#5a3a0c,#7a4f10)}.game-toggle-knob{position:absolute;top:1px;left:1px;width:14px;height:14px;border:1px solid #4e2609;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fbe9db,#cba782 55%,#8a6a3e);box-shadow:1px 1px 1px #000c;transition:transform .15s}.game-toggle[aria-checked=true] .game-toggle-knob{border-color:#6b3a12;background:radial-gradient(circle at 35% 30%,#fff3b0,#f0d674 50%,#b6860a);transform:translateX(18px)}@media (prefers-reduced-motion:reduce){.game-toggle-knob,.game-toggle-track{transition:none}}.map-move-prompt{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:6px 10px;background:#291709ee;border:1px solid #b48b50;font-size:12px}.match-app{--ui-surface:linear-gradient(180deg,#2c2116,#1b1610);--ui-raised:linear-gradient(#81603655,#67472455);--ui-border:#b3935738;--ui-selected-border:#c49c5355;--ui-text:#f5dfae;--ui-muted:#bdaa8c;--ui-hover:#bd95561a;--ui-focus:#f0d674;--ui-ready:#c0d49c}.match-app .match-topbar{background:var(--ui-surface);border-bottom:1px solid var(--ui-border)}.match-app .match-tabs{min-height:64px;padding:6px 8px;gap:5px;border:0;background:transparent;align-items:stretch}.match-app .match-tab{min-height:0;min-width:220px;padding:7px 11px;gap:10px;border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ui-muted);box-shadow:none}.match-app .match-tab:hover{background:var(--ui-hover);color:var(--ui-text)}.match-app .match-tab[aria-selected=true]{background:var(--ui-raised);border-color:var(--ui-selected-border);color:var(--ui-text);box-shadow:inset 0 1px #edce8a22,0 1px 4px #0003}.match-app .match-tab strong{font-family:var(--font-display);font-size:13px;font-weight:600}.match-app .match-tab small{font-size:10px;color:var(--ui-muted);letter-spacing:0;margin-top:3px}.match-app .tab-turn-state{color:var(--ui-muted);font-size:10px;margin-top:4px}.match-app .your-turn .tab-turn-state{color:var(--ui-ready)}.match-app .turn-gem{width:7px;height:7px;border:1px solid #d4bb8266;border-radius:50%;transform:none;background:#8c806a;box-shadow:none}.match-app .your-turn .turn-gem{background:#9eb879;border-color:#c0d49c;box-shadow:0 0 5px #9eb87930}.match-app .new-turn-badge{border:1px solid #9eb87955;border-radius:3px;background:#9eb87915;color:var(--ui-ready);padding:2px 4px}.match-app .match-attention{border-color:#9eb87955}.is-playing .match-app .match-tabs,.match-app .match-tabs,.match-app.is-playing .match-tabs{min-height:0;padding:4px 8px;gap:4px;align-items:center}.is-playing .match-app .match-tab,.match-app .match-tab,.match-app.is-playing .match-tab{flex:1 1 220px;min-width:180px;max-width:none;min-height:0;padding:4px 10px;gap:8px}.match-app .match-tab-text{min-width:0}.match-app .match-tab small,.match-app .match-tab strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-app .match-tab small{margin-top:1px}.match-app .match-tab .tab-turn-state{display:inline;margin:0;font-style:normal}.match-app .match-tab,.match-app.is-playing .match-tab{max-width:300px}.match-app .match-tab-pinned{border-color:#b6860a66}.match-app .match-tabs-more{display:flex;flex-shrink:0;align-items:center;padding:0 12px}.match-app .match-tabs-more .game-loader{flex-direction:row;gap:6px}.match-app .match-tab.your-turn{border-color:#c49c5399;animation:match-tab-your-turn 1.6s ease-in-out infinite}.match-app .match-tab.your-turn .turn-gem{animation:match-gem-your-turn 1.6s ease-in-out infinite}@keyframes match-tab-your-turn{0%,to{box-shadow:inset 0 0 0 1px #f0d67400,0 0 0 #f0d67400}50%{box-shadow:inset 0 0 0 1px #f0d67466,0 0 10px #f0d67440;background-color:#f0d67414}}@keyframes match-gem-your-turn{50%{background:#c9e59a;box-shadow:0 0 8px #c9e59aaa}}@media (prefers-reduced-motion:reduce){.match-app .match-tab.your-turn,.match-app .match-tab.your-turn .turn-gem{animation:none}.match-app .match-tab.your-turn{box-shadow:inset 0 0 0 1px #f0d67466}}.match-app .app-toolbar-button,.match-app .match-back-button,.match-app .new-match-tab{color:var(--ui-muted);border-radius:3px;background:transparent}.match-app .app-toolbar-button:hover,.match-app .app-toolbar-button[aria-expanded=true],.match-app .match-back-button:hover,.match-app .new-match-tab:hover{background:var(--ui-hover);color:var(--ui-text)}.match-app .app-toolbar{background:transparent;border-color:var(--ui-border)}.match-app .app-dropdown{background:#241c13;border:1px solid var(--ui-selected-border);border-radius:4px;color:var(--ui-text);box-shadow:0 8px 25px #0008}.match-app .app-toolbar-button:focus-visible,.match-app .match-tab:focus-visible,.match-app .new-match-tab:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}.match-app .kingdom-resource-bar{background:var(--ui-surface);border:0;border-bottom:1px solid var(--ui-border);padding:0 14px;gap:14px;min-height:54px}.match-app .resource-strip{border:0;border-radius:0;background:none;box-shadow:none;padding:0;gap:24px;max-width:none}.match-app .resource-strip .match-resource{font-size:18px;font-weight:700;color:var(--ui-text);gap:8px}.match-app .resource-income{font-size:12px}.match-app .resource-strip .match-resource.gold{border-color:var(--ui-border)}.match-turn-summary{display:flex;flex-direction:column;justify-content:center;gap:4px;flex-shrink:0;margin-left:auto;border-left:1px solid var(--ui-border);padding-left:14px}.match-app .match-date{display:block;margin:0;color:var(--ui-muted);font-size:10px}.match-app .match-date b{color:var(--ui-text);font-weight:600}.current-turn{display:flex;align-items:center;gap:7px;color:var(--ui-muted);font-size:12px;font-weight:600;white-space:nowrap}.current-turn i{width:6px;height:6px;border-radius:50%;background:#8c806a}.current-turn.is-yours{color:var(--ui-ready)}.current-turn.is-yours i{background:#9eb879;box-shadow:0 0 5px #9eb87930}@media (max-width:1000px){.match-app .resource-strip{gap:14px;padding:0}.match-app .resource-strip .match-resource{gap:4px}}@media (max-width:700px){.match-app .match-tabs{min-height:60px;padding:4px}.match-app .match-tab{min-width:195px;padding:6px 9px}.match-app .match-tab small{font-size:9px}.match-app .kingdom-resource-bar{flex-wrap:wrap;padding:5px 7px;gap:6px}.match-app .resource-strip{flex-basis:100%;padding:5px 6px;gap:4px}.match-app .resource-strip .match-resource{font-size:12px;gap:2px}.match-app .resource-income{font-size:9px}.match-turn-summary{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:0 2px;border:0}.current-turn{font-size:11px}}.match-app-header>.app-toolbar{margin-left:auto;border-left:0}@media (max-width:700px){.match-app-header{gap:8px}.match-app-header>.app-toolbar{gap:0;padding:0}.match-app-header .toolbar-label{display:none}.match-app-header .app-toolbar-button{min-width:28px;padding:4px}}.original-map-canvas[data-cursor=fight]{cursor:url(/assets/ui/advmco-5.webp) 15 12,crosshair!important}.original-map-canvas[data-adventure-cursor]:not([data-cursor=drag]){cursor:var(--adventure-cursor)!important}.game-modal-host{position:absolute;inset:0;z-index:30;pointer-events:none}.game-modal-layer{position:absolute;inset:0;container-type:size;display:grid;place-items:center;padding:12px;overflow:hidden;pointer-events:auto;background:#080603b8}.game-modal-layer>dialog{position:relative;inset:auto;margin:0;max-width:100%;max-height:100%}::-webkit-scrollbar{width:16px;height:16px;background:#2b160b}::-webkit-scrollbar-track:vertical{background:url(/assets/ui/escroll-1.webp) top/16px auto repeat-y}::-webkit-scrollbar-track:horizontal{background:url(/assets/ui/escroll-0.webp) 0/auto 16px repeat-x}::-webkit-scrollbar-thumb:vertical{border-style:solid;border-width:5px 4px;border-image:url(/assets/ui/escroll-3.webp) 5 0 fill/5px 4px stretch}::-webkit-scrollbar-thumb:horizontal{border-style:solid;border-width:4px 5px;border-image:url(/assets/ui/escroll-2.webp) 0 5 fill/4px 5px stretch}::-webkit-scrollbar-button{display:none;width:16px;height:16px;image-rendering:pixelated;background-size:16px 16px}::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:start:decrement{display:block}::-webkit-scrollbar-button:vertical:start:decrement{background-image:url(/assets/ui/escroll-4.webp)}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:url(/assets/ui/escroll-5.webp)}::-webkit-scrollbar-button:vertical:end:increment{background-image:url(/assets/ui/escroll-6.webp)}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:url(/assets/ui/escroll-7.webp)}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:url(/assets/ui/escroll-8.webp)}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:url(/assets/ui/escroll-9.webp)}::-webkit-scrollbar-button:horizontal:end:increment{background-image:url(/assets/ui/escroll-10.webp)}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:url(/assets/ui/escroll-11.webp)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{image-rendering:pixelated}::-webkit-scrollbar-corner{background:#2b160b}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:#c69869 #3a2410}}.match-tabs::-webkit-scrollbar{height:8px;background:transparent}.match-tabs::-webkit-scrollbar-track:horizontal{background:transparent}.match-tabs::-webkit-scrollbar-button{display:none!important}.match-tabs::-webkit-scrollbar-thumb:horizontal{border-width:0 5px;border-image:url(/assets/ui/escroll-2.webp) 0 5 fill/0 5px stretch}img.remastered-art{image-rendering:auto!important}.match-map-row{position:relative}.match-sidebar.kingdom-sidebar{width:clamp(240px,22vw,320px);overflow:hidden;container-type:inline-size;gap:8px}.kingdom-panel-heading{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;font-size:14px;color:#f1dbab}.kingdom-panel-heading .hud-button{font-size:20px;line-height:1;padding:0 8px}.kingdom-overview{flex-shrink:0}.kingdom-sidebar .map-minimap{width:min(100%,195px);height:auto;max-height:none;margin:auto;aspect-ratio:1}.kingdom-details{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.kingdom-sidebar .match-roster{max-height:140px}.kingdom-sidebar .roster-slot{height:68px}.kingdom-panel-footer{flex-shrink:0;margin-top:auto;display:grid;gap:8px;padding-top:8px;border-top:1px solid #be845688;background:#492607}.kingdom-sidebar .match-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 7px}.kingdom-sidebar .match-actions button{grid-column:auto;padding:8px 2px;font-size:11px}.kingdom-backdrop{display:none}@media (max-height:800px){.kingdom-sidebar .map-minimap{width:110px}.match-sidebar.kingdom-sidebar{gap:4px}.kingdom-sidebar .roster-slot{height:58px}}@media (max-width:700px){.match-sidebar.kingdom-sidebar{position:absolute;inset:0 0 0 auto;width:min(300px,calc(100% - 40px));z-index:4;border-left-width:8px;box-shadow:-8px 0 20px #0009;padding:10px}.kingdom-backdrop{position:absolute;inset:0;z-index:3;display:block;border:0;background:#0005}.kingdom-sidebar .map-minimap{width:145px}.kingdom-sidebar .match-end-turn{font-size:13px;padding:9px}.kingdom-sidebar .match-actions button{padding:9px 2px;font-size:12px}}@media (max-height:550px){.kingdom-sidebar .map-minimap{width:75px}.kingdom-sidebar .kingdom-panel-heading{font-size:12px}}.match-sidebar.kingdom-sidebar{position:relative;max-width:48vw}.match-sidebar.kingdom-sidebar .map-minimap{width:min(100%,190px);height:auto;max-height:none;aspect-ratio:1}.kingdom-panel-heading{justify-content:flex-start;gap:10px}.kingdom-resize-handle{position:absolute;left:0;top:0;bottom:0;width:7px;z-index:6;cursor:ew-resize!important;touch-action:none;background:linear-gradient(90deg,#e2bc86aa,transparent)}.kingdom-resize-handle:focus-visible,.kingdom-resize-handle:hover{background:#e0c50077;outline:none}.kingdom-sidebar .match-end-turn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:5px 10px;font-size:14px}.kingdom-sidebar .match-end-turn>span:first-child{image-rendering:pixelated}@media (max-height:800px){.match-sidebar.kingdom-sidebar .map-minimap{width:110px}.kingdom-sidebar .match-end-turn{min-height:44px}.kingdom-sidebar .match-end-turn>span:first-child{transform:scale(.85);margin:-4px}}@media (max-width:700px){.match-sidebar.kingdom-sidebar{position:absolute;width:min(300px,calc(100% - 40px))!important;max-width:none}.match-sidebar.kingdom-sidebar .map-minimap{width:145px}.kingdom-resize-handle{display:none}}@media (max-height:550px){.match-sidebar.kingdom-sidebar .map-minimap{width:65px}.kingdom-sidebar .match-end-turn{min-height:40px;font-size:12px}.kingdom-sidebar .match-end-turn>span:first-child{transform:scale(.65);margin:-9px}}.classic-rosters{border:3px ridge #deb89b;background:#492607;padding:5px}.roster-layout-tools{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#ead4b8;margin-bottom:3px}.roster-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.roster-column{min-width:0}.roster-column-heading{display:flex;align-items:center;gap:4px;font-size:11px;color:#f0d674;padding:3px 0 5px}.roster-column-heading small{margin-left:auto;color:#deb89b}.roster-entries{overflow:auto;display:grid;gap:4px}.roster-entry{position:relative;min-width:0}.classic-roster-card,.roster-empty-slot{width:100%;height:60px;border:3px ridge #d9b28a;background:linear-gradient(#774313,#4a270c)}.classic-roster-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px}.classic-roster-card.roster-selected{border-color:#e0c500}.roster-image{display:flex;align-items:center;justify-content:center;gap:4px}.roster-image,.roster-name{max-width:100%;overflow:hidden}.roster-name{font-size:10px;color:#fbe9db;line-height:1;text-overflow:ellipsis;white-space:nowrap}.roster-movement,.roster-owner{display:block;height:32px;width:4px;flex-shrink:0}.roster-movement{position:relative;background:#171908}.roster-movement i{position:absolute;bottom:0;left:0;right:0;background:#91ac38}.roster-empty-slot{opacity:.7}.classic-action-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0}.classic-action-strip .hud-button{min-width:0;padding:6px 2px;display:flex;align-items:center;flex-direction:column;gap:4px;min-height:52px;font-size:11px}.classic-chat-icon{width:28px;height:28px;display:grid;place-items:center;font-size:29px;line-height:1;color:#fff0d5}@container (max-width:215px){.roster-columns{grid-template-columns:1fr}.roster-entries{grid-template-columns:repeat(2,minmax(0,1fr));max-height:128px}.roster-empty-slot{display:none}}@media (max-width:700px){.kingdom-edge-toggle{right:min(300px,calc(100% - 40px))!important}}@media (max-height:800px){.roster-empty-slot:last-child{display:none}}.classic-roster-card{height:auto;min-height:108px;gap:6px;padding:8px 4px;background:linear-gradient(#66380e,#2b160b)}.classic-roster-card .roster-image{min-height:36px}.classic-roster-card .roster-name{font-size:16px;font-weight:700;line-height:1.2;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;text-shadow:1px 1px 1px #000;color:#fff0d5}.roster-card-detail{font-size:12px;line-height:1.25;color:#e6c9a3}.roster-column-heading{font-size:14px}.roster-layout-tools{font-size:12px}.roster-empty-slot{height:76px}@container (max-width:215px){.roster-entries{grid-template-columns:1fr}.classic-roster-card{display:grid;grid-template-columns:64px 1fr;min-height:76px;text-align:left;column-gap:8px}.classic-roster-card .roster-image{grid-row:1/3}.classic-roster-card .roster-name{font-size:16px}.roster-card-detail{grid-column:2}}.hero-card .hero-portrait-frame{width:100%;max-width:90px;min-height:50px;gap:3px;padding:2px;border:2px ridge #e0bd91;background:#0a1758;overflow:hidden}.hero-portrait-art{display:flex;align-items:center;justify-content:center;min-width:0;flex:1;overflow:hidden}.portrait-gauge{position:relative;display:block;width:6px;height:44px;flex-shrink:0;background:#171106;border:1px solid #4e3217}.portrait-gauge i{position:absolute;left:0;right:0;bottom:0}.movement-gauge i{background:linear-gradient(90deg,#a17d05,#fff043)}.mana-gauge i{background:linear-gradient(90deg,#16612b,#75dc39)}.roster-entry .classic-roster-card{cursor:grab!important;touch-action:pan-y;user-select:none;-webkit-touch-callout:none}.roster-entry[data-dragging] .classic-roster-card{cursor:grabbing!important;outline:2px solid #f0d674;outline-offset:-2px}.classic-roster-card.city-card,.classic-roster-card.hero-card{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:flex-end;height:144px;min-height:144px;padding:12px 14px;gap:6px}.classic-roster-card:is(.hero-card,.city-card):after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 25%,#120b0480 55%,#120b04ed);pointer-events:none}.classic-roster-card:is(.hero-card,.city-card)>.roster-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;min-height:0;padding:0;border:0}.classic-roster-card:is(.hero-card,.city-card) .roster-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;image-rendering:pixelated}.classic-roster-card:is(.hero-card,.city-card) .roster-image img.remastered-art{image-rendering:auto}.classic-roster-card .roster-name{text-shadow:0 2px 2px #000,0 0 5px #000,1px 0 1px #000}.classic-roster-card .roster-card-detail{text-shadow:0 1px 3px #000}.roster-entries{scrollbar-gutter:stable}.roster-empty-slot{height:144px}.hero-card>.portrait-gauge{position:absolute;z-index:1;top:6px;bottom:6px;height:auto;width:7px}.hero-card>.movement-gauge{left:4px}.hero-card>.mana-gauge{right:4px}.kingdom-scroll-content{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable}.kingdom-scroll-content .kingdom-details{overflow:visible;min-height:260px}.kingdom-minimap{width:100%}.match-sidebar.kingdom-sidebar .kingdom-minimap .map-minimap{width:100%;max-width:none;height:auto;max-height:none;aspect-ratio:1}.kingdom-scroll-content .kingdom-overview{margin-bottom:10px}.kingdom-tabs{display:flex;flex-shrink:0;gap:3px;padding:5px 5px 0;background:#291709}.kingdom-tabs [role=tab]{flex:1;min-width:0;padding:5px 7px;line-height:1.25;color:#d5bf98;border:1px solid #846239;border-bottom:0;background:#38220e;cursor:pointer}.kingdom-tabs [aria-selected=true]{color:#fff0d5;background:#6c461e;box-shadow:inset 0 2px #d7b569}.kingdom-tabs [role=tab]:focus-visible{outline:2px solid #f0d674;outline-offset:-2px}.kingdom-tab-panel{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.sidebar-chat,.sidebar-events{min-height:0;padding:10px;background:#241509eb;flex:1;font-size:12px}.sidebar-events{overflow:auto}.sidebar-events>div:first-child{flex-wrap:wrap;gap:6px}.sidebar-events h2{margin:0;font-size:15px}.sidebar-events .hud-button{font-size:11px;padding:4px 6px}.sidebar-events p{padding:8px 0;border-bottom:1px solid #9e784533;overflow-wrap:anywhere}.sidebar-chat{display:flex;flex-direction:column;gap:10px}.sidebar-chat .chat-messages{flex:1;min-height:0;max-height:none;overflow:auto}.sidebar-chat form{display:flex;gap:5px}.sidebar-chat input{width:0;flex:1;min-width:0;padding:6px;border:1px solid #987445;background:#170e08;color:#fff0d5}.sidebar-chat .hud-button{padding:5px 8px}.match-sidebar.kingdom-sidebar{background:radial-gradient(ellipse at 50% 0,#49331e 0,transparent 65%),var(--ui-surface);border-left:1px solid #a17d48;box-shadow:inset 1px 0 #e4c88b22,-5px 0 16px #0005;padding:10px;gap:10px}.kingdom-resize-handle,.kingdom-tabs{background:transparent}.kingdom-tabs{padding:0 0 7px;gap:2px;border-bottom:1px solid #b3935738}.kingdom-tabs [role=tab]{border:1px solid transparent;border-radius:3px;background:transparent;color:var(--ui-muted);padding:5px 8px;font-family:var(--font-display);font-size:12px;font-weight:600;transition:background-color .12s,color .12s}.kingdom-tabs [role=tab]:hover{background:var(--ui-hover);color:#ffebbf}.kingdom-tabs [aria-selected=true]{background:var(--ui-raised);border-color:var(--ui-selected-border);color:var(--ui-text);box-shadow:inset 0 1px #edce8a22,0 1px 4px #0003}.match-sidebar.kingdom-sidebar .kingdom-minimap .map-minimap{border:1px solid #9f8250;box-shadow:0 0 0 3px #100e0b,0 4px 12px #0005}.kingdom-scroll-content{padding:3px;scrollbar-gutter:auto}.kingdom-scroll-content .kingdom-overview{margin-bottom:18px}.kingdom-sidebar .classic-rosters{border:0;padding:0;background:transparent}.kingdom-sidebar .roster-columns{gap:10px}.kingdom-sidebar .roster-column-heading{margin:0 0 8px;padding:0 0 7px;border-bottom:1px solid #ba99513d;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.025em;color:#e8cfa0}.kingdom-sidebar .roster-column-heading small{font-size:10px;font-weight:400;line-height:16px;min-width:16px;text-align:center;color:#c2af8e;border:1px solid #aa8b5133;border-radius:3px;background:#08070533}.kingdom-sidebar .roster-entries{scrollbar-gutter:auto;gap:8px}.kingdom-sidebar .classic-roster-card{border:1px solid #ae8b57;border-radius:2px;box-shadow:0 2px 6px #0006;padding:10px 8px}.kingdom-sidebar .classic-roster-card.roster-selected{border-color:#eed38a;box-shadow:inset 0 0 0 1px #d9b753,0 0 8px #d9b75325}.kingdom-sidebar .classic-roster-card:hover{border-color:#f1d99e}.kingdom-sidebar .classic-roster-card .roster-name{font-size:clamp(14px,4.4cqw,18px);white-space:nowrap;font-weight:600;line-height:1.2}.kingdom-sidebar .roster-card-detail{color:#dfccb0;font-size:11px}.kingdom-panel-footer{padding:10px 0 0;border-top:1px solid #b3935738;background:transparent}.sidebar-chat,.sidebar-events{background:transparent;padding:6px 3px}.sidebar-events h2{color:#e8cfa0;font-family:var(--font-display);font-size:14px;font-weight:600}@media (prefers-reduced-motion:reduce){.kingdom-tabs [role=tab]{transition:none}}.kingdom-tabs [role=tab]{padding-inline:5px;font-size:11px}.sidebar-game{min-height:0;overflow:auto;padding:6px 3px;font-size:12px;color:var(--ui-muted)}.sidebar-game h2,.sidebar-game h3{color:var(--ui-text);font-family:var(--font-display);font-weight:600;margin:0 0 10px}.sidebar-game h2{font-size:16px;overflow-wrap:anywhere}.sidebar-game h3{font-size:13px}.sidebar-game h3 small{color:var(--ui-muted);font-size:10px;margin-left:5px}.game-facts{margin:0 0 22px}.game-facts>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--ui-border)}.game-facts dd{margin:0;text-align:right;color:var(--ui-text)}.game-opponents{list-style:none;padding:0;margin:0}.game-opponents li{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--ui-border)}.game-opponents li span{color:#ae9060;font-size:16px}.game-give-up{margin-top:24px;padding-top:14px;border-top:1px solid var(--ui-border)}.game-give-up p{line-height:1.5;margin:0 0 10px}.game-confirm-actions{display:flex;gap:6px;flex-wrap:wrap}.sidebar-game [role=alert]{color:#efb7a8;margin-top:10px}.roster-detail-modal{position:fixed;inset:0;margin:auto;width:min(680px,calc(100cqw - 24px));max-width:none;max-height:calc(100cqh - 24px);padding:0;border:0;color:#fff0d5;background:#492607;box-shadow:0 15px 70px #000c;overflow:hidden}.roster-detail-modal::backdrop{background:#080603b8}.roster-detail-frame{container:roster-window/inline-size;display:flex;flex-direction:column;max-height:calc(100cqh - 24px);background:linear-gradient(#4a270c,#2b160b)}.roster-detail-footer,.roster-detail-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#291709e8}.roster-detail-header{background:#291709e8;padding:4px 8px;min-height:34px;gap:8px}.roster-detail-header h2{margin:0;color:#f0d674;font-size:20px;letter-spacing:.01em;text-shadow:0 2px 3px #000}.roster-detail-header small{color:#e0c786}.roster-detail-header button{font-size:22px;line-height:1;width:28px;height:28px;padding:0}.game-window-title{flex:1;min-width:0;min-height:28px;align-self:stretch;cursor:grab!important;touch-action:none;user-select:none}.game-window-title:active{cursor:grabbing!important}.game-window-title:focus-visible{outline:2px solid #f0d674;outline-offset:3px}.roster-detail-content{min-height:0;overflow:auto;display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:20px;background:#301905a8}.roster-detail-content h3{margin:0 0 10px;color:#bdaa8c;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.roster-detail-content>section:not(.hero-primary-skills){padding:12px;border:1px solid #5a4020;border-radius:4px;background:#1b140d;box-shadow:inset 0 1px 0 #f0d67412,0 1px 0 #00000066}.roster-detail-portrait img{width:100%;height:170px;object-fit:contain;image-rendering:pixelated;background:#180e08;border:3px ridge #d9b28a}.roster-detail-portrait p{text-align:center;margin:8px 0 0;font-size:13px;color:#dec29b}.roster-detail-stats{margin:0}.roster-detail-stats>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 0;border-bottom:1px solid #deb89b55}.roster-detail-stats dt{color:#dec29b}.roster-detail-stats dd{margin:0;font-weight:700}.roster-detail-army,.roster-detail-development{grid-column:1/-1}.roster-detail-development p{line-height:1.5;margin:0;color:#dec29b}.roster-detail-footer{justify-content:flex-end;flex-wrap:wrap}.roster-detail-footer .h2-button{min-width:6rem}.roster-detail-footer .h2-button-primary{min-width:8rem}@container roster-window (max-width: 520px){.roster-detail-content{grid-template-columns:minmax(0,1fr);padding:14px;gap:16px}.roster-detail-portrait{max-width:180px;margin:auto}.roster-detail-header h2{font-size:20px}}.hero-detail-modal{width:min(800px,calc(100cqw - 24px))}.hero-detail-modal .roster-detail-frame{background-color:#6b160e;background-blend-mode:multiply}.hero-detail-modal .roster-detail-content{grid-template-columns:130px minmax(0,1fr);gap:14px;padding:14px;background:#40090588}.hero-detail-modal .roster-detail-portrait{grid-column:1;grid-row:1}.hero-detail-modal .roster-detail-portrait img{height:120px;object-fit:cover;border-color:#e1c36a}.hero-primary-skills{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.hero-primary-skill{position:relative;min-height:112px;overflow:hidden;border:1px solid #5a4020;border-radius:4px;background:linear-gradient(#3b2b19,#120d08);box-shadow:inset 0 0 0 1px #00000080;text-align:center}.hero-primary-skill>span:first-child{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-primary-skill strong,.hero-primary-skill>span:nth-child(2){position:absolute;left:0;right:0;text-shadow:1px 2px 2px #000}.hero-primary-skill>span:nth-child(2){top:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#bdaa8c}.hero-primary-skill strong{bottom:4px;font-size:22px}.hero-primary-skills p{grid-column:1/-1;font-size:11px;margin:0;color:#dec29b}.hero-detail-modal section[aria-label=Statistics]{grid-column:1/-1}.hero-detail-modal .roster-detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.hero-inventory-section{grid-column:1/-1}.hero-inventory-section h3{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.hero-inventory-section small{font-size:12px;font-weight:400;color:#dec29b}.hero-artifact-slots,.hero-secondary-slots{display:grid;grid-template-columns:repeat(8,minmax(0,68px));gap:4px}.hero-artifact-slots{grid-template-columns:repeat(7,minmax(0,1fr))}.hero-secondary-slots{margin:0;padding:0;list-style:none;grid-template-columns:repeat(auto-fill,81px)}.hero-empty-slot,.hero-skill-slot{display:flex;align-items:center;justify-content:center;width:81px;height:71px;border-radius:4px}.hero-empty-slot{border:1px dashed #5a4020;background:#1b140d80}.hero-skill-slot{overflow:hidden;border:1px solid #5a4020;background:#0d0905;image-rendering:pixelated}.artifact-slot{filter:sepia(1)}@container roster-window (max-width: 600px){.hero-primary-skills{grid-template-columns:repeat(2,minmax(96px,1fr))}.hero-primary-skill{min-height:96px}}@container roster-window (max-width: 520px){.hero-detail-modal .roster-detail-content{grid-template-columns:minmax(0,1fr)}.hero-primary-skills{grid-column:1;grid-row:2}.hero-detail-modal .roster-detail-stats{grid-template-columns:minmax(0,1fr)}}@container roster-window (max-width: 460px){.hero-artifact-slots{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}.roster-detail-frame{cursor:grab}.roster-detail-frame>*{cursor:auto}.roster-detail-modal[data-resized] .roster-detail-frame{height:100%}.roster-detail-modal[data-resized] .game-dialog-body,.roster-detail-modal[data-resized] .roster-detail-content,.roster-detail-modal[data-resized] .town-screen{flex:1}.game-window-title{display:flex;align-items:center}.window-resize-corner{position:absolute;z-index:5;width:18px;height:18px;border:0;padding:0;background:transparent;touch-action:none}.window-resize-corner:focus-visible{outline:2px solid #f0d674;outline-offset:-3px}.corner-nw{left:0;top:0;cursor:nwse-resize}.corner-ne{right:0;top:0;cursor:nesw-resize}.corner-sw{left:0;bottom:0;cursor:nesw-resize}.corner-se{right:0;bottom:0;cursor:nwse-resize}.roster-detail-modal.build-modal{width:min(900px,calc(100cqw - 24px));background:#241b12}.build-modal .roster-detail-frame{background:linear-gradient(180deg,#2c2116,#1b1610)}