*{box-sizing:border-box}body{margin:0;background:#101c21;color:#f7efce;font-family:Georgia,serif;overflow:hidden}canvas{display:block;width:100vw;height:100dvh;image-rendering:pixelated;touch-action:none}.hud{position:fixed;top:20px;left:22px;right:22px;display:flex;justify-content:space-between;gap:15px;pointer-events:none}.box{background:#132723e8;border:1px solid #c4b97955;box-shadow:0 5px 25px #0004;border-radius:8px;padding:14px 18px}.brand{font-size:20px;letter-spacing:3px}.small{font:10px system-ui;letter-spacing:2px;color:#c3c8a1;margin-top:6px}.bar{width:180px;height:7px;background:#081911;margin:10px 0 6px;border-radius:5px;overflow:hidden}.bar i{height:100%;display:block;background:#ef9c72;transition:width .2s}.quest{max-width:300px;font-size:14px;line-height:1.6}.quest strong{color:#f3ce76}.toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);text-align:center;background:#10251fe8;border:1px solid #bbaa6266;padding:12px 20px;border-radius:7px;max-width:90%;pointer-events:none;font-size:14px}.bottom{position:fixed;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:end;gap:12px}.help{font:11px/1.8 system-ui;color:#d9d9b5;background:#12291fbb;padding:10px;border-radius:6px}button{font:700 11px system-ui;letter-spacing:1px;background:#21392de8;border:1px solid #bbbe8180;color:#fff0bb;border-radius:7px;padding:14px 18px;cursor:pointer;touch-action:none}button:hover{background:#375740}button:disabled{opacity:.5}.actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:430px}#attack{background:#994329;border-color:#ffbd73}#burst{background:#69382a}@media(max-width:600px){.actions{max-width:190px}.actions button{flex:1;padding:11px 6px!important;font-size:9px!important}}.overlay{position:fixed;inset:0;background:#081b20c9;display:grid;place-items:center;padding:25px}.overlay[hidden]{display:none}.panel{max-width:600px;padding:42px;background:linear-gradient(135deg,#223e31f5,#102623f5);border:1px solid #c8b57780;border-radius:14px;box-shadow:0 20px 100px #0007}.eyebrow{font:11px system-ui;letter-spacing:4px;color:#dfbf79}h1{font-size:clamp(44px,8vw,76px);font-weight:normal;line-height:1;margin:23px 0;color:#fff0bc}p{color:#c7d1b1;font-size:16px;line-height:1.8}.launch{background:#e7c779;color:#23372c;padding:17px 25px;margin-top:12px}.pad{display:none;grid-template-columns:repeat(3,42px);gap:3px}.pad button{padding:12px 0;background:#183b2cc9}.pad .up{grid-column:2}.pad .left{grid-column:1}.pause{position:fixed;top:130px;left:22px;padding:7px 12px;font-size:9px} @media(pointer:coarse){.pad{display:grid}.help{display:none}}@media(max-width:600px){.hud{top:12px;left:12px;right:12px}.box{padding:10px}.brand{font-size:15px}.bar{width:125px}.quest{max-width:180px;font-size:11px}.small{font-size:8px;letter-spacing:1px}.bottom{left:12px;right:12px;bottom:15px}.actions button{padding:14px 10px;font-size:10px}.panel{padding:25px}.toast{bottom:125px;font-size:12px}.pause{top:118px;left:12px}}
.overlay{overflow-y:auto;align-items:start;padding:25px}.panel{width:min(900px,100%);max-width:900px;margin:auto;padding:30px}h1{font-size:clamp(35px,6vw,58px);margin:15px 0}.panel p{font-size:14px;margin:10px 0}.heroes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.hero-card{text-align:left;letter-spacing:0;padding:14px;border-color:#ffffff25;position:relative;background:#0b211ecc}.hero-card.selected{outline:2px solid var(--hero);background:#324538}.hero-card b{font:700 16px Georgia;color:var(--hero);display:block;margin-bottom:7px}.hero-card small{font:11px/1.5 system-ui;display:block;color:#c8d3c2}.hero-card .sigil{font-size:22px;float:right}.selection{font:12px/1.6 system-ui;color:#e2dab8}.sound{position:fixed;left:110px;top:130px;padding:7px 10px;font-size:9px}.actions{max-width:520px}.boss-hud{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:min(320px,30vw);text-align:center;font:10px/1.6 system-ui;background:#171e21de;padding:10px;border:1px solid #caa88477;border-radius:7px;pointer-events:none}.boss-hud[hidden]{display:none}.boss-hud .bar{width:100%;height:6px}.boss-hud .bar i{background:#cb88ed}.difficulty{color:#ffb39b!important}.volume{margin-top:12px;display:flex;align-items:center;gap:12px;font:11px system-ui;color:#ccd6bc}.volume input{width:110px;accent-color:#d9c581}.actions button{padding:12px}.hero-card:focus-visible{outline:3px solid white}.pad button{user-select:none}.quest{max-width:260px}@media(max-width:650px){.heroes{grid-template-columns:repeat(2,1fr)}.hero-card{padding:10px}.hero-card b{font-size:14px}.panel{padding:20px}.sound{top:118px;left:97px}.boss-hud{top:153px;width:75vw;max-width:320px}.actions{max-width:215px}.quest{max-width:160px}.toast{bottom:157px}.help{font-size:9px}.bottom{gap:6px}}

:root{--ink:#e6e9de;--gold:#e8c782}.hub{position:fixed;inset:0;z-index:30;overflow:auto;background:radial-gradient(ellipse at 15% 10%,#25443a,#101b29 65%,#101322);padding:30px clamp(15px,5vw,75px);font-family:system-ui,sans-serif}.hub[hidden]{display:none}.hub-top{display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:1160px;margin:auto;border-bottom:1px solid #ffffff20;padding-bottom:20px}.wordmark{font:22px Georgia;letter-spacing:4px;color:#f3e0ac}.edition{font:9px system-ui;letter-spacing:4px;color:#89b4aa;margin-top:6px}.hub-tabs{display:flex;gap:8px;flex-wrap:wrap}.hub-tabs button{background:transparent;border-color:transparent;font-size:10px}.hub-tabs .active{border-color:#bca77888;background:#ffffff08}.hub-content{max-width:1160px;margin:25px auto}.hub-pane[hidden]{display:none}.home-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;min-height:65vh}.home-layout h2{font:clamp(48px,6vw,82px)/1.02 Georgia;margin:20px 0;color:#f5e5ba}.home-layout h2 em{color:#b6d0bc;font-weight:normal}.home-layout p{font:14px/1.9 system-ui;max-width:510px}.home-actions{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0}.primary{background:#e6ca89;color:#192c2b;border-color:#e6ca89}.home-scene{position:relative;min-height:370px;border:1px solid #a5bda32f;border-radius:180px 180px 16px 16px;background:radial-gradient(ellipse at 50% 45%,#7f8ca340,#152534 65%);display:flex;align-items:end;justify-content:center;padding:45px 15px;overflow:hidden}.home-scene:before{content:'III';position:absolute;top:27px;font:170px Georgia;color:#c8d1ae12}.home-scene .portrait{width:45%;height:auto;max-height:310px;z-index:1}.home-scene .portrait:first-child{transform:translate(27px,-25px) rotate(-8deg)}.home-scene .portrait:last-child{transform:translate(-20px,6px) rotate(8deg)}.home-scene-label{position:absolute;bottom:15px;letter-spacing:4px;font-size:9px;color:#bcc6be}.save-panel{border:1px solid #bacba32a;border-radius:8px;background:#091b2244;padding:16px;max-width:650px}.save-panel p{margin:5px 0;font-size:11px;line-height:1.7}.save-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.save-actions button{font-size:9px;padding:10px}.notice{color:#a9b9b4;font:11px/1.7 system-ui}.hub h2{color:#f1deb2}.atlas-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin-top:24px}.map-tile{min-height:86px;padding:10px 4px;letter-spacing:0;text-align:center;border-color:#8599902b;background:#10212c}.map-tile small{display:block;font-size:8px;color:#adbdb8;letter-spacing:1px}.map-tile b{display:block;font:27px Georgia;margin:4px 0}.map-tile span{display:block;font:9px system-ui;color:#9baca8}.map-tile em{font:8px system-ui;color:var(--map);display:block;margin-top:10px}.map-tile.built{grid-column:span 3;min-height:138px;border-color:var(--map);background:linear-gradient(145deg,#234034,#162137)}.map-tile.built b{color:var(--map);font-size:24px}.map-tile.unknown{opacity:.42}.atlas-grid .built:nth-child(3){grid-column:span 4}.bestiary-tools{display:flex;gap:12px;margin:20px 0}.bestiary-tools input,.bestiary-tools select{font:13px system-ui;border:1px solid #718b8666;color:#e6e9de;background:#122431;padding:12px;border-radius:5px}.bestiary-tools input{flex:1;min-width:100px}.bestiary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.monster-entry{background:#10242bcc;border:1px solid #a6baa12b;border-radius:10px;padding:18px}.monster-entry h3{font:21px Georgia;color:#ead9af;margin:12px 0}.monster-entry p{font:12px/1.8 system-ui;margin-bottom:0}.monster-stats{font:10px/1.8 system-ui;color:#c8bbaa}.creature-art{height:112px;width:100%;background:radial-gradient(ellipse,#a6b0d022,transparent 65%)}.hero-card{padding:14px!important;overflow:hidden}.hero-card .portrait{height:150px;width:100%;display:block;margin-bottom:10px;transition:transform .25s}.hero-card:hover .portrait,.hero-card.selected .portrait{transform:translateY(-4px)}.hero-card b{font-size:17px}.hero-card small{font-size:11px}.heroes{grid-template-columns:repeat(5,1fr)}.panel{max-width:1100px;width:min(1100px,100%)}.hero-card .sigil{display:none}.menu-button{position:fixed;top:160px;left:22px;padding:8px 12px;font-size:9px}.save-indicator{position:fixed;bottom:112px;left:22px;pointer-events:none;color:#abc9b6;font:9px system-ui;letter-spacing:1px}.back-button{margin-top:15px;font-size:9px}.hub button:focus-visible{outline:3px solid #f8dc93}.map-tile:disabled{cursor:default}@media(max-width:850px){.heroes{grid-template-columns:repeat(3,1fr)}.home-layout{gap:20px}.bestiary-grid{grid-template-columns:repeat(2,1fr)}.atlas-grid{grid-template-columns:repeat(8,1fr)}.map-tile.built,.atlas-grid .built:nth-child(3){grid-column:span 4}.atlas-grid .built:nth-child(3){grid-column:span 8}}@media(max-width:560px){.hub-top{align-items:start;flex-direction:column}.home-layout{grid-template-columns:1fr}.home-scene{min-height:235px;grid-row:1;padding:15px 10px 30px}.home-scene .portrait{max-height:220px;width:37%}.home-layout h2{font-size:45px}.home-layout p{font-size:12px}.heroes{grid-template-columns:repeat(2,1fr)}.hero-card .portrait{height:130px}.bestiary-grid{grid-template-columns:1fr}.atlas-grid{grid-template-columns:repeat(5,1fr);gap:6px}.map-tile.built,.atlas-grid .built:nth-child(3){grid-column:span 5}.map-tile{min-height:74px}.map-tile.built{min-height:105px}.menu-button{left:12px;top:146px}.save-indicator{bottom:176px;left:12px;font-size:8px}.bestiary-tools{flex-wrap:wrap}.boss-hud{top:181px}.hub{padding:20px 15px}}
.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.upgrade-card{padding:24px;border:1px solid #c5c6a644;background:#102932;border-radius:10px}.upgrade-card h3{font:25px Georgia;color:#eadbb2}.upgrade-card p{font:13px/1.7 system-ui}.arena-choices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.arena-choices article{border:1px solid #afc6c444;border-radius:12px;background:#102532;padding:20px;text-align:center}.arena-choices .portrait{height:220px;max-width:100%}.arena-choices select{padding:10px;background:#213b47;color:#e5eedb;border:1px solid #819e9e;border-radius:6px;max-width:100%}.arena-choices p{font:12px/1.8 system-ui}.arena-mode .hud,.arena-mode .bottom,.arena-mode .pause,.arena-mode .sound,.arena-mode .menu-button,.arena-mode .save-indicator,.arena-mode .boss-hud,.arena-mode .toast{display:none!important}#arenaHud{position:fixed;inset:0;pointer-events:none;font-family:system-ui;z-index:10}#arenaHud[hidden]{display:none}.arena-top{display:grid;grid-template-columns:1fr 150px 1fr;gap:20px;margin:20px 30px}.arena-top>div:last-child{text-align:right}.arena-top .bar{width:100%;height:8px}.arena-top .bar i{background:#ffc498}.arena-top>div:last-child .bar i{background:#a2d9fa}.arena-top small{font-size:10px;color:#bdd3d4}.arena-score{text-align:center}.arena-score b{font-size:32px;display:block}.arena-score small{display:block}.arena-bottom{position:absolute;bottom:14px;left:20px;right:20px;display:flex;justify-content:space-between;gap:15px;align-items:center;font:10px system-ui;color:#b7cacc}.arena-bottom button{pointer-events:auto;padding:10px;font-size:9px}#arenaMessage{position:absolute;top:44%;left:10%;right:10%;text-align:center;font:700 clamp(20px,4vw,44px) system-ui;letter-spacing:3px;color:#ffedb6;text-shadow:0 3px 14px #071627}.atlas-grid .built:nth-child(-n+4){grid-column:span 5}.heroes{grid-template-columns:repeat(4,1fr)}@media(max-width:850px){.atlas-grid .built:nth-child(-n+4){grid-column:span 4}}@media(max-width:600px){.upgrade-grid{grid-template-columns:1fr}.arena-choices{gap:10px}.arena-choices article{padding:10px}.arena-top{grid-template-columns:1fr 60px 1fr;gap:8px;margin:15px 12px}.arena-top strong{font-size:12px}.arena-top small{font-size:8px}.arena-score b{font-size:24px}.arena-bottom{flex-wrap:wrap}.heroes{grid-template-columns:repeat(2,1fr)}.atlas-grid .built:nth-child(-n+4){grid-column:span 5}}
.weakness{color:#efb8a3!important;font:10px/1.6 system-ui;margin-top:8px}.hud-weakness{max-width:220px;font-size:8px;margin-top:5px}.creature-art{height:165px;width:100%;object-fit:contain}.atlas-grid .built:nth-child(-n+5){grid-column:span 2}.atlas-grid .built b{font-size:20px}@media(max-width:850px){.atlas-grid .built:nth-child(-n+5){grid-column:span 4}}@media(max-width:600px){.atlas-grid .built:nth-child(-n+5){grid-column:span 5}.pause,.sound{top:141px}.menu-button{top:169px}.boss-hud{top:205px}.hud-weakness{max-width:135px;font-size:7px}}.wardrobe-preview{display:flex;gap:24px;align-items:center;margin:20px 0}.wardrobe-preview svg{width:155px;height:180px}#costumeGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.costume-card{padding:18px;border:1px solid #50655d;border-radius:10px;background:#142e28}.fabric{width:50px;height:60px;clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);margin:12px auto}.costume-card h3{font-size:16px}.hub-tabs{flex-wrap:wrap}.atlas-grid .built:nth-child(-n+7){grid-column:span 2}@media(max-width:600px){.wardrobe-preview{display:block}.atlas-grid .built:nth-child(-n+7){grid-column:span 5}}
.controls-caption{margin-top:20px}.back-games{color:#e8c782;text-decoration:none;font:10px system-ui;padding:12px 8px;align-self:center}.back-games:focus-visible{outline:2px solid #e8c782}.wordmark{letter-spacing:2px}
/* Lantern light and a warmer, animated start menu. */
.hub{background:radial-gradient(ellipse at 25% 0%,#315843 0%,#172c32 40%,#101526 85%)}.hub-top{gap:24px}.wordmark{text-shadow:0 0 24px #f4d09344}.audio-lounge{max-width:1160px;margin:18px auto;display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:13px 18px;border:1px solid #c4d7af25;border-radius:12px;background:#0b1a244f}.audio-lounge>div{flex:1;min-width:200px}.audio-lounge button{border-color:#d5c79166;color:#f5ddb0;font-size:10px}.audio-lounge span{font:10px system-ui;color:#b4cabe;margin-left:12px}.audio-lounge label{display:flex;align-items:center;gap:9px;font:11px system-ui;color:#c9d9c7}.audio-lounge input{width:95px;accent-color:#e5ca88}.home-scene{background:radial-gradient(ellipse at 50% 20%,#dcc58335,transparent 60%),linear-gradient(145deg,#284b41,#162638 75%);box-shadow:inset 0 0 55px #071a2044,0 20px 60px #06131f55}.home-scene:before{content:'';width:260px;height:260px;border:1px solid #e8cf9233;border-radius:50%;top:18px;box-shadow:0 0 0 25px #cbd7b009,0 0 0 65px #cbd7b005}.lantern-emblem{position:absolute;top:24px;left:calc(50% - 25px);width:50px;height:72px;border:3px solid #e1c58d;border-radius:14px;background:linear-gradient(#f1d895,#b9925466);box-shadow:0 0 45px #f4d08766;display:grid;place-items:center;animation:lantern-glow 4s ease-in-out infinite}.lantern-emblem:before{content:'';position:absolute;bottom:100%;height:32px;width:2px;background:#e1c58d}.lantern-emblem span{font-size:35px;color:#fff1bc}.hero-card{background:linear-gradient(155deg,#18372d,#101f2d)!important;box-shadow:0 8px 25px #06101933;transition:transform .2s,border-color .2s,box-shadow .2s}.hero-card:hover,.hero-card.selected{border-color:var(--hero,#e8d396)!important;box-shadow:0 0 24px #a6d9ad20;transform:translateY(-3px)}.map-tile.built{box-shadow:inset 0 1px 0 #f0e4b811,0 10px 25px #030d1822}.primary{box-shadow:0 5px 25px #e8cd7d25}.box{background:linear-gradient(135deg,#0c272aee,#0d1824ee)!important;border-color:#c1cfaa55!important;box-shadow:0 8px 30px #04132144}.home-scene .portrait{filter:drop-shadow(0 0 14px #b2f3ce22)}@keyframes lantern-glow{50%{box-shadow:0 0 65px #f4d08788;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.lantern-emblem{animation:none}.hero-card{transition:none}}@media(max-width:600px){.audio-lounge{gap:12px}.audio-lounge>div{flex-basis:100%}.audio-lounge span{font-size:9px}.lantern-emblem{top:15px;width:36px;height:51px;left:calc(50% - 18px)}.lantern-emblem span{font-size:24px}.home-scene .portrait{z-index:2}}