@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:calc(12px * var(--text-scale));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:calc(13px * var(--text-scale));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:calc(12px * var(--text-scale));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:calc(10px * var(--text-scale));letter-spacing:2.2px;color:#b1bd9f;font-weight:600}.lobby>h1{font-size:calc(54px * var(--text-scale));font-weight:400;line-height:1.25;margin:23px 0;color:#eeeadc}.lobby>h1 em{color:#ceb77e;font-weight:400}.intro{font-size:calc(14px * var(--text-scale));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:calc(18px * var(--text-scale));font-weight:400}.section-title h2 span{font-family:DM Sans,sans-serif;font-size:calc(11px * var(--text-scale));margin-left:10px;color:#7e8d7b}.section-title>span{font-size:calc(9px * var(--text-scale));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:calc(8px * var(--text-scale));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:calc(8px * var(--text-scale));letter-spacing:1.3px}.match-info .live-dot{margin-right:5px}.match-info h2{font-size:calc(26px * var(--text-scale));font-weight:400;margin:15px 0 12px}.match-info>p{font-size:calc(12px * var(--text-scale));color:#a4af9c}.match-meta{display:flex;gap:18px;margin-top:25px;font-size:calc(10px * var(--text-scale));color:#929f89}.match-meta span{gap:5px}.enter,.match-meta span{display:flex;align-items:center}.enter{margin-left:auto;gap:12px;font-size:calc(11px * var(--text-scale));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:calc(13px * var(--text-scale));font-weight:400;margin:14px 0 10px}.lobby-notes p{color:#889784;font-size:calc(12px * var(--text-scale));line-height:1.8}footer{border-top:1px solid #303d30;padding:25px 0;display:flex;gap:22px;color:#65765f;font-size:calc(9px * var(--text-scale));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:calc(10px * var(--text-scale));color:#9ca990;display:flex;gap:6px;margin-bottom:15px}.game-heading h1{font-size:calc(27px * var(--text-scale));font-weight:400}.game-heading h1>span{font-family:DM Sans,sans-serif;font-size:calc(9px * var(--text-scale));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:calc(8px * var(--text-scale));letter-spacing:1.4px;color:#87977e;margin-bottom:8px}.day strong{font-family:var(--font-display);font-size:calc(25px * var(--text-scale));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:calc(11px * var(--text-scale));padding-right:25px;border-right:1px solid #3d4738}.resource{display:flex;gap:12px;font-size:calc(14px * var(--text-scale));align-items:center}.resource small{display:block;font-size:calc(8px * var(--text-scale));color:#8f9e84;text-transform:uppercase;letter-spacing:1px;margin-top:3px}.resource-icon{font-size:calc(24px * var(--text-scale));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:calc(9px * var(--text-scale));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:calc(8px * var(--text-scale));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:calc(10px * var(--text-scale))}.zoom-controls button{border:0;font-size:calc(18px * var(--text-scale));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:calc(24px * var(--text-scale));pointer-events:none}.map-footer{display:flex;justify-content:space-between;gap:10px;padding:14px 0 0;font-size:calc(9px * var(--text-scale));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:calc(9px * var(--text-scale));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:calc(10px * var(--text-scale));padding:8px;color:#a4b397}.hero-tabs button span{font-size:calc(18px * var(--text-scale));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:calc(58px * var(--text-scale));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:calc(23px * var(--text-scale));font-weight:400;margin:12px 0 7px}.hero-detail>p{font-size:calc(10px * var(--text-scale));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:calc(13px * var(--text-scale));color:#d3d3b9}.hero-stats svg{margin-right:5px;color:#a8b38e}.hero-stats small{display:block;font-size:calc(8px * var(--text-scale));color:#869779;margin-top:6px}.meter-label{display:flex;justify-content:space-between;font-size:calc(9px * var(--text-scale));color:#a8b495;margin:12px 0 8px}.meter-label span{display:flex;gap:5px;align-items:center}.meter-label strong{font-size:calc(9px * var(--text-scale));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:calc(25px * var(--text-scale));color:#cfcc9f}.army strong{display:block;font-size:calc(12px * var(--text-scale));font-weight:500;margin:3px}.army small{font-size:calc(8px * var(--text-scale));color:#98a987}.coords{display:flex;gap:8px;margin:12px 0 18px}.coords label{font-size:calc(8px * var(--text-scale));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:calc(11px * var(--text-scale))}.coords .move{align-self:end;padding:7px 9px;font-size:calc(10px * var(--text-scale))}.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:calc(12px * var(--text-scale));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:calc(14px * var(--text-scale));font-weight:400}.history-heading svg{color:#9baa8a}.history-heading span{font-size:calc(9px * var(--text-scale));color:#879a78;margin-left:9px}.history-heading>button{margin-left:auto;font-size:calc(10px * var(--text-scale));border:0;padding:5px;color:#b9c2a4}.timeline{display:flex;gap:10px;align-items:center;margin:18px 0}.timeline button{padding:5px 12px;font-size:calc(10px * var(--text-scale))}.timeline input{flex:1;accent-color:#cdb781;min-width:30px}.timeline>span{font-size:calc(10px * var(--text-scale));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:calc(11px * var(--text-scale));border:0;border-bottom:1px solid #2d3c28;padding:13px 4px;border-radius:0;color:#b8c2aa}.journal button>span{color:#788d69}.journal button>span,.journal small{font-size:calc(9px * var(--text-scale))}.journal small{color:#d1b777}.journal svg{margin-left:auto}.journal>p{font-size:calc(11px * var(--text-scale));color:#8f9f80;padding:18px 0}.error{color:#f1bf9e;border:1px solid #7b5543;background:#39291e;padding:12px;margin-top:14px;font-size:calc(12px * var(--text-scale))}.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:calc(9px * var(--text-scale))}.lobby{padding-top:45px}.hero-detail .portrait{height:65px;line-height:60px;font-size:calc(46px * var(--text-scale))}.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:calc(10px * var(--text-scale))}.brand{font-size:calc(12px * var(--text-scale));gap:8px}.brand svg{width:21px}.profile{font-size:0;gap:0}.profile .live-dot{display:none}.avatar{font-size:calc(12px * var(--text-scale));margin-left:0}.lobby{padding:35px 22px 0}.lobby>h1{font-size:calc(39px * var(--text-scale))}.section-title>span{display:none}.match-card{flex-wrap:wrap}.landscape{width:100%;height:150px}.match-info{padding:23px}.match-info h2{font-size:calc(24px * var(--text-scale))}.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:calc(11px * var(--text-scale))}footer{font-size:calc(7px * var(--text-scale));gap:10px}footer span:nth-child(2){display:none}.game{padding:20px 15px}.game-heading h1{font-size:calc(22px * var(--text-scale))}.game-heading h1>span{display:none}.resource-bar{gap:15px;padding:12px}.resource-bar>div:first-child{display:none}.resource{font-size:calc(12px * var(--text-scale));gap:6px;flex:1}.resource-icon{font-size:calc(17px * var(--text-scale))}.resource small{font-size:calc(7px * var(--text-scale))}.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:calc(58px * var(--text-scale))}.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:calc(12px * var(--text-scale))}.journal button{font-size:calc(10px * var(--text-scale));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;-webkit-touch-callout:none}:is(.match-app,.app-dropdown,.game-modal-layer,dialog) img{-webkit-user-drag: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:calc(15px * var(--text-scale));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(/site/ui/advbord.webp) 16/16px/0 round;border-image-source:var(--art-advbord,url("/site/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:none}.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:calc(12px * var(--text-scale));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:calc(13px * var(--text-scale))}@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:calc(12px * var(--text-scale))}.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:calc(13px * var(--text-scale))}.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:calc(11px * var(--text-scale))}.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:calc(8px * var(--text-scale))}.site-header nav{gap:18px}.site-header nav button{font-size:calc(12px * var(--text-scale))}}@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:calc(18px * var(--text-scale));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:calc(17px * var(--text-scale));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:not(.nav-label){font-size:calc(11px * var(--text-scale));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:calc(10px * var(--text-scale));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:calc(26px * var(--text-scale));color:#e3c08b;border:0;min-width:48px;background:transparent}.new-turn-badge{font-size:calc(8px * var(--text-scale));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:calc(12px * var(--text-scale))}.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:calc(10px * var(--text-scale))}.match-date{margin-left:auto;white-space:nowrap;font-size:calc(11px * var(--text-scale))}.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:calc(10px * var(--text-scale));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:calc(9px * var(--text-scale));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:calc(11px * var(--text-scale));border-top:2px ridge #be8456;border-bottom:2px ridge #be8456}.match-selection h2{font-size:calc(17px * var(--text-scale));text-align:center;color:#ead38e;margin:0 0 4px}.match-selection>p{text-align:center;font-size:calc(10px * var(--text-scale));line-height:1.5}.match-selection>small{display:block;font-size:calc(9px * var(--text-scale));color:#d4b798;line-height:1.4;margin-top:8px}.match-meter{display:flex;justify-content:space-between;gap:5px;font-size:calc(10px * var(--text-scale));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:calc(21px * var(--text-scale));color:#ead38e;line-height:1}.match-army b{font-size:calc(10px * var(--text-scale))}.match-army small{font-size:calc(8px * var(--text-scale));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:calc(12px * var(--text-scale));padding:8px;margin:0}.match-mode-label{text-align:center;font-size:calc(8px * var(--text-scale));color:#d0b28f;padding-top:5px}.map-floating-controls{position:absolute;left:12px;bottom:10px;display:flex;align-items:center;gap:8px;font-size:calc(11px * var(--text-scale));background:#301707c9;padding:4px;border:1px solid #be8456;box-shadow:1px 1px #000}.map-floating-controls .hud-button{padding:2px 7px;font-size:calc(15px * var(--text-scale))}.match-journal{position:absolute;bottom:58px;left:34px;right:242px;z-index:5;max-height:300px;overflow:auto;background:#492607f5!important;font-size:calc(12px * var(--text-scale));box-shadow:0 10px 30px #0009}.match-journal h2{font-size:calc(17px * var(--text-scale))}.match-journal>p{line-height:1.7}.match-app-error{padding:10px 20px;display:flex;align-items:center;background:#7b2b17;gap:15px;font-size:calc(12px * var(--text-scale));flex-shrink:0}.match-app-error button{margin-left:auto;border:0;padding:0}.match-loading{padding:60px;text-align:center}.matches-dashboard{--page-gutter:30px;max-width:1250px;margin:auto;padding:45px var(--page-gutter)}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dashboard-heading h1{font-size:calc(36px * var(--text-scale));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:calc(27px * var(--text-scale));font-weight:700;letter-spacing:.02em;line-height:1.15}.join-card .text-sm,.join-card p{font-size:calc(15.5px * var(--text-scale));line-height:1.6}.join-card .h2-button{margin-top:20px}.dashboard-note{font-size:calc(13px * var(--text-scale));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:calc(32px * var(--text-scale));color:#f0d674;margin:0 0 12px}.new-game-form>label{display:block;margin:24px 0;font-size:calc(14px * var(--text-scale))}.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:calc(12px * var(--text-scale));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:calc(13px * var(--text-scale));white-space:nowrap}.match-app-header>nav a span:not(.nav-label){display:none}.match-tab{min-width:170px;padding:7px 12px}.match-tab strong{font-size:calc(12px * var(--text-scale))}.match-tab small{font-size:calc(9px * var(--text-scale))}.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:calc(11px * var(--text-scale));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:calc(8px * var(--text-scale))}.match-roster{gap:3px;max-height:60px}.roster-slot{border-width:2px}.roster-slot>span:last-child{font-size:calc(8px * var(--text-scale))}.match-selection{padding:5px;margin:5px 0}.match-selection h2{font-size:calc(14px * var(--text-scale))}.match-selection>p{font-size:calc(8px * var(--text-scale))}.match-actions{gap:3px}.match-actions .hud-button{font-size:calc(9px * var(--text-scale));padding:5px 2px}.match-end-turn{padding:6px 2px;font-size:calc(10px * var(--text-scale))}.match-mode-label{font-size:calc(7px * var(--text-scale))}.map-floating-controls{left:5px;bottom:5px;gap:4px;font-size:calc(9px * var(--text-scale));padding:2px}.map-floating-controls .hud-button{font-size:calc(12px * var(--text-scale));padding:2px 5px}.match-journal{left:13px;right:13px;bottom:46px}.matches-dashboard{--page-gutter:18px;padding:24px var(--page-gutter)}.matches-grid{grid-template-columns:1fr}.dashboard-heading h1{font-size:calc(29px * var(--text-scale))}.new-game-screen{padding:20px 8px}.new-game-form{padding:18px}.new-game-form h1{font-size:calc(26px * var(--text-scale))}}.match-tab{min-width:260px;padding-top:7px;padding-bottom:7px}.match-tab small{font-size:calc(9px * var(--text-scale));color:#d0b28f;margin-top:3px}.match-tab.your-turn small{color:#d0b28f}.tab-turn-state{display:block;font-size:calc(10px * var(--text-scale));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:calc(14px * var(--text-scale))}.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:calc(12px * var(--text-scale))}.match-tab small{font-size:calc(8px * var(--text-scale))}.tab-turn-state{font-size:calc(9px * var(--text-scale))}}:root{--game-cursor:url(/site/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(/site/ui/advmco-4.webp) 15 12,pointer!important}.original-map-canvas[data-cursor=hero]{cursor:url(/site/ui/advmco-2.webp) 12 10,pointer!important}.original-map-canvas[data-cursor=castle]{cursor:url(/site/ui/advmco-3.webp) 12 12,pointer!important}.map-minimap:active,.original-map-canvas[data-cursor=drag]{cursor:url(/site/ui/advmco-8.webp) 7 10,move!important}.original-map-canvas[data-cursor=blocked],button:disabled{cursor:url(/site/ui/advmco-0.webp) 0 0,not-allowed!important}.match-resource-bar{height:56px;font-size:calc(16px * var(--text-scale));gap:28px}.match-date,.match-resource small{font-size:calc(13px * var(--text-scale))}.match-resource i{font-size:calc(18px * var(--text-scale))}.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:calc(10px * var(--text-scale));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:calc(11px * var(--text-scale));margin-top:8px}@media (max-width:700px){.match-resource-bar{height:48px;gap:14px}.match-resource{font-size:calc(14px * var(--text-scale))}.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:calc(15px * var(--text-scale))}.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:calc(13px * var(--text-scale))}}@media (max-width:850px){.kingdom-name{display:none}.match-date{font-size:calc(11px * var(--text-scale))}}@media (max-width:700px){.match-sidebar{width:160px}.match-resource-bar{gap:8px;padding:0 5px}.match-resource{gap:3px;font-size:calc(12px * var(--text-scale))}.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:calc(18px * var(--text-scale));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:calc(12px * var(--text-scale));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:calc(12px * var(--text-scale))}.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:calc(9px * var(--text-scale))}.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:calc(12px * var(--text-scale))}.match-app-header:has(.queue-pill) .match-brand{display:none}.match-app-header>nav{gap:4px}.match-app-header>nav a{font-size:calc(12px * var(--text-scale));padding:0 2px}.resource-strip{padding:5px 7px;gap:3px}.resource-strip .match-resource{flex-direction:column;gap:2px;line-height:1;font-size:calc(11px * var(--text-scale))}.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:calc(29px * var(--text-scale))}.match-back-button span{font-size:calc(12px * var(--text-scale))}.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:calc(23px * var(--text-scale))}.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:calc(12px * var(--text-scale))}.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:calc(13px * var(--text-scale));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:calc(13px * var(--text-scale));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:calc(13px * var(--text-scale));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:calc(13px * var(--text-scale))}.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:calc(12px * var(--text-scale))}.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:calc(13px * var(--text-scale));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{font-style:italic}.game-toggle-hint,.game-toggle-state{color:#bdaa8c;font-size:calc(11px * var(--text-scale))}.game-toggle-state{min-width:22px;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:calc(12px * var(--text-scale))}.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:calc(13px * var(--text-scale));font-weight:600}.match-app .match-tab small{letter-spacing:0;margin-top:3px}.match-app .match-tab small,.match-app .tab-turn-state{font-size:calc(10px * var(--text-scale));color:var(--ui-muted)}.match-app .tab-turn-state{margin-top:4px}.match-app .your-turn .tab-turn-state{color:var(--ui-ready)}.match-app .turn-gem{width:12px;height:12px;border:1px solid #d4bb8266;border-radius:50%;transform:none;background:#8c806a;box-shadow:none}.match-app .match-tab[data-turn=ended]:not([aria-selected=true]){opacity:.8}.match-app .match-tab[data-turn=ended]:not([aria-selected=true]):hover{opacity:1}.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}}.match-app .match-tab.under-attack .turn-gem{background:#d8452e;border-color:#ff9a82;box-shadow:0 0 6px #d8452eaa;animation:match-gem-under-attack 1s ease-in-out infinite}.match-app .match-tab.under-attack{border-color:#d8452e99}@keyframes match-gem-under-attack{50%{background:#ff7a5c;box-shadow:0 0 10px #ff7a5ccc}}@media (prefers-reduced-motion:reduce){.match-app .match-tab.under-attack .turn-gem,.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;flex:1 1 auto;align-self:stretch;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#94714a transparent}.match-app .resource-strip .match-resource{font-size:calc(18px * var(--text-scale));font-weight:700;color:var(--ui-text);gap:8px;flex-shrink:0}.match-app .resource-income{font-size:calc(12px * var(--text-scale))}.match-app .resource-strip .match-resource.gold{border-color:var(--ui-border)}.match-turn-summary{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;flex-shrink:0;width:13.5rem;min-height:56px;margin-left:auto;border-left:1px solid var(--ui-border);padding:6px 8px}.match-app .match-date{display:block;margin:0;color:var(--ui-muted);font-size:calc(12px * var(--text-scale));line-height:1.35}.match-app .match-date b{color:var(--ui-text);font-size:calc(14px * var(--text-scale));font-weight:600}@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:calc(9px * var(--text-scale))}.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:calc(12px * var(--text-scale));gap:2px}.match-app .resource-income{font-size:calc(9px * var(--text-scale))}.match-turn-summary{width:100%;min-height:0;flex-direction:row;justify-content:space-between;align-items:center;padding:0 2px;border:0}}.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(/site/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;isolation:isolate;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(/site/ui/escroll-1.webp) top/16px auto repeat-y}::-webkit-scrollbar-track:horizontal{background:url(/site/ui/escroll-0.webp) 0/auto 16px repeat-x}::-webkit-scrollbar-thumb:vertical{border-style:solid;border-width:5px 4px;border-image:url(/site/ui/escroll-3.webp) 5 0 fill/5px 4px stretch}::-webkit-scrollbar-thumb:horizontal{border-style:solid;border-width:4px 5px;border-image:url(/site/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(/site/ui/escroll-4.webp)}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:url(/site/ui/escroll-5.webp)}::-webkit-scrollbar-button:vertical:end:increment{background-image:url(/site/ui/escroll-6.webp)}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:url(/site/ui/escroll-7.webp)}::-webkit-scrollbar-button:horizontal:start:decrement{background-image:url(/site/ui/escroll-8.webp)}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:url(/site/ui/escroll-9.webp)}::-webkit-scrollbar-button:horizontal:end:increment{background-image:url(/site/ui/escroll-10.webp)}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:url(/site/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(/site/ui/escroll-2.webp) 0 5 fill/0 5px stretch}img.remastered-art{image-rendering:auto!important}@media (max-width:700px){.match-app-header{height:48px;padding:0 8px}.match-brand{display:flex;width:auto;flex-shrink:0}.match-brand img{width:auto;height:30px}.match-app .match-tabs,.match-app.is-playing .match-tabs{min-height:0;padding:3px 2px;gap:2px;scrollbar-width:none}.match-app .match-tabs::-webkit-scrollbar{display:none}.match-app .match-tab,.match-app.is-playing .match-tab{flex:0 1 auto;min-width:116px;max-width:190px;min-height:36px;padding:2px 8px;gap:6px}.match-app .match-tab strong{font-size:calc(12px * var(--text-scale))}.match-app .match-tab small{display:none}.match-app .match-tab .turn-gem{width:10px;height:10px}.match-back-button{position:sticky;left:0;z-index:2;align-self:stretch;margin:-3px 0 -3px -2px;padding:2px 6px 2px 8px;background:var(--ui-surface)}.match-app .new-match-tab{position:sticky;right:0;z-index:2;box-shadow:-8px 0 6px #231a12}.match-back-button svg{width:18px;height:18px}.match-topbar>.app-toolbar{gap:0;padding:0 2px}.match-topbar .app-toolbar-button{min-width:30px;min-height:36px;padding:3px;font-size:calc(20px * var(--text-scale))}.match-topbar .toolbar-label{display:none}.match-topbar .app-toolbar-button{position:relative}.match-topbar .app-toolbar-button>span:has(>[data-testid=unread-badge]){position:absolute;top:1px;right:-3px;margin:0;pointer-events:none}.match-topbar .app-toolbar-button svg{width:20px;height:20px}.match-app .new-match-tab{align-self:center;flex-shrink:0;width:30px;height:30px;min-width:30px;margin-left:2px;padding:0;border:1px solid var(--ui-selected-border);border-radius:4px;background:var(--ui-raised);color:var(--ui-text);font-size:calc(18px * var(--text-scale));line-height:1}.match-app .kingdom-resource-bar,.match-app.is-playing .kingdom-resource-bar{flex-wrap:nowrap;min-height:0;padding:3px 0 3px 6px;gap:6px}.match-app .resource-strip{flex:1 1 auto;flex-basis:auto;padding:0;gap:5px;scrollbar-width:none}.match-app .resource-strip::-webkit-scrollbar{display:none}.match-app .resource-strip .match-resource{flex-direction:row;gap:2px;font-size:calc(12px * var(--text-scale));line-height:1.1}.match-app .resource-strip .match-resource>span:first-child{transform:none;margin:0;zoom:.6}.match-app .resource-strip .match-resource.gold>span:first-child{zoom:.62}.match-app .resource-strip .match-resource.gold{padding-left:6px}.match-app .resource-amounts{flex-direction:column;align-items:flex-start;gap:0}.match-app .resource-income{font-size:calc(9px * var(--text-scale))}.match-app .resource-income>span{display:none}.match-app .match-turn-summary,.match-turn-summary{width:auto;max-width:92px;min-height:0;margin-left:0;flex-direction:column;align-items:flex-end;justify-content:center;gap:0;padding:0 6px;border-left:1px solid var(--ui-border)}.match-app .match-date{display:block;min-width:0;max-width:100%;text-align:right;font-size:calc(9px * var(--text-scale));line-height:1.2}.match-app .match-date .date-long{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.match-app .match-date .date-short{display:block;font-size:calc(12px * var(--text-scale));white-space:nowrap}.match-app .match-date [data-testid=week-name]{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.match-date .date-short{display:none}html:has(.match-app),html:has(.match-app) body{overscroll-behavior:none}@media (max-width:700px){.match-app .new-match-tab{display:none}}@media (pointer:coarse) and (min-width:701px){.match-app .match-tab,.match-app.is-playing .match-tab{min-height:40px;padding:3px 10px}.match-app .match-tab small{display:none}}.match-app-header>nav .nav-icon{display:none}@media (max-width:700px){.match-app-header>nav{gap:0}.match-app-header>nav a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:40px;padding:0 4px}.match-app-header>nav .nav-icon{display:block;width:21px;height:21px}.match-app-header>nav a .nav-label{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@media (max-width:700px),(pointer:coarse){*{scrollbar-width:none!important}::-webkit-scrollbar{display:none!important}}.profile-avatar-card{--rx:0deg;--ry:0deg;position:relative;display:inline-flex;border-radius:9px;transform:perspective(500px) rotateY(var(--rx)) rotateX(var(--ry));transition:box-shadow .45s ease;will-change:transform}.profile-avatar-card[data-lit]{box-shadow:0 8px 18px #000a}@media (prefers-reduced-motion:reduce){.profile-avatar-card,.profile-avatar-card[data-lit]{transform:none}}.avatar-gloss{z-index:1;border-radius:inherit;padding:var(--avatar-ring,3px);background:linear-gradient(155deg,#ffffffa0,#fff0 30%,#fff0 62%,#ffffff55 82%,#fff0);mix-blend-mode:soft-light;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.avatar-gloss,.avatar-holo,.avatar-shine{position:absolute;inset:0;pointer-events:none}.avatar-holo,.avatar-shine{-webkit-mask-image:linear-gradient(105deg,#0000 34%,#000 50%,#0000 66%);mask-image:linear-gradient(105deg,#0000 34%,#000 50%,#0000 66%);-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0;animation:avatar-pass var(--avatar-sweep,7s) ease-in-out infinite;animation-delay:var(--avatar-delay,0s)}.avatar-shine{background:#fff;opacity:.5;mix-blend-mode:soft-light}.avatar-holo{--pat:var(--holo-glitter);--pat-size:64px 64px;background-color:#000;background-image:linear-gradient(115deg,hsl(140 100% 62%),hsl(320 100% 68%),hsl(195 100% 62%),hsl(48 100% 62%),hsl(275 100% 70%),hsl(140 100% 62%)),var(--holo-flakes),var(--pat);background-size:300% 300%,110px 110px,var(--pat-size);background-blend-mode:multiply,screen,normal;mix-blend-mode:color-dodge;opacity:calc(.55 + var(--avatar-holo, .8) * .35);filter:brightness(calc(.65 + var(--avatar-holo, .8) * .3)) contrast(1.15);animation-name:avatar-pass-holo}.avatar-holo[data-pattern=lines]{--pat:repeating-linear-gradient(60deg,#000 0 3px,#9a9a9a 3px 4px,#000 4px 6px);--pat-size:100% 100%}.avatar-holo[data-pattern=sunburst]{--pat:repeating-conic-gradient(from 0deg at 50% 50%,#000 0deg 5deg,#a8a8a8 5deg 7deg,#000 7deg 12deg);--pat-size:100% 100%}.avatar-holo[data-pattern=crosshatch]{--pat:conic-gradient(from 45deg,#000 0 25%,#7a7a7a 0 26%,#000 0 50%,#7a7a7a 0 51%,#000 0 75%,#7a7a7a 0 76%,#000 0);--pat-size:9px 9px}.avatar-holo[data-pattern=shards]{--pat:var(--holo-shards);--pat-size:96px 96px}.avatar-holo[data-pattern=galaxy]{--pat:var(--holo-galaxy);--pat-size:110px 110px}.avatar-holo[data-pattern=rings]{--pat:repeating-radial-gradient(circle at 50% 50%,#000 0 4px,#b8b8b8 4px 5px,#000 5px 9px);--pat-size:100% 100%}@keyframes avatar-pass{0%,45%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes avatar-pass-holo{0%,45%{-webkit-mask-position:100% 0;mask-position:100% 0;background-position:0 50%,0 0,50%}to{-webkit-mask-position:0 0;mask-position:0 0;background-position:100% 50%,12px 8px,50%}}@media (prefers-reduced-motion:reduce){.avatar-holo,.avatar-shine{animation:none}}html{touch-action:manipulation}@media (pointer:coarse){[data-draggable]{touch-action:none}}.map-gain{transform:translate(-50%,-100%);animation:map-gain 2.2s ease-out forwards}@keyframes map-gain{0%{opacity:0;transform:translate(-50%,-100%)}12%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-100% - 56px))}}@media (prefers-reduced-motion:reduce){.map-gain{animation-name:map-gain-fade}@keyframes map-gain-fade{0%,70%{opacity:1}to{opacity:0}}}.image-viewer-picture{animation:image-viewer-in .18s ease-out}@keyframes image-viewer-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.image-viewer-picture{animation:none}}.lander-marquee{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.lander-marquee-track{display:flex;width:max-content;animation:lander-marquee 48s linear infinite}.lander-marquee:focus-within .lander-marquee-track,.lander-marquee:hover .lander-marquee-track{animation-play-state:paused}@keyframes lander-marquee{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.lander-marquee{mask-image:none}.lander-marquee-track{width:auto;flex-wrap:wrap;justify-content:center;animation:none}.lander-marquee-track>[aria-hidden=true]{display:none}}