/* Skyroot: original 16-bit adventure presentation. */
@font-face{font-family:'Skyroot Pixel';src:url('assets/skyroot-pixel.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#cbd1df;--card:#f2ecd7;--ink:#282740;--muted:#65657d;--line:#8a91af;--green:#354b83;--green2:#d8dfef;--orange:#b46741;--gold:#e8bf67;--shadow:4px 4px 0 #25284255;--retro-navy:#252b4e;--retro-blue:#3d5487;--retro-cream:#fff2c9;--retro-rim:#929ec6;font-family:'Courier New',monospace;background:var(--paper);color:var(--ink)}
*{scrollbar-color:#7381ac #d8deeb;scrollbar-width:thin}
*,*:before,*:after{border-radius:0!important}
body{background-color:var(--paper);background-image:linear-gradient(45deg,#c5ccdb 25%,transparent 25%,transparent 75%,#c5ccdb 75%),linear-gradient(45deg,#c5ccdb 25%,transparent 25%,transparent 75%,#c5ccdb 75%);background-size:8px 8px;background-position:0 0,4px 4px;font-family:'Courier New',monospace}
button,input,select,textarea,.world-chat-widget,.mp-layout button,.mp-layout input,.mp-layout select{font-family:'Courier New',monospace!important}
button{transition:background-color .08s,translate .08s!important}
svg,canvas,img{image-rendering:pixelated;image-rendering:crisp-edges}
h1,h2,h3,.serif,.brand-name,.skill-label strong,.pet-battle-button strong,.burst-button strong,.squad-pet strong,.pet-ability strong,.relic-slot span,.mp-keeper-choice>strong,.mp-selected-skill>strong,.mp-room-code strong,.world-chat-panel h2,.end-banner{font-family:'Skyroot Pixel','Courier New',monospace!important;font-weight:400!important;letter-spacing:0!important;line-height:1.5}
h1{font-size:28px!important}h2{font-size:21px!important}h3{font-size:14px!important}
.brand-name{font-size:35px!important;line-height:1.1;text-shadow:3px 3px #171d36;text-transform:uppercase}
.brand-tag{font-family:'Courier New',monospace;font-size:9px;color:#e6c773!important;letter-spacing:3px}
.brand-symbol{filter:none}.brand-symbol svg{shape-rendering:crispEdges}
.header{background:#252d50;border-bottom:4px solid #e5bd64;box-shadow:0 4px 0 #181d38,0 8px 0 #929dc2;color:var(--retro-cream);height:132px;grid-template-rows:76px 56px}
.brand{color:var(--retro-cream)}
.header-right .resource{background:#171e3a;color:#fff1c9;border:2px solid #7687b3;box-shadow:inset 2px 2px #0d142a,inset -2px -2px #3c4f7d;padding:8px 12px}
.header-right .resource .icon{color:#e5c578}.header .icon-btn{background:#3f5584;color:#f7e8bc;border:2px solid #90a3cb;box-shadow:2px 2px #151b33}
.main-nav{height:56px;gap:20px;align-items:center}
.nav-btn{height:36px;padding:0 14px;font-weight:700;font-size:11px;color:#becbe4;border:2px solid transparent}
.nav-btn.active{background:#475f95;color:#fff1b7;border:2px solid #b1bfdb;box-shadow:2px 2px #131a32}
.nav-btn.active:after{display:none}.nav-btn:hover{color:#fff4d3;background:#344573}
.layout{padding-top:34px}.page-head h1,.battle-top h1,.mp-layout h1{color:#292d52;text-shadow:2px 2px #eef1f6}
.eyebrow,.mini-heading,.date-label{color:#515f87!important;font-family:'Courier New',monospace;font-weight:700;letter-spacing:1px}
.subtitle{color:#5c6481}.page-head .eyebrow:before{background:#6d7da5}
.panel,.hero-card,.building-card,.kingdom-feature,.skill-card,.pet-battle-button,.burst-button,.bounty-card{background:#f2ecd7;border:2px solid #49577d;box-shadow:inset 2px 2px #fff9e7,inset -2px -2px #c0bed0,4px 4px 0 #28315044}
.panel,.hero-card{overflow:hidden}
.panel:hover,.hero-card:hover{box-shadow:inset 2px 2px #fff9e7,inset -2px -2px #c0bed0,4px 4px 0 #28315055}
.hero-card:hover{transform:translateY(-2px)}
.btn,.chron-tab{border:2px solid #65749b;background:#e3e6ed;color:#303b61;box-shadow:inset 2px 2px #fbfcff,inset -2px -2px #a3abc1,2px 2px 0 #29345455;font-weight:700}
.btn:hover:not(:disabled),.chron-tab:hover{background:#f6f2dc}
.btn-primary{background:#405d91;border-color:#1d2d54;color:#fff0c4;box-shadow:inset 2px 2px #809bcc,inset -2px -2px #253d6a,2px 2px 0 #1b254655}
.btn-primary:hover:not(:disabled){background:#506faa}
.btn-orange{background:#e1b75e;color:#352c43;border-color:#725332;box-shadow:inset 2px 2px #ffdf88,inset -2px -2px #a87b43,2px 2px 0 #51403255}
.btn-orange:hover:not(:disabled){background:#f1ce78}
.btn:active:not(:disabled),.chron-tab:active,.world-chat-toggle:active{translate:2px 2px;box-shadow:inset 2px 2px #293c6455}
.btn:disabled{opacity:.5}.text-btn,.footer button{color:#4a5d8b}
:focus-visible{outline:3px solid #b46b4b!important;outline-offset:3px}
.scene{background:#759fc1;border-bottom:2px solid #49577d}.scene>svg{filter:none!important}
.scene-label,.scene-caption,.scene-collect,.chapter-badge,.chapter-number,.mp-wave-pill{background:#f6eac5;border:2px solid #596184;color:#303854;box-shadow:2px 2px 0 #1e2e4844;backdrop-filter:none}
.scene-label{font-weight:700}.scene-collect{background:#e6bf67;box-shadow:inset 2px 2px #ffe6a3,inset -2px -2px #b38b4c,3px 3px #4c493d88}
.scene-footer{background:#e1e3e9;border-top:2px solid #6d7ca3}.scene-footer h3{font-size:14px!important}.scene-footer p{color:#606b85}
.building-card,.kingdom-feature{background:#e7e7e7}.building-card.selected{border-color:#97683d;background:#f3deb0;box-shadow:inset 2px 2px #fff1c9,inset -2px -2px #bd9d6d,3px 3px #5a4f4c44}
.building-card .icon,.kingdom-feature .feature-icon{color:#5a6390}.building-card .level-tag{background:#384d7e;color:#ffe49a;border:1px solid #8d9bbb}
.building-card h3{font-size:14px!important}.kingdom-feature h3{font-size:14px!important}.kingdom-feature p{color:#656b85}
.journey,.story-card,.summon-details,.campaign-notes .note-card{background:#eee8cf}.journey h2,.story-card h2,.panel-title h2{color:#36375b}.journey p,.story-card .story-text{color:#646278}
.mini-portrait,.hero-card .hero-art,.detail-portrait,.skill-portrait,.pet-card-top,.pet-portrait,.mp-keeper-choice>div,.mp-player-art{background-color:#c4ccdf;background-image:repeating-conic-gradient(#b5bfd5 0% 25%,#cbd2e3 0% 50%);background-size:8px 8px;border-color:#7c89a8;box-shadow:none}
.hero-info,.skill-label{background:#eee7cf}.hero-info h3{font-size:21px!important}.hero-info p,.hero-level,.skill-label small{color:#68627a}
.hero-art svg,.detail-portrait svg,.unit-art,.mp-unit-art,.mp-player-art svg,.mp-keeper-choice svg,.relic-art,.trials-party>svg,.pet-portrait svg,.village-companion{filter:none!important}
.unit.hit .unit-art,.mp-unit.is-hit .mp-unit-art{filter:brightness(1.5)!important}
.detail-stats div,.passive-box,.bond-note,.bond-chip,.chron-tags span,.chron-currency{background:#dce1ec;border:1px solid #8d9bb8;color:#566182}
.detail-stats strong,.passive-box strong,.bond-note strong,.pet-ability strong{color:#364574}.skill-level-tag{background:#e8cc8c;color:#51466b;border-color:#a89579;font-family:'Courier New',monospace}
.relic-loadout,.chron-spotlight,.chron-story-intro,.trials-hero{background:#dce1ec}.chron-spotlight h2,.chron-story-intro h2,.trials-hero h2{color:#354575}
.chron-spotlight p,.chron-story-intro p,.trials-hero p,.pet-card p,.relic-card p,.daily-card p,.trial-mode p,.bounty-card p{color:#64647d;font-family:'Courier New',monospace}
.pet-card h2,.relic-card h2{font-size:21px!important}.pet-ability strong{font-size:14px!important}.pet-active-badge{background:#344c7b;color:#ffecaa;border:2px solid #9badd0}
.chron-tab.is-active,.chron-tab.active,.chron-tab[aria-selected=true]{background:#405985;color:#fff1c2;border-color:#203052;box-shadow:inset 2px 2px #839bca,inset -2px -2px #263c63,2px 2px #26365955}
.relic-slot{background:#d5dce8;border:2px dashed #6b7c9c}.relic-slot.filled{background:#eddaa8;border:2px solid #a1844b}.relic-slot span{color:#43527c;font-size:14px!important}
.chron-daily-supplies,.trial-mode.arena{background:#ecdcaf}.trial-mode.tower{background:#d4d0e8}.daily-seal{filter:none;color:#ac804b}.chron-tip,.chron-currency{background:#e0e3e8}.chapter-number{color:#38456f}
.region-tab{background:#dce2ed;border:2px solid #7686a6;box-shadow:2px 2px #2d3c6244}.region-tab.active{background:#405a89;color:#ffefbb;border-color:#1d2c53}.map-footer{background:#e6e6e3}.map-node{border:2px solid #354873;box-shadow:2px 2px #202b4555}
.summon-scene{background-color:#1e2c52;background-image:radial-gradient(#8e93b6 1px,transparent 1px);background-size:16px 16px}.summon-ring{border:4px dashed #e1bf70;box-shadow:0 0 0 8px #536492,0 0 0 12px #242e53}.summon-featured{filter:none}.summon-scene h2{color:#fff0bd;text-shadow:3px 3px #121a35}
.battle-arena,.mp-arena,.mp-battle-arena{border:3px solid #28375f;box-shadow:inset 2px 2px #a2b2cf,4px 4px #26325355;background:#8ea5ba}
.battle-time,.wave-label{font-family:'Skyroot Pixel','Courier New',monospace!important;color:#fff1c2;text-shadow:2px 2px #273653;background:#263b68;border:2px solid #9aadd3;padding:7px 10px}
.health,.mp-health{border:1px solid #181c37;background:#25223d;box-shadow:0 1px #bac8d4;height:7px}.health span,.mp-health>span{background:#89c670;border-top:2px solid #c2e79b}.enemy .health span,.mp-unit.is-enemy .mp-health>span{background:#d07472;border-top:2px solid #f2b183}
.unit .unit-name,.mp-unit-name{color:#fff3cd;text-shadow:1px 1px #18213a,-1px -1px #18213a;font-family:'Courier New',monospace;font-weight:700}
.unit.shielded:after,.mp-unit.is-shielded:after{border:2px dashed #b9ebed;background:#89c4ee15;box-shadow:none;clip-path:polygon(15% 0,85% 0,85% 8%,100% 8%,100% 85%,85% 85%,85% 100%,15% 100%,15% 85%,0 85%,0 8%,15% 8%)}
.status-icons span{background:#253c67;border:1px solid #9bbbd4;color:#fff0c7}.skill-card.ready{border-color:#b88843;box-shadow:inset 0 0 0 2px #ffe7a0,3px 3px #3d3a4b66}.skill-card.ready .ready-signal{background:#d6ac5b;color:#332b43}
.skill-label strong{font-size:14px!important;color:#313856}.skill-key{background:#283c66;color:#fff0bb;border:1px solid #91a9c9}.cooldown-cover{background:#1b2c5db8;text-shadow:2px 2px #18203b;font-family:'Skyroot Pixel',monospace;font-size:28px}
.pet-battle-button{background:#d2e5cf}.burst-button{background:#d6cfe5;border-color:#705e8a;box-shadow:inset 2px 2px #f4e8ff,inset -2px -2px #a097b7,3px 3px #292b4a55}.pet-battle-button strong,.burst-button strong{font-size:14px!important}.pet-battle-button small,.burst-button small{color:#5b6680}.burst-button.ready{background:#f5d586;animation:retro-ready .8s steps(2,end) infinite}.burst-button .burst-emblem{filter:none;color:#795e99}.burst-meter{height:6px;background:#514d71}.burst-meter span{background:#f0c75d;border-top:2px solid #fff2bb}
.boss-hud{background:#252a4bd9;border:2px solid #9b8bb2;padding:8px;color:#fff0bf;text-shadow:1px 1px #11182b}.boss-hud strong{font-family:'Skyroot Pixel',monospace;font-size:14px}.boss-break{background:#443052;border-color:#b9a4be}.boss-break span{background:#e3b96c}.boss-cast{color:#ffb684}
.damage-number{font-family:'Skyroot Pixel','Courier New',monospace!important;font-size:21px;letter-spacing:0;-webkit-text-stroke:0;text-shadow:2px 2px #263451,-1px -1px #263451}.damage-number.crit{font-size:28px}.battle-log{background:#e6e4dc}
.pause-cover,.end-banner{background:#1c274bba;backdrop-filter:none}.end-banner{font-size:35px}.pause-cover h2{color:#ffedb5}.battle-hint{line-height:1.9}
.modal-shade{background:#121b37cc;backdrop-filter:none}.modal{border:3px solid #b5b9d1;outline:3px solid #29365c;background:#f0ead6;box-shadow:inset 3px 3px #fff7df,inset -3px -3px #8e96b1,8px 8px #10182d66}
.modal-close{background:#e2ca8e;border:2px solid #7d6c61;color:#303451;box-shadow:2px 2px #34374c55}.modal-content h2{color:#35355d}.modal-content>p{color:#66677e}.modal-content h2,.hero-detail h2{font-size:21px!important}
.story-dialogue{background:#29365d;color:#f9ecc5;border-top:3px solid #9aa9cb}.story-dialogue h3{color:#ecc76e!important;font-size:21px!important}.story-dialogue p{color:#f8efd4!important;font-family:'Courier New',monospace;font-size:15px!important;line-height:1.8}.story-progress{background:#29365d;color:#bbc8df;padding-top:15px;border-top:1px solid #5b6d94}.story-region-banner h2{color:#ffedbc;text-shadow:2px 2px #1c294b}.story-region-banner small{background:#25375c;color:#ead191;padding:5px}.story-speaker-art{filter:none}
.mp-welcome-copy h2,.mp-raid-label h2,.mp-section-head h2,.mp-chat-heading h2{color:#343b65}.mp-welcome,.mp-entry-card,.mp-gathering,.mp-keeper-selection,.mp-chat-panel,.mp-own-card,.mp-lobby-raid,.mp-battle-panel{background:#efead7;border-color:#5d6c94}
.mp-welcome-art{background:#9cb4ca}.mp-welcome-heroes>div{filter:none;animation-timing-function:steps(2,end)}.mp-welcome-copy h2{font-size:21px!important}.mp-feature-row,.mp-step,.mp-label,.mp-fine-print,.mp-connection,.mp-room-note{color:#5c6b8e}.mp-step{font-family:'Skyroot Pixel',monospace}
.mp-input,input,select{background:#f5f3e4;color:#34385b;border:2px solid #8c9aba;box-shadow:inset 2px 2px #c6ccd7}.mp-input option{background:#faf1d9}.mp-room-code{background:#dfc991!important;border:2px solid #786744;color:#453a4d;box-shadow:2px 2px #332f4d55}.mp-room-code strong{color:#3e385a}
.mp-raid-scene:after{background:linear-gradient(90deg,#e4e2cfee,#d4ddec99 65%,transparent)}.mp-player-card,.mp-empty-player,.mp-keeper-choice{background:#e0e3ec;border-color:#8493b4;box-shadow:2px 2px #34426433}.mp-keeper-choice.is-selected{background:#f0d895!important;border:2px solid #96713e!important;box-shadow:inset 0 0 0 2px #fff1bf}.mp-keeper-choice>strong{font-size:14px!important;color:#344471}.mp-player-copy strong{color:#344471}.mp-player-copy small,.mp-player-copy>span,.mp-selected-skill p{color:#626c88}.mp-selected-skill>strong{font-size:14px!important}.mp-chat-heading,.mp-chat-form{background:#d7dfed}.mp-chat-message{background:#f5efd9;border:1px solid #b7bbcb}.mp-chat-message.is-mine{background:#d4def0;border-color:#8a9dc2}.mp-chat-message p{color:#434c6e}.mp-chat-message strong{color:#344b78}.mp-chat-message time,.mp-system-message,.mp-chat-meta{color:#707f9d}.mp-chat-composer{background:#f7f1df;border:2px solid #8597b9}.mp-chat-composer button{background:#c2cfdf;color:#3c5582}.mp-room-status .mp-connection>span{box-shadow:none}.mp-chat-dot{background:#8bbc8c}
.world-chat-widget{color:#333b61}.world-chat-toggle{background:#2b416f;color:#fff0be;border:2px solid #a6bad9;box-shadow:inset 2px 2px #617daa,inset -2px -2px #142445,3px 3px #161f3b66;font-size:12px}.world-chat-toggle small{color:#c4d4e9}.world-chat-toggle.is-connected:before{background:#a4d78a;box-shadow:none}
.world-chat-panel{background:#ede8d5;border:3px solid #a4b2d0;outline:2px solid #263357;box-shadow:inset 2px 2px #fff6de,5px 5px #15203988}.world-chat-panel>header{background:#2c426e;border-bottom:3px solid #abb8d0;color:#fbedc4}.world-chat-panel h2{font-size:14px!important;color:#ffebae}.world-chat-panel header p{color:#bfcee6}.world-chat-panel header>button{color:#ffe9b6}.world-chat-emblem{color:#d5e4f0;border:2px solid #879fbe}
.world-chat-identity,.world-chat-note{color:#68718d}.world-chat-identity input{background:#faf3dd;border:2px solid #8d9cb7;color:#374467}.world-chat-identity button{background:#c6d1e3;border:1px solid #8e9bb6;color:#374771}.world-chat-log{background:#e2e2dc}.world-message{background:#f5eed9;border:1px solid #b7bccb;box-shadow:2px 2px #8d97b033}.world-message.is-you{background:#d2dcef;border-color:#8b9fc0}.world-message strong{color:#3e5480}.world-message p{color:#444c69}.world-message time,.world-mute-player{color:#6b7a99}.world-chat-composer{background:#d9dfeb;border-top:2px solid #97a4bf}.world-chat-composer>div{background:#fbf4df;border:2px solid #8193b5}.world-chat-composer input{color:#35456e;box-shadow:none}.world-chat-composer button{background:#c8d5e6;color:#3c5385}.world-chat-composer footer{color:#6c7d9b}.world-chat-empty{font-family:'Courier New',monospace;color:#6b7d9d}.world-chat-unmute{background:#d6dfeb;color:#435b84}.world-chat-error{background:#edc990;color:#694638}
.footer{color:#647497}.footer button{font-family:'Courier New',monospace}.dot{background:#9b7246;box-shadow:none}.village-companion{animation-timing-function:steps(6,end)}
.dw-fireflies,.dw-starlight,.dw-waterwheel,.dw-waterfall,.dw-snow,.dw-cloud{animation-timing-function:steps(4,end)}
@keyframes retro-ready{50%{background:#e4bb67;box-shadow:inset 2px 2px #fff2aa,inset -2px -2px #b68b47,3px 3px #292b4a55}}
@media(max-width:850px){.main-nav{gap:10px}.nav-btn{padding:0 10px}.header{height:125px;grid-template-rows:69px 56px}.brand-name{font-size:28px!important}.resource{padding:7px 8px!important}}
@media(max-width:600px){.header{height:120px;grid-template-rows:66px 54px;padding:0 12px}.brand-name{font-size:21px!important}.brand-tag{font-size:6px;letter-spacing:1px}.brand-symbol{width:22px}.header-right{gap:5px}.header-right .resource{font-size:10px;padding:4px!important;border:0;background:none;box-shadow:none}.header-right .icon-btn{border-width:1px}.main-nav{height:54px;gap:4px;width:calc(100% + 12px);margin-right:-12px}.nav-btn{font-size:10px;min-width:85px;height:34px;padding:0 8px}.layout{padding:25px 12px}.page-head h1,h1{font-size:21px!important;line-height:1.65}.page-head h1{max-width:100%}.page-head .subtitle{font-size:11px}.eyebrow{font-size:8px}.hero-card .hero-art{height:180px}.hero-info h3{font-size:14px!important}.hero-info{padding:13px 10px}.building-card h3{font-size:12px!important}.building-card p{font-size:9px}.kingdom-feature h3{font-size:14px!important}.chron-spotlight h2,.trials-hero h2,.chron-story-intro h2{font-size:21px!important}.pet-card h2{font-size:14px!important}.pet-card-copy{padding:12px}.pet-card p{font-size:10px}.pet-ability strong{font-size:12px!important}.relic-slot span{font-size:10px!important}.battle-controls .btn{padding:8px 5px}.battle-layout{padding:22px 10px}.skill-cards{gap:5px}.skill-label{padding:8px 3px}.skill-label strong{font-family:'Courier New',monospace!important;font-weight:700!important;font-size:11px!important}.skill-label small{font-size:7px}.skill-key{padding:3px;font-size:6px}.pet-battle-button strong,.burst-button strong{font-size:10px!important}.pet-battle-button small,.burst-button small{font-size:7px}.boss-hud{padding:5px;top:52px}.boss-hud strong{font-size:10px}.battle-time,.wave-label{font-size:8px;padding:6px}.story-dialogue h3{font-size:14px!important}.story-dialogue p{font-size:13px!important}.story-region-banner h2{font-size:14px!important}.story-dialogue{padding:20px 17px;gap:8px;grid-template-columns:55px 1fr}.story-progress{padding:15px 17px}.world-chat-widget{right:12px;bottom:12px}.world-chat-toggle{font-size:10px;padding:10px}.world-chat-panel{width:calc(100vw - 28px);right:0}.world-chat-panel>header{padding:14px 10px}.world-chat-panel h2{font-size:12px!important;line-height:1.6}.world-chat-identity{gap:7px}.world-chat-composer input{font-size:16px}.world-message p{font-size:11px}.mp-layout{padding:25px 12px!important}.mp-keeper-choice>strong{font-size:10px!important}.mp-welcome-copy h2{font-size:21px!important}.mp-section-head h2,.mp-raid-label h2{font-size:14px!important}.footer{line-height:1.9}.squad-pet strong{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.burst-button.ready,.village-companion,.mp-welcome-heroes>div{animation:none!important}}

.mini-heading{font-family:'Courier New',monospace!important;font-size:10px!important;line-height:1.5!important;letter-spacing:1.2px!important}

.building-card>span:nth-child(2){min-width:0;flex:1}.building-card .level-tag{flex-shrink:0}
@media(max-width:600px){.building-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.building-card{gap:6px}.building-card .icon{width:18px;height:18px;flex-shrink:0}.building-card h3{font-family:'Courier New',monospace!important;font-size:12px!important;font-weight:700!important}.building-card .level-tag{font-size:8px;padding:4px}.building-card p{overflow-wrap:anywhere}}

.damage-number{translate:-50% 0;text-align:center;white-space:nowrap}
@media(max-width:600px){.damage-number{font-size:14px}.damage-number.crit{font-size:21px}}