:root{--gold: #f3af2f;--gold-light: #ffd66a;--ink: #1b1715;--stone: #302b29;--cream: #f4e1b1;--safe-bottom: max(12px, env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#101713;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button{font:inherit;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#game{position:relative;width:100vw;height:100dvh;min-height:0;overflow:hidden;isolation:isolate}#phaser-root{position:absolute;inset:0;width:100%;height:100%;z-index:-2}#phaser-root canvas{position:absolute;inset:0;width:100%!important;height:100%!important}#game:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(6,14,10,.08),transparent 35%,rgba(7,10,8,.6))}.material-panel{background:linear-gradient(#f4dfae,#d6bc83);border:clamp(3px,.4vw,6px) solid #352e27;box-shadow:inset 0 0 0 3px #8d7958,0 4px 12px #0008}.material-dark{background:linear-gradient(145deg,#393431,#211e1d);border:3px solid #171514;box-shadow:inset 0 0 0 2px #5c5149,0 5px 12px #0009}.top-hud{position:absolute;top:max(8px,env(safe-area-inset-top));left:50%;translate:-50% 0;width:min(760px,calc(100% - 116px));height:clamp(72px,11vh,98px);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:12px 22px 13px 24px;color:#31281e;background:url(assets/ui/top-hud/parchment-bar.png) center / 100% 100% no-repeat;filter:drop-shadow(0 5px 7px #0008)}.cg-user{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));display:flex;align-items:center;gap:6px;max-width:min(160px,28vw);padding:4px 8px 4px 4px;border-radius:999px;background:#181410d1;color:#f4e1b1;pointer-events:none;z-index:8}.cg-user[hidden]{display:none!important}.cg-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#3a3228;flex-shrink:0}.cg-user-name{font:700 clamp(10px,1.4vw,13px)/1.1 Arial,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource{display:flex;align-items:center;gap:10px;min-width:0}.resource span:last-child{display:grid}.resource small{font:700 clamp(9px,1.3vw,13px)/1 Arial,sans-serif}.resource strong{font-size:clamp(19px,3vw,31px);letter-spacing:.5px}.resource-image{width:clamp(38px,5.4vw,61px);height:clamp(42px,6.1vw,66px);object-fit:contain;image-rendering:pixelated}.level-badge{position:relative;width:clamp(40px,5.5vw,62px);height:clamp(47px,6.4vw,72px);display:grid;place-items:center}.level-badge img{position:absolute;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.level-badge b{position:relative;z-index:1;color:#fff1bd;font-size:clamp(16px,2.3vw,25px);text-shadow:0 2px 2px #000;translate:0 5%}.menu-toggle{position:absolute;left:calc(100% - 4px);top:0;width:clamp(68px,9vw,88px);height:clamp(86px,13vh,118px);padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 5px 6px #0008);z-index:5}.menu-toggle img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;pointer-events:none}.menu-toggle:hover,.menu-toggle:focus-visible{transform:translateY(-2px);filter:brightness(1.1) drop-shadow(0 5px 7px #0009);outline:none}.quest-card{display:none;position:absolute;top:106px;left:clamp(10px,2vw,26px);width:min(310px,35vw);border-radius:8px;padding:14px 17px;color:#f5ead0}.quest-card small{color:#bcb7a8;display:block;letter-spacing:1px}.quest-card strong{font:500 clamp(14px,2vw,20px) Arial,sans-serif}.progress-row{display:flex;align-items:center;gap:7px;margin-top:12px}.progress{height:13px;flex:1;overflow:hidden;border-radius:8px;background:#0e1713;box-shadow:inset 0 2px 4px #000}.progress i{display:block;width:40%;height:100%;background:linear-gradient(#baff20,#62a600)}.progress-row b{font:700 13px Arial}.progress-row em{color:#91e9ff;font:700 14px Arial;margin-left:auto}.side-menu{position:absolute;right:max(10px,env(safe-area-inset-right));top:calc(clamp(102px,15vh,132px) + 8px);display:grid;gap:clamp(4px,.9vh,10px);transition:opacity .22s ease,transform .28s ease;transform-origin:top center}.side-menu .asset-button{transition:opacity .18s ease,transform .28s ease,filter .16s ease}.side-menu .asset-button:nth-child(2){transition-delay:25ms}.side-menu .asset-button:nth-child(3){transition-delay:50ms}.side-menu .asset-button:nth-child(4){transition-delay:75ms}.side-menu .asset-button:nth-child(5){transition-delay:.1s}.side-menu.collapsed{pointer-events:none}.side-menu.collapsed .asset-button{opacity:0;transform:translateY(-45px) scale(.82);transition-delay:0ms}.asset-button,.nav-button{appearance:none;border:0;padding:0;background:none;cursor:pointer;position:relative;transition:transform .16s ease,filter .16s ease;touch-action:manipulation}.asset-button{width:clamp(72px,9vw,100px)}.asset-button img,.nav-button img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.asset-button:hover,.asset-button:focus-visible,.nav-button:hover,.nav-button:focus-visible{transform:translateY(-3px) scale(1.04);filter:brightness(1.15) drop-shadow(0 0 8px #ffc642aa);outline:none}.asset-button.selected{filter:brightness(1.2) drop-shadow(0 0 8px #ffc642)}.badge{position:absolute;right:-4px;top:-4px;display:grid;place-items:center;width:25px;aspect-ratio:1;border-radius:50%;border:2px solid #ffe8b1;background:#b62d2a;color:#fff;font-size:14px}.center-content{position:absolute;left:50%;bottom:clamp(126px,20vh,200px);translate:-50% 0;display:grid;justify-items:center;gap:0;width:min(480px,calc(100% - 220px));text-align:center}.banner{display:none;width:100%;padding:13px 24px 17px;color:var(--cream);background:linear-gradient(90deg,transparent,#27221f 9%,#3d342c 50%,#27221f 91%,transparent);filter:drop-shadow(0 5px 3px #0008);clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}.banner span,.banner small{display:block;font:700 11px Arial;letter-spacing:2px;color:#c7ae78}.banner strong{display:block;margin:3px 0;font-size:clamp(22px,4vw,38px);color:#fff7d6;text-shadow:0 3px #000}.medieval-button{position:relative;width:min(390px,94%);min-height:clamp(96px,14vh,118px);padding:clamp(26px,4vh,37px) 42px 15px;border:0;outline:0;color:#fff;background:url(assets/ui/battle-button/plaque.png) center / 100% 100% no-repeat;filter:drop-shadow(0 7px 6px #0009);cursor:pointer;text-shadow:-2px -2px 0 #20150e,2px -2px 0 #20150e,-2px 2px 0 #20150e,2px 2px 0 #20150e,0 4px 0 #20150e;transition:translate .12s,filter .12s;overflow:visible}.medieval-button:hover,.medieval-button:focus-visible{filter:brightness(1.1) drop-shadow(0 8px 7px #000a);outline:none}.medieval-button:active{translate:0 4px;filter:brightness(.96) drop-shadow(0 3px 3px #0008)}.medieval-button span{position:relative;z-index:2;display:block;font-size:clamp(27px,4.2vw,41px);line-height:.95}.medieval-button small{position:relative;z-index:2;display:block;margin-top:7px;font-size:clamp(15px,2vw,22px);line-height:1}.battle-emblem{position:absolute;z-index:3;left:50%;top:0;translate:-50% -48%;width:clamp(68px,10vw,92px);height:clamp(58px,8.5vw,78px);object-fit:contain;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 3px 2px #0008)}.game-screen{display:none}.heroes-screen{position:absolute;z-index:2;top:clamp(92px,14vh,118px);bottom:clamp(118px,18vh,154px);left:50%;translate:-50% 0;width:min(900px,calc(100% - 64px));grid-template-rows:auto 1fr;gap:12px;color:var(--cream)}.heroes-heading{min-height:84px;padding:12px 90px 15px;text-align:center;color:#34271b;background:url(assets/ui/top-hud/parchment-bar.png) center / 100% 100% no-repeat;filter:drop-shadow(0 5px 5px #0008)}.heroes-heading span,.heroes-heading small{display:block;font:700 10px/1.1 Arial,sans-serif;letter-spacing:2px}.heroes-heading h1{margin:2px 0 4px;font-size:clamp(28px,5vw,44px);line-height:.9;text-shadow:0 2px #f5d990}.heroes-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(210px,.75fr);gap:12px}.hero-card,.hero-roster{min-height:0;border-radius:8px}.hero-card{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(180px,1fr);grid-template-rows:auto 1fr auto;gap:8px 18px;padding:14px 18px 16px;overflow:hidden}.hero-portrait{grid-row:1 / 4;display:grid;place-items:center;border:2px solid #8d6931;border-radius:7px;background:radial-gradient(circle at 50% 35%,#655338,#201d1b 68%);box-shadow:inset 0 0 22px #000a;overflow:hidden}.hero-portrait img{width:min(95%,260px);max-height:95%;object-fit:contain;filter:drop-shadow(0 8px 6px #0008)}.hero-idle-sprite,.roster-hero-sprite{display:block;background-image:var(--hero-sheet);background-repeat:no-repeat;background-size:calc(var(--hero-frames) * 100%) 100%;animation:hero-idle 1s steps(var(--hero-steps)) infinite}.hero-idle-sprite{width:min(94%,270px);aspect-ratio:1;scale:1.45;filter:drop-shadow(0 9px 6px #0009)}.hero-idle-sprite.lancer{aspect-ratio:1}.hero-portrait.locked .hero-idle-sprite,.roster-slot.locked .roster-hero-sprite{filter:brightness(0) opacity(.72) drop-shadow(0 0 7px #b58cff88)}.hero-lock-label{position:absolute;bottom:12px;padding:5px 13px;border:2px solid #756b60;border-radius:4px;color:#d6ccc0;background:#171515dd;font-size:11px;letter-spacing:2px}@keyframes hero-idle{to{background-position:100% 0}}.hero-details{align-self:end}.hero-details h2{margin:2px 0;color:#fff2c8;font-size:clamp(25px,4vw,40px);text-shadow:0 3px #000}.hero-details p{margin:0;font:700 12px Arial,sans-serif;color:#bfb39b}.hero-rarity{color:#d99cff;font:800 10px Arial,sans-serif;letter-spacing:1.5px}.hero-ability{margin-top:9px;padding:7px 8px;border:1px solid #625642;border-radius:5px;background:#151310aa}.hero-ability small{color:#ffc84e;font:800 10px Arial,sans-serif;letter-spacing:1px}.hero-ability p{margin-top:3px;font-size:10px;line-height:1.25}.hero-power{display:flex;align-items:baseline;gap:8px;margin-top:8px}.hero-power small{color:#c8b276;font:700 10px Arial}.hero-power strong{color:#ffc84e;font-size:27px;text-shadow:0 2px #000}.hero-stats{align-self:center;display:grid;gap:8px}.hero-stats>div{display:grid;grid-template-columns:58px 1fr 24px;align-items:center;gap:7px}.hero-stats span,.hero-stats em{font:700 9px Arial;font-style:normal}.hero-stats em{text-align:right;color:#f4db98}.hero-stats i{height:9px;border-radius:6px;overflow:hidden;background:#0c1210;box-shadow:inset 0 1px 3px #000}.hero-stats b{display:block;width:var(--value);height:100%;background:linear-gradient(#ffcf4c,#c87b12)}.hero-action{align-self:end;min-height:45px;border:3px solid #4a2b12;border-radius:5px;color:#fff;background:linear-gradient(#ffc94c,#d98e17);box-shadow:inset 0 0 0 2px #ffe27c,0 4px #21140b;text-shadow:0 2px #24160c;cursor:pointer}.hero-action small{display:block;font-size:9px}.hero-action:active{translate:0 3px;box-shadow:inset 0 0 0 2px #ffe27c,0 1px #21140b}.hero-roster{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:12px;overflow:hidden}.hero-roster header{grid-column:1/-1;display:flex;justify-content:space-between;color:#e9d6a9;font-size:13px;letter-spacing:1px}.hero-roster header b{color:#ffc84e}.hero-roster-list{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.roster-slot{min-width:0;border:2px solid #5d5147;border-radius:6px;padding:3px;display:grid;grid-template-rows:minmax(0,1fr) auto auto;place-items:center;color:#d9ccb2;background:linear-gradient(#36312e,#1a1817);cursor:pointer;overflow:hidden}.roster-hero-sprite{height:100%;max-height:100px;aspect-ratio:1;scale:1.28}.roster-slot span,.roster-slot small{position:relative;z-index:1}.roster-slot span{font-size:9px}.roster-slot small{color:#76dfff;font:800 7px Arial,sans-serif}.roster-slot.selected{border-color:#ffc94c;box-shadow:inset 0 0 10px #f3a91955}.roster-slot.locked{opacity:.72;cursor:pointer}.cards-screen{position:absolute;z-index:2;top:clamp(92px,14vh,118px);bottom:clamp(118px,18vh,154px);left:50%;translate:-50% 0;width:min(920px,calc(100% - 64px));grid-template-rows:auto 1fr;gap:12px;color:var(--cream)}.cards-heading{min-height:84px;padding:12px 90px 15px;text-align:center;color:#34271b;background:url(assets/ui/top-hud/parchment-bar.png) center / 100% 100% no-repeat;filter:drop-shadow(0 5px 5px #0008)}.cards-heading span,.cards-heading small{display:block;font:700 10px/1.1 Arial,sans-serif;letter-spacing:2px}.cards-heading h1{margin:2px 0 4px;font-size:clamp(28px,5vw,44px);line-height:.9;text-shadow:0 2px #f5d990}.cards-layout{min-height:0;display:grid;grid-template-rows:150px minmax(150px,1fr);gap:10px}.cards-workbench{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deck-panel,.collection-panel{min-height:0;border-radius:8px;padding:12px;overflow:hidden}.deck-panel{display:grid;grid-template-rows:auto 1fr auto;gap:9px}.deck-panel>header,.collection-panel>header{display:flex;align-items:center;justify-content:space-between;color:#e9d6a9;font-size:13px;letter-spacing:1px}.deck-panel>header strong,.collection-panel>header b{color:#ffc84e}.deck-slots{min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.deck-card,.collection-card{position:relative;min-width:0;border:3px solid var(--card-edge, #8b592d);border-radius:8px;color:#fff2cd;background:radial-gradient(circle at 50% 33%,var(--card-light, #a75332),var(--card-dark, #3b211c) 70%);box-shadow:inset 0 0 0 2px #f4c36c55,inset 0 -12px 22px #0007,0 4px 6px #0008;text-shadow:0 2px 2px #000;cursor:pointer;overflow:hidden}.deck-card:after,.collection-card:after{content:"";position:absolute;inset:4px;border:1px solid #ffd77c55;border-radius:4px;pointer-events:none}.fire{--card-edge:#b56b27;--card-light:#b94726;--card-dark:#351a18}.guard{--card-edge:#7d8ead;--card-light:#456d91;--card-dark:#192837}.heal{--card-edge:#6b9b61;--card-light:#4b8655;--card-dark:#1b3322}.storm{--card-edge:#7864a5;--card-light:#674d91;--card-dark:#261d3b}.blue{--card-edge:#4a9dcc;--card-light:#255f8d;--card-dark:#142b42}.red{--card-edge:#cf5948;--card-light:#9a302c;--card-dark:#3b1718}.green{--card-edge:#65a85d;--card-light:#397a44;--card-dark:#19331f}.yellow{--card-edge:#e0b53d;--card-light:#a87520;--card-dark:#432d12}.gray{--card-edge:#9a9a96;--card-light:#63615c;--card-dark:#292725}.purple{--card-edge:#9366c2;--card-light:#643f8e;--card-dark:#291a3e}.orange{--card-edge:#d78332;--card-light:#a54d24;--card-dark:#3d2015}.pink{--card-edge:#d778a7;--card-light:#9d4779;--card-dark:#3e1b31}.deck-card{display:grid;place-items:center;align-content:center;gap:5px;padding:18px 5px 9px}.deck-card>b,.collection-card>b{position:absolute;z-index:2;top:5px;left:6px;width:23px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#fff;background:#256a9d;box-shadow:inset 0 0 0 2px #8ce5ff,0 2px 3px #000}.deck-card>img{width:min(86px,60%);max-height:86px;min-height:0;aspect-ratio:1;object-fit:cover;border:1px solid #f5cc7855;border-radius:5px;box-shadow:0 3px 7px #0009}.deck-card>span{max-width:100%;font-size:clamp(11px,1.5vw,16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-card>small{color:#d6c7a8;font:700 9px Arial,sans-serif}.deck-summary{display:flex;justify-content:space-between;color:#bcae91;font:700 10px Arial,sans-serif}.deck-summary em{font-style:normal}.deck-summary b{color:#ffc84e}.collection-panel{display:grid;grid-template-rows:auto 1fr;gap:8px}.collection-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 7px 2px 2px;scrollbar-width:thin;scrollbar-color:#d99a27 #171412;overscroll-behavior:contain}.collection-scroll::-webkit-scrollbar{width:8px}.collection-scroll::-webkit-scrollbar-track{border-radius:5px;background:#171412;box-shadow:inset 0 0 3px #000}.collection-scroll::-webkit-scrollbar-thumb{border:2px solid #49331d;border-radius:5px;background:linear-gradient(#ffd15d,#b86f16)}.collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.collection-card{display:grid;grid-template-rows:minmax(48px,1fr) auto auto;place-items:center;gap:3px;padding:10px 3px 5px}.collection-card{min-height:112px}.collection-card>img{width:72%;aspect-ratio:1;object-fit:cover;border:1px solid #f5cc7855;border-radius:4px;box-shadow:0 2px 5px #0009}.collection-card>span{width:100%;padding:0 3px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-card>small{color:#d5c7aa;font:700 6px Arial;letter-spacing:.7px}.collection-card.selected{border-color:#ffd45a;translate:0 -2px;box-shadow:inset 0 0 0 2px #fff0a0,inset 0 -12px 22px #0006,0 0 10px #ffc642aa}.collection-card.locked{opacity:.48;--card-edge:#5f5750;--card-light:#4a4440;--card-dark:#201e1d;cursor:not-allowed}.collection-card.locked>strong{color:#8f8579}.card-detail{min-height:0;display:grid;grid-template-columns:minmax(86px,.58fr) minmax(150px,1.42fr);grid-template-rows:minmax(0,1fr) 34px;gap:6px 10px;padding:8px;border-radius:8px;overflow:hidden}.detail-card-art{position:relative;grid-row:1 / 3;display:grid;place-items:center;min-height:0;border:3px solid var(--card-edge);border-radius:8px;background:radial-gradient(circle at 50% 33%,var(--card-light),var(--card-dark) 70%);box-shadow:inset 0 0 0 2px #f4c36c55,inset 0 -12px 22px #0007;text-shadow:0 3px 2px #000}.detail-card-art:after{content:"";position:absolute;inset:5px;border:1px solid #ffd77c55;border-radius:4px}.detail-card-art>b{position:absolute;z-index:2;top:6px;left:6px;width:25px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#fff;background:#256a9d;box-shadow:inset 0 0 0 2px #8ce5ff,0 2px 3px #000}.detail-card-art>img{width:100%;height:100%;object-fit:cover;border-radius:5px}.detail-card-art>span{position:absolute;z-index:2;left:6px;right:6px;bottom:6px;padding:4px 3px;border-radius:3px;color:#fff0bd;background:#17120dcc;font-size:clamp(8px,1.2vw,12px);text-align:center;text-shadow:0 2px #000}.detail-card-art.locked{--card-edge:#5f5750;--card-light:#4a4440;--card-dark:#201e1d}.detail-card-art.locked>img{filter:grayscale(1) brightness(.55)}.detail-card-art.locked>b{background:#4a5560;box-shadow:inset 0 0 0 2px #8a93a0,0 2px 3px #000}.detail-card-art.locked:before{content:"🔒";position:absolute;z-index:4;top:50%;left:50%;translate:-50% -55%;font-size:clamp(28px,5vw,42px);text-shadow:0 2px 6px #000c;pointer-events:none}.card-detail.locked .card-detail-copy small{color:#9a9082}.card-detail.locked .card-detail-copy h2{color:#cfc3ad}.card-detail.locked .card-detail-copy p{color:#8f8579}.card-detail.locked .card-rules b{color:#a99c87}.card-detail-copy{align-self:start;min-width:0}.card-detail-copy small{color:#d6a4ff;font:700 8px Arial,sans-serif;letter-spacing:1px}.card-detail-copy h2{margin:2px 0 4px;color:#fff0bd;font-size:clamp(18px,2.3vw,27px);line-height:.95}.card-detail-copy p{margin:0;color:#c0b49e;font:700 8px/1.25 Arial,sans-serif}.card-rules{display:grid;gap:3px;margin-top:5px}.card-rules span{padding:3px 4px;border:1px solid #5b5045;border-radius:3px;color:#a99c87;font:700 5px Arial;background:#171513}.card-rules b{display:block;margin-top:1px;color:#ffd15c;font-size:7px}.card-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.card-detail-actions button{min-height:31px;padding:2px 5px;border:2px solid #553111;border-radius:4px;color:#fff;background:linear-gradient(#ffc94c,#d98e17);box-shadow:inset 0 0 0 1px #ffe27c,0 3px #21140b;text-shadow:0 2px #24160c;cursor:pointer}.card-detail-actions button:first-child{background:linear-gradient(#7391b4,#354d69);border-color:#172a3e;box-shadow:inset 0 0 0 1px #a9d4ef,0 3px #101923}.card-detail-actions small{display:block;font-size:6px}.deck-card.selected{border-color:#ffd45a;translate:0 -2px;box-shadow:inset 0 0 0 2px #fff0a0,inset 0 -12px 22px #0006,0 0 10px #ffc642aa}.deck-card.empty{--card-edge:#5f5750;--card-light:#4a4440;--card-dark:#201e1d;opacity:.72}.deck-card.empty>b{background:#4a5560;box-shadow:inset 0 0 0 2px #8a93a0,0 2px 3px #000}.deck-card.empty>span{color:#b9ae97}.craft-screen{position:absolute;z-index:2;top:clamp(92px,14vh,118px);bottom:clamp(118px,18vh,154px);left:50%;translate:-50% 0;width:min(920px,calc(100% - 64px));grid-template-rows:auto 1fr;gap:12px;color:var(--cream)}.craft-heading{min-height:84px;padding:12px 90px 15px;text-align:center;color:#34271b;background:url(assets/ui/top-hud/parchment-bar.png) center/100% 100% no-repeat;filter:drop-shadow(0 5px 5px #0008)}.craft-heading span,.craft-heading small{display:block;font:700 10px/1.1 Arial,sans-serif;letter-spacing:2px}.craft-heading h1{margin:2px 0 4px;font-size:clamp(28px,5vw,44px);line-height:.9;text-shadow:0 2px #f5d990}.craft-layout{min-height:0;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:10px}.recipe-panel{min-height:0;display:grid;grid-template-rows:auto 1fr;gap:9px;padding:12px;border-radius:8px;overflow:hidden}.recipe-panel>header{display:flex;justify-content:space-between;color:#e9d6a9;font-size:12px;letter-spacing:1px}.recipe-panel>header b{color:#ffc84e}.recipe-list{min-height:0;display:grid;gap:7px;overflow-y:auto;padding:2px 5px 2px 2px;scrollbar-width:thin;scrollbar-color:#d99a27 #171412}.recipe-card{min-width:0;min-height:72px;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border:2px solid var(--item-edge,#665d53);border-radius:7px;color:#e9dbc0;background:radial-gradient(circle at 25% 50%,var(--item-light,#514a44),var(--item-dark,#211e1c) 72%);text-align:left;cursor:pointer;overflow:hidden}.recipe-card>strong{display:grid;place-items:center;width:50px;aspect-ratio:1;border:1px solid #9f824f55;border-radius:5px;color:#ffd478;font-size:28px;background:#17141299;text-shadow:0 3px #000}.recipe-card>span{min-width:0;display:grid}.recipe-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.recipe-card small{color:#a99c87;font:700 7px Arial}.recipe-card.selected{border-color:#ffd45a;box-shadow:inset 0 0 0 1px #fff0a0,0 0 9px #ffc64299;translate:2px 0}.forge-panel{position:relative;min-height:0;display:grid;grid-template-columns:minmax(120px,.7fr) minmax(180px,1.3fr);grid-template-rows:minmax(115px,1fr) auto auto;gap:9px 14px;padding:14px;border-radius:8px;overflow:hidden}.forge-flame{position:absolute;left:8%;bottom:19%;color:#ff8c38;font-size:64px;opacity:.11;rotate:-8deg}.craft-result-art{position:relative;z-index:1;grid-row:1/2;display:grid;place-items:center;border:3px solid var(--item-edge);border-radius:8px;background:radial-gradient(circle,var(--item-light),var(--item-dark) 72%);box-shadow:inset 0 0 0 2px #f4c36c55,inset 0 -12px 22px #0007}.craft-result-art>strong{color:#fff0c5;font-size:clamp(50px,7vw,78px);text-shadow:0 4px #000;filter:drop-shadow(0 4px 3px #0008)}.craft-result-copy{align-self:center;min-width:0}.craft-result-copy>small{color:#ffc84e;font:700 8px Arial;letter-spacing:1px}.craft-result-copy h2{margin:3px 0 6px;color:#fff0bd;font-size:clamp(22px,3.4vw,34px);line-height:.95}.craft-result-copy p{margin:0;color:#b8ad99;font:700 9px/1.35 Arial}.craft-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px}.craft-stats span{padding:5px;border:1px solid #5f5348;border-radius:3px;color:#a99b83;font:700 7px Arial;background:#191715}.craft-stats b{display:block;color:#72d8ff;font-size:12px}.materials-box{grid-column:1/-1;padding:9px;border:1px solid #66594c;border-radius:6px;background:#191715}.materials-box>header{display:flex;justify-content:space-between;color:#d7c49d;font-size:10px}.materials-box>header small{color:#8dd845;font:700 8px Arial}.materials-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}.materials-list>div{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #4d453d;border-radius:4px;background:#27231f}.materials-list>div>strong{color:#ffc84e;font-size:20px}.materials-list span{display:grid}.materials-list b{font-size:8px}.materials-list small{color:#bcae94;font:700 8px Arial}.forge-panel>button{grid-column:1/-1;min-height:46px;border:3px solid #553111;border-radius:5px;color:#fff;background:linear-gradient(#ffc94c,#d98e17);box-shadow:inset 0 0 0 2px #ffe27c,0 4px #21140b;text-shadow:0 2px #24160c;cursor:pointer}.forge-panel>button small{display:block;font-size:7px}.forge-panel>button:disabled{filter:grayscale(.8);opacity:.55;cursor:not-allowed}.inventory-screen{position:absolute;z-index:2;top:clamp(92px,14vh,118px);bottom:clamp(118px,18vh,154px);left:50%;translate:-50% 0;width:min(920px,calc(100% - 64px));grid-template-rows:auto 1fr;gap:12px;color:var(--cream)}.inventory-heading{min-height:84px;padding:12px 90px 15px;text-align:center;color:#34271b;background:url(assets/ui/top-hud/parchment-bar.png) center/100% 100% no-repeat;filter:drop-shadow(0 5px 5px #0008)}.inventory-heading span,.inventory-heading small{display:block;font:700 10px/1.1 Arial,sans-serif;letter-spacing:2px}.inventory-heading h1{margin:2px 0 4px;font-size:clamp(28px,5vw,44px);line-height:.9;text-shadow:0 2px #f5d990}.inventory-layout{min-height:0;display:block}.equipment-panel{display:none}.equipment-panel>header,.bag-panel>header{display:flex;align-items:center;justify-content:space-between;color:#e9d6a9;font-size:12px;letter-spacing:1px}.equipment-panel>header strong,.bag-panel>header b{color:#ffc84e}.equipment-hero{min-height:0;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid #6e593c;border-radius:7px;background:radial-gradient(circle at 35% 35%,#625238,#211e1b 70%);overflow:hidden}.equipment-hero img{width:min(42%,105px);max-height:100%;object-fit:contain}.equipment-hero div{display:grid}.equipment-hero small{color:#d99cff;font:700 8px Arial}.equipment-hero strong{color:#fff0c5;font-size:16px}.equipment-hero span{color:#b9ac94;font:700 8px Arial}.equipment-slots{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.equipment-slot{min-width:0;display:grid;place-items:center;align-content:center;gap:4px;padding:6px 2px;border:2px solid #655648;border-radius:6px;color:#e5d7b9;background:linear-gradient(#39332e,#1b1917);box-shadow:inset 0 0 0 1px #85715c44;cursor:pointer;overflow:hidden}.equipment-slot small{color:#a99a81;font:700 7px Arial}.equipment-slot strong{color:#ffd67c;font-size:clamp(27px,4vw,42px);text-shadow:0 3px #000}.equipment-slot span{width:100%;padding:0 2px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.equipment-slot.selected{border-color:#ffd45a;box-shadow:inset 0 0 0 1px #fff0a0,0 0 9px #ffc64299;translate:0 -2px}.inventory-workbench{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.75fr);gap:10px}.bag-panel{min-height:0;display:grid;grid-template-rows:auto 1fr;gap:8px;padding:12px;border-radius:8px;overflow:hidden}.bag-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 7px 2px 2px;scrollbar-width:thin;scrollbar-color:#d99a27 #171412;overscroll-behavior:contain}.bag-scroll::-webkit-scrollbar{width:8px}.bag-scroll::-webkit-scrollbar-track{border-radius:5px;background:#171412;box-shadow:inset 0 0 3px #000}.bag-scroll::-webkit-scrollbar-thumb{border:2px solid #49331d;border-radius:5px;background:linear-gradient(#ffd15d,#b86f16)}.bag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.item-card,.item-detail-art{--item-edge:#665d53;--item-light:#514a44;--item-dark:#211e1c}.legendary{--item-edge:#d89622;--item-light:#8e551a;--item-dark:#32200f}.epic{--item-edge:#8c67ae;--item-light:#644781;--item-dark:#281c35}.rare{--item-edge:#4d89b4;--item-light:#365f81;--item-dark:#172735}.common{--item-edge:#77716b;--item-light:#57514d;--item-dark:#292522}.item-card{position:relative;min-width:0;min-height:92px;display:grid;place-items:center;align-content:center;gap:4px;padding:14px 3px 5px;border:3px solid var(--item-edge);border-radius:7px;color:#fff0c7;background:radial-gradient(circle at 50% 35%,var(--item-light),var(--item-dark) 72%);box-shadow:inset 0 0 0 1px #f4c36c55,inset 0 -10px 18px #0006;text-shadow:0 2px #000;cursor:pointer;overflow:hidden}.item-card>b{position:absolute;top:4px;left:4px;width:20px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#fff;background:#2d6e9d;box-shadow:inset 0 0 0 2px #9de5ff;font-size:10px}.item-card>strong{font-size:30px}.item-card>span{width:100%;padding:0 2px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card.selected{border-color:#ffd45a;box-shadow:inset 0 0 0 2px #fff0a0,inset 0 -10px 18px #0006,0 0 10px #ffc642aa}.item-detail{min-height:0;display:grid;grid-template-columns:minmax(82px,.62fr) minmax(135px,1.38fr);grid-template-rows:1fr auto;gap:10px 12px;padding:12px;border-radius:8px;overflow:hidden}.item-detail-art{position:relative;grid-row:1/3;display:grid;place-items:center;min-height:0;border:3px solid var(--item-edge);border-radius:8px;background:radial-gradient(circle at 50% 33%,var(--item-light),var(--item-dark) 70%);box-shadow:inset 0 0 0 2px #f4c36c55,inset 0 -12px 22px #0007;text-shadow:0 3px 2px #000}.item-detail-art:after{content:"";position:absolute;inset:5px;border:1px solid #ffd77c55;border-radius:4px}.item-detail-art>b{position:absolute;z-index:2;top:6px;left:6px;width:25px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#fff;background:#256a9d;box-shadow:inset 0 0 0 2px #8ce5ff,0 2px 3px #000}.item-detail-art>strong{font-size:clamp(45px,6vw,70px)}.item-detail-copy{align-self:center;min-width:0}.item-detail-copy>small{color:#ffc75a;font:700 9px Arial;letter-spacing:1px}.item-detail-copy h2{margin:4px 0 6px;color:#fff0bd;font-size:clamp(20px,3vw,30px);line-height:.95}.item-detail-copy p{margin:0;color:#c0b49e;font:700 9px/1.35 Arial}.item-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:9px}.item-stats span{padding:5px;border:1px solid #5f5348;border-radius:3px;color:#a99b83;font:700 7px Arial;background:#191715}.item-stats b{display:block;margin-top:2px;color:#7ed8ff;font-size:12px}.item-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.item-detail-actions button{min-height:42px;padding:4px 6px;border:2px solid #553111;border-radius:4px;color:#fff;background:linear-gradient(#ffc94c,#d98e17);box-shadow:inset 0 0 0 1px #ffe27c,0 3px #21140b;text-shadow:0 2px #24160c;cursor:pointer}.item-detail-actions button:first-child{background:linear-gradient(#7391b4,#354d69);border-color:#172a3e;box-shadow:inset 0 0 0 1px #a9d4ef,0 3px #101923}.item-detail-actions small{display:block;font-size:7px}.chest-screen{position:absolute;z-index:8;top:clamp(92px,14vh,118px);bottom:max(12px,env(safe-area-inset-bottom));left:50%;translate:-50% 0;width:min(1100px,calc(100% - 24px));grid-template-rows:auto 1fr;gap:12px;color:var(--cream)}.chest-heading{position:relative;min-height:84px;padding:12px 90px 15px;text-align:center;color:#34271b;background:url(assets/ui/top-hud/parchment-bar.png) center/100% 100% no-repeat;filter:drop-shadow(0 5px 5px #0008)}.chest-heading span,.chest-heading small{display:block;font:700 10px/1.1 Arial,sans-serif;letter-spacing:2px}.chest-heading h1{margin:2px 0 4px;font-size:clamp(28px,5vw,44px);line-height:.9;text-shadow:0 2px #f5d990}.screen-close{position:absolute;z-index:4;right:clamp(17px,3vw,38px);top:50%;translate:0 -50%;width:44px;aspect-ratio:1;border:3px solid #3d2918;border-radius:7px;color:#fff1c5;background:linear-gradient(#8c3f2d,#4d211b);box-shadow:inset 0 0 0 2px #c57b51,0 3px #1c100b;text-shadow:0 2px #000;font-size:28px;line-height:1;cursor:pointer}.screen-close:hover,.screen-close:focus-visible{filter:brightness(1.15);outline:none}.screen-close:active{translate:0 calc(-50% + 3px);box-shadow:inset 0 0 0 2px #c57b51}.chest-layout{min-height:0;display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(260px,.95fr);gap:10px}.chest-stage,.chest-rewards{min-height:0;padding:14px;border-radius:8px;overflow:hidden}.chest-stage{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto;place-items:center;gap:5px;text-align:center}.chest-stage img{position:relative;z-index:1;width:min(46%,185px);max-height:52%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 7px #000a)}.chest-stage img.opening{animation:chest-open .55s ease}.chest-copy{position:relative;z-index:1}.chest-copy small{color:#ffc84e;font:700 9px Arial;letter-spacing:2px}.chest-copy h2{margin:3px 0;color:#fff0bd;font-size:clamp(21px,3vw,30px)}.chest-copy p{margin:0;color:#bbae98;font:700 9px/1.3 Arial}.chest-stage>button{position:relative;z-index:1;width:min(260px,80%);min-height:48px;border:3px solid #553111;border-radius:5px;color:#fff;background:linear-gradient(#ffc94c,#d98e17);box-shadow:inset 0 0 0 2px #ffe27c,0 4px #21140b;text-shadow:0 2px #24160c;cursor:pointer}.chest-stage>button small{display:block;font-size:8px}.chest-rewards{display:grid;grid-template-rows:auto 1fr auto;gap:10px}.chest-rewards>header{display:flex;justify-content:space-between;color:#e9d6a9;font-size:12px;letter-spacing:1px}.chest-rewards>header b{color:#ffc84e}.reward-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.reward-card{display:grid;place-items:center;align-content:center;gap:4px;border:2px solid #66594c;border-radius:6px;background:radial-gradient(circle at 50% 35%,#51463a,#211e1b 72%);box-shadow:inset 0 0 0 1px #aa8b5c55;text-shadow:0 2px #000}.reward-card strong{font-size:clamp(28px,4vw,44px)}.reward-card span{font-size:11px}.reward-card small{color:#b5a78e;font:700 8px Arial}.gold-reward strong{color:#ffc536}.crystal-reward strong{color:#6ce4ff}.card-reward strong{color:#c79aff}.item-reward strong{color:#ffb765}.last-reward{padding:9px;border:1px solid #6a5946;border-radius:5px;text-align:center;background:#191714}.last-reward small{display:block;color:#9f927d;font:700 7px Arial;letter-spacing:1px}.last-reward strong{color:#ffd25c;font-size:14px}.settings-screen{position:absolute;z-index:8;top:clamp(92px,14vh,118px);bottom:max(12px,env(safe-area-inset-bottom));left:50%;translate:-50% 0;width:min(1100px,calc(100% - 24px));grid-template-rows:auto minmax(0,1fr);gap:12px;color:var(--cream)}.settings-heading{position:relative;min-height:84px;padding:12px 90px 15px;text-align:center;color:#34271b;background:url(assets/ui/top-hud/parchment-bar.png) center/100% 100% no-repeat;filter:drop-shadow(0 5px 5px #0008)}.settings-heading span,.settings-heading small{display:block;font:700 10px/1.1 Arial,sans-serif;letter-spacing:2px}.settings-heading h1{margin:2px 0 4px;font-size:clamp(28px,5vw,44px);line-height:.9;text-shadow:0 2px #f5d990}.settings-layout{min-height:0;display:grid;grid-template-columns:minmax(280px,620px);grid-template-rows:auto;justify-content:center;align-content:start;gap:10px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d99a27 #171412}.settings-panel{min-height:0;display:grid;align-content:start;gap:10px;padding:14px 18px;border-radius:8px;overflow:hidden}.settings-panel>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:7px;border-bottom:1px solid #66594c;color:#ffc84e;font-size:15px;letter-spacing:1px}.settings-panel>header span{font-size:22px}.setting-range,.setting-toggle,.setting-select{display:grid;align-items:center;min-height:48px;padding:7px 9px;border:1px solid #594f47;border-radius:5px;background:#1b1917}.setting-range>span,.setting-toggle>span,.setting-select>span{display:flex;justify-content:space-between;align-items:center;gap:8px}.setting-range b,.setting-toggle b,.setting-select b{color:#ead8ad;font-size:11px}.setting-range output{color:#ffc84e;font:700 10px Arial}.setting-toggle small,.setting-select small{display:block;color:#8f8575;font:700 8px Arial}.setting-range input{width:100%;height:7px;margin:8px 0 1px;appearance:none;border-radius:5px;background:linear-gradient(90deg,#e7a52d 0 70%,#111 70%);accent-color:#e7a52d}.setting-range input::-webkit-slider-thumb{appearance:none;width:19px;aspect-ratio:1;border:3px solid #5a3515;border-radius:50%;background:#ffd664;box-shadow:0 2px 3px #000}.setting-toggle{position:relative;grid-template-columns:1fr auto;cursor:pointer}.setting-toggle input{position:absolute;opacity:0}.setting-toggle i{position:relative;width:45px;height:23px;border:2px solid #171412;border-radius:14px;background:#4a4540;box-shadow:inset 0 1px 3px #000}.setting-toggle i:after{content:"";position:absolute;top:2px;left:2px;width:15px;aspect-ratio:1;border-radius:50%;background:#b7aa96;transition:.18s}.setting-toggle input:checked+i{background:#bf7c1d;box-shadow:inset 0 0 0 2px #f5c95a}.setting-toggle input:checked+i:after{left:24px;background:#fff0ad}.setting-select{grid-template-columns:1fr auto}.setting-select select{min-width:112px;padding:7px;border:2px solid #6c4a22;border-radius:4px;color:#fff0c3;background:#302922;font:700 10px Arial}.settings-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto}.settings-actions button{min-height:43px;border:2px solid #513621;border-radius:4px;color:#eee0be;background:linear-gradient(#65584c,#332d29);box-shadow:inset 0 0 0 1px #877666,0 3px #17110d;text-shadow:0 2px #000;cursor:pointer}.settings-actions button:last-child{border-color:#553111;background:linear-gradient(#ffc94c,#d98e17);box-shadow:inset 0 0 0 1px #ffe27c,0 3px #21140b;color:#fff}.side-overlay-screen{position:absolute;z-index:8;top:clamp(92px,14vh,118px);bottom:max(12px,env(safe-area-inset-bottom));left:50%;translate:-50% 0;width:min(1100px,calc(100% - 24px));grid-template-rows:auto minmax(0,1fr);gap:12px;color:var(--cream)}.side-overlay-heading{position:relative;min-height:84px;padding:12px 90px 15px;text-align:center;color:#34271b;background:url(assets/ui/top-hud/parchment-bar.png) center/100% 100% no-repeat;filter:drop-shadow(0 5px 5px #0008)}.side-overlay-heading span,.side-overlay-heading small{display:block;font:700 10px/1.1 Arial,sans-serif;letter-spacing:2px}.side-overlay-heading h1{margin:2px 0 4px;font-size:clamp(28px,5vw,44px);line-height:.9;text-shadow:0 2px #f5d990}.missions-layout{min-height:0;display:grid;grid-template-columns:180px minmax(0,1fr);gap:10px}.mission-tabs{display:grid;align-content:start;gap:8px;padding:12px;border-radius:8px}.mission-tabs button{min-height:48px;border:2px solid #54493f;border-radius:5px;color:#c8b99c;background:linear-gradient(#3d3732,#211e1c);text-shadow:0 2px #000;cursor:pointer}.mission-tabs button.selected{border-color:#ffc84e;color:#fff0bd;background:linear-gradient(#8b5619,#3a2716);box-shadow:inset 0 0 0 2px #f2bd4b55}.mission-list{min-height:0;display:grid;gap:8px;overflow-y:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:#d99a27 #171412}.mission-entry{min-height:112px;display:grid;grid-template-columns:76px minmax(0,1fr) 120px;align-items:center;gap:12px;padding:12px 14px;border-radius:8px}.mission-icon{display:grid;place-items:center;width:64px;aspect-ratio:1;border:2px solid #72542e;border-radius:8px;color:#ffd36d;background:radial-gradient(circle,#66451f,#211b16);font-size:34px;text-shadow:0 3px #000}.mission-info{position:relative;min-width:0}.mission-info small{color:#c998ff;font:700 8px Arial;letter-spacing:1px}.mission-info h2{margin:2px 0;color:#fff0c3;font-size:20px}.mission-info p{margin:0 0 8px;color:#aaa08f;font:700 9px Arial}.mission-progress{height:9px;margin-right:38px;border-radius:6px;background:#10110f;box-shadow:inset 0 1px 3px #000;overflow:hidden}.mission-progress i{display:block;width:var(--mission-progress);height:100%;background:linear-gradient(#b8f044,#5c981d)}.mission-info>span{position:absolute;right:0;bottom:-2px;color:#e8d6ad;font:700 9px Arial}.mission-reward{display:grid;place-items:center;gap:2px;text-align:center}.mission-reward>span{color:#ffc94c;font-size:16px}.mission-reward>small{color:#a99b83;font:700 7px Arial}.mission-reward button{width:100%;min-height:34px;margin-top:4px;border:2px solid #553111;border-radius:4px;color:#fff;background:linear-gradient(#ffc94c,#d98e17);box-shadow:inset 0 0 0 1px #ffe27c,0 3px #21140b;text-shadow:0 2px #24160c;cursor:pointer}.mission-reward button:disabled{border-color:#4b4540;color:#857d71;background:#302c29;box-shadow:none;cursor:not-allowed}.events-layout{min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.event-card{min-height:0;display:grid;grid-template-rows:minmax(110px,.9fr) auto auto;gap:9px;padding:12px;border-radius:8px;overflow:hidden;cursor:pointer}.event-card.selected{border-color:#d99a27;box-shadow:inset 0 0 0 2px #f3c45a,0 0 12px #ffc64288}.event-art{position:relative;display:grid;place-items:center;border:2px solid #6b563b;border-radius:7px;background:radial-gradient(circle,#73452c,#221915 70%);overflow:hidden}.event-art strong{font-size:clamp(48px,7vw,78px);text-shadow:0 4px #000}.event-art span{position:absolute;right:6px;top:6px;padding:4px 6px;border-radius:4px;color:#fff0bf;background:#171411cc;font:700 8px Arial}.dragon-event strong{color:#ff7c43}.arena-event{background:radial-gradient(circle,#51497b,#1d1930 70%)}.arena-event strong{color:#d4b1ff}.treasure-event{background:radial-gradient(circle,#245f72,#101f29 70%)}.treasure-event strong{color:#6de6ff}.event-copy small{color:#ffc84e;font:700 8px Arial;letter-spacing:1px}.event-copy h2{margin:3px 0;color:#fff0c3;font-size:22px}.event-copy p{min-height:32px;margin:0 0 8px;color:#aaa08f;font:700 9px/1.3 Arial}.event-progress{height:9px;border-radius:5px;background:#10110f;overflow:hidden}.event-progress i{display:block;width:var(--event-progress);height:100%;background:linear-gradient(#73dcff,#267bad)}.event-copy>span{display:block;margin-top:4px;color:#c3b597;font:700 8px Arial}.event-enter{min-height:42px;border:2px solid #553111;border-radius:4px;color:#fff;background:linear-gradient(#ffc94c,#d98e17);box-shadow:inset 0 0 0 1px #ffe27c,0 3px #21140b;text-shadow:0 2px #24160c;cursor:pointer}@keyframes chest-open{30%{translate:0 -8px;rotate:-4deg}60%{translate:0 -5px;rotate:4deg}}#game[data-screen=heroes] .heroes-screen,#game[data-screen=cards] .cards-screen,#game[data-screen=inventory] .inventory-screen,#game[data-screen=craft] .craft-screen,#game[data-screen=chest] .chest-screen,#game[data-screen=settings] .settings-screen,#game[data-screen=missions] .missions-screen,#game[data-screen=events] .events-screen{display:grid}#game[data-screen=battle] .battle-screen{display:block}#game[data-screen=battle] .top-hud,#game[data-screen=battle] .quest-card,#game[data-screen=battle] .side-menu,#game[data-screen=battle] .center-content,#game[data-screen=battle] .bottom-nav,#game[data-screen=battle] .cg-user{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s ease,visibility 0s linear .38s}.top-hud,.side-menu,.center-content,.bottom-nav{transition:opacity .38s ease,visibility 0s linear 0s}#game[data-screen=battle]:after{background:linear-gradient(180deg,rgba(7,20,17,.14),transparent 35%,rgba(7,10,8,.33))}.battle-screen{position:absolute;z-index:9;inset:0;color:#fff1c5;pointer-events:none}.battle-status{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;translate:-50% -18px;min-width:min(390px,calc(100% - 40px));padding:7px 38px 8px;border-radius:7px;text-align:center;filter:drop-shadow(0 5px 5px #0008);opacity:0;transition:.35s ease}.battle-status span,.battle-status small{display:block;color:#c9b58e;font:700 8px Arial;letter-spacing:2px}.battle-status h1{margin:1px 0;color:#fff0bd;font-size:clamp(20px,3vw,30px);line-height:1;text-shadow:0 3px #000}.battle-status small b{color:#ffc84e}.battle-health{position:absolute;top:clamp(92px,15vh,125px);width:min(230px,28vw);display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:center;padding:7px 10px;border:2px solid #211a15;border-radius:5px;background:#211d1bcc;box-shadow:inset 0 0 0 1px #675747,0 4px 8px #0008;opacity:0;translate:0 -8px;transition:.35s ease}.battle-health-hero{left:clamp(12px,4vw,55px)}.battle-health-enemy{right:clamp(12px,4vw,55px)}.battle-health small{color:#f1dfb5;font:700 8px Arial;letter-spacing:1px}.battle-health b{grid-row:1/3;grid-column:2;color:#fff0c3;font-size:15px}.battle-health>span{height:9px;border-radius:6px;background:#100f0d;box-shadow:inset 0 2px 3px #000;overflow:hidden}.battle-health i{display:block;width:100%;height:100%;background:linear-gradient(#91ed43,#3e9c27);transition:width .25s}.battle-health-enemy i{background:linear-gradient(#ff795e,#b52d28)}.puzzle-hud{position:absolute;pointer-events:auto;left:50%;bottom:max(10px,env(safe-area-inset-bottom));translate:-50% 110%;width:min(650px,calc(100% - 200px));height:min(48vh,440px);display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px;padding:10px 14px 12px;border-radius:9px;opacity:0;transition:translate .5s cubic-bezier(.2,.8,.2,1),opacity .35s}.puzzle-hud>header{display:flex;align-items:baseline;gap:10px;color:#e7d5ab}.puzzle-hud>header span{color:#ffc84e;font-size:14px}.puzzle-hud>header strong{font:700 8px Arial;letter-spacing:1px}.puzzle-hud>header b{margin-left:auto;color:#7ee5ff;font-size:11px}.rune-grid{min-height:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:5px}.rune-grid button{position:relative;min-width:0;min-height:0;padding:0;border:2px solid #17120e;border-radius:7px;background:linear-gradient(145deg,#51463c,#1c1916);box-shadow:inset 0 0 0 2px #7d6b574f,0 2px #0d0907;cursor:pointer;overflow:hidden;transition:transform .12s,filter .12s,border-color .12s}.gem-face{display:block;width:100%;height:100%;background-image:url(assets/battle/gem-destroy-sprite.png);background-repeat:no-repeat;background-size:600% 800%;background-position:0 var(--gem-y);image-rendering:auto}.rune-grid button:hover,.rune-grid button:focus-visible{filter:brightness(1.18);outline:none;transform:translateY(-2px);z-index:2}.rune-grid button.selected{border-color:#ffe06a;box-shadow:inset 0 0 0 2px #fff2a0,0 0 9px #ffc642;transform:scale(1.08);z-index:3}.rune-grid button.destroying{pointer-events:none;border-color:#fff1a0;animation:gem-shell-destroy .43s ease forwards}.rune-grid button.destroying .gem-face{animation:gem-sprite-destroy .43s steps(5,end) forwards}.rune-grid.shuffling{pointer-events:none}.rune-grid.shuffling button{animation:gem-shuffle .62s ease-in-out}.rune-grid.shuffling button:nth-child(3n+2){animation-delay:.04s}.rune-grid.shuffling button:nth-child(3n){animation-delay:.08s}.rune-grid button.falling{pointer-events:none;z-index:2;animation:gem-fall var(--fall-duration) cubic-bezier(.18,.72,.24,1.16) var(--fall-delay) both}.battle-result{position:absolute;pointer-events:auto;left:50%;top:50%;translate:-50% -45%;width:min(430px,calc(100% - 28px));padding:22px 28px 25px;border-color:#6d461a;border-radius:10px;text-align:center;opacity:0;visibility:hidden;transform:scale(.86);transition:.4s ease}.battle-result[aria-hidden=false]{opacity:1;visibility:visible;translate:-50% -50%;transform:scale(1)}.battle-result>small{color:#ffc84e;font:700 9px Arial;letter-spacing:2px}.battle-result h2{margin:4px 0;color:#ffe17b;font-size:clamp(40px,8vw,68px);line-height:1;text-shadow:0 4px #2b160b}.battle-result.defeat h2{color:#ff7762}.battle-result p{margin:5px 0 14px;color:#c8bba2;font:700 10px Arial}.battle-result>div{display:flex;justify-content:center;gap:20px;margin-bottom:15px;color:#ffd45b}.battle-result>div span:last-child{color:#75e4ff}.battle-result>div small{display:block;color:#a99d88;font:700 7px Arial}.battle-result button{width:100%;min-height:48px;border:3px solid #553111;border-radius:5px;color:#fff;background:linear-gradient(#ffc94c,#d98e17);box-shadow:inset 0 0 0 2px #ffe27c,0 4px #21140b;text-shadow:0 2px #24160c;cursor:pointer}#game[data-battle-phase=encounter] .battle-status,#game[data-battle-phase=combat] .battle-status{opacity:1;translate:-50% 0}#game[data-battle-phase=combat] .battle-health{opacity:1;translate:0 0}#game[data-battle-phase=combat] .puzzle-hud{opacity:1;translate:-50% 0}#game[data-battle-phase=result] .battle-action-btn,#game[data-battle-phase=result] .battle-deck{opacity:0;pointer-events:none}#game[data-battle-phase=result] .battle-status,#game[data-battle-phase=result] .battle-health,#game[data-battle-phase=result] .puzzle-hud{opacity:0;transition:none}#game[data-battle-phase=result] .battle-screen:before{content:"";position:absolute;inset:0;background:#10201852;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes gem-sprite-destroy{0%{background-position-x:0}to{background-position-x:100%}}@keyframes gem-shell-destroy{45%{transform:scale(1.15);filter:brightness(1.7)}to{transform:scale(.72);filter:brightness(1.4)}}@keyframes gem-shuffle{35%{transform:scale(.45) rotate(12deg);opacity:.25}65%{transform:scale(.45) rotate(-12deg);opacity:.25}to{transform:scale(1);opacity:1}}@keyframes gem-fall{0%{transform:translateY(calc(var(--fall-rows) * -112%));opacity:.2}72%{transform:translateY(7%);opacity:1}88%{transform:translateY(-3%)}to{transform:translateY(0);opacity:1}}#game[data-screen=heroes] .quest-card,#game[data-screen=cards] .quest-card,#game[data-screen=inventory] .quest-card,#game[data-screen=craft] .quest-card,#game[data-screen=chest] .quest-card,#game[data-screen=settings] .quest-card,#game[data-screen=missions] .quest-card,#game[data-screen=events] .quest-card,#game[data-screen=heroes] .side-menu,#game[data-screen=cards] .side-menu,#game[data-screen=inventory] .side-menu,#game[data-screen=craft] .side-menu,#game[data-screen=chest] .side-menu,#game[data-screen=settings] .side-menu,#game[data-screen=missions] .side-menu,#game[data-screen=events] .side-menu,#game[data-screen=heroes] .center-content,#game[data-screen=cards] .center-content,#game[data-screen=inventory] .center-content,#game[data-screen=craft] .center-content,#game[data-screen=chest] .center-content,#game[data-screen=settings] .center-content,#game[data-screen=missions] .center-content,#game[data-screen=events] .center-content,#game[data-screen=heroes] .level-resource,#game[data-screen=cards] .level-resource,#game[data-screen=inventory] .level-resource,#game[data-screen=craft] .level-resource,#game[data-screen=chest] .level-resource,#game[data-screen=settings] .level-resource,#game[data-screen=missions] .level-resource,#game[data-screen=events] .level-resource,#game[data-screen=heroes] .menu-toggle,#game[data-screen=cards] .menu-toggle,#game[data-screen=inventory] .menu-toggle,#game[data-screen=craft] .menu-toggle,#game[data-screen=chest] .menu-toggle,#game[data-screen=settings] .menu-toggle,#game[data-screen=missions] .menu-toggle,#game[data-screen=events] .menu-toggle,#game[data-screen=chest] .bottom-nav,#game[data-screen=settings] .bottom-nav,#game[data-screen=missions] .bottom-nav,#game[data-screen=events] .bottom-nav{display:none}#game[data-screen=heroes] .top-hud,#game[data-screen=cards] .top-hud,#game[data-screen=inventory] .top-hud,#game[data-screen=craft] .top-hud,#game[data-screen=chest] .top-hud,#game[data-screen=settings] .top-hud,#game[data-screen=missions] .top-hud,#game[data-screen=events] .top-hud{width:min(520px,calc(100% - 24px));grid-template-columns:repeat(2,1fr)}.bottom-nav{position:absolute;left:50%;translate:-50% 0;bottom:var(--safe-bottom);width:min(820px,calc(100% - 24px));height:clamp(92px,15vh,138px);border-radius:8px;display:flex;justify-content:center;align-items:flex-end;padding:8px 12px 6px;overflow:visible}.nav-button{height:100%;min-width:0;flex:1;display:grid;place-items:center;overflow:visible;transform-origin:center bottom}.nav-button img{width:100%;max-width:100%;height:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain}.nav-button.selected{filter:drop-shadow(0 0 8px #ffc64288);transform:translateY(-7px)}.nav-button.selected:hover,.nav-button.selected:focus-visible{transform:translateY(-9px) scale(1.02)}#toast{position:absolute;left:50%;top:50%;translate:-50% -50%;padding:12px 22px;border:2px solid var(--gold-light);border-radius:5px;color:#fff;background:#181513e8;opacity:0;pointer-events:none;transition:opacity .2s,translate .2s}#toast.show{opacity:1;translate:-50% calc(-50% - 10px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:680px){.battle-status{top:max(10px,env(safe-area-inset-top));left:50%;right:auto;translate:-50% 0;min-width:calc(100% - 24px);width:auto;padding:5px 14px 6px;border-radius:6px}.battle-status h1{font-size:clamp(16px,5vw,22px)}.battle-status span,.battle-status small{font-size:7px;letter-spacing:1px}#game[data-battle-phase=encounter] .battle-status,#game[data-battle-phase=combat] .battle-status{translate:-50% 0}.battle-health{top:max(62px,calc(env(safe-area-inset-top) + 54px));width:42vw;padding:5px 7px}.battle-health-hero{left:8px}.battle-health-enemy{right:8px}.puzzle-hud{height:min(39vh,330px);padding:8px;gap:5px}.puzzle-hud>header{gap:5px}.puzzle-hud>header span{font-size:10px}.puzzle-hud>header strong{display:none}.puzzle-hud>header b{font-size:9px}.rune-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:3px}.rune-grid button{border-radius:5px;border-width:1px}.top-hud{left:7px;translate:0;width:calc(100% - 78px);height:66px;padding:9px 12px 10px 14px}.resource{gap:3px;justify-content:center}.resource strong{font-size:clamp(16px,5vw,23px)}.resource small{font-size:8px}.resource-image{width:34px;height:40px}.level-badge{width:35px;height:43px}.level-resource>span:last-child{display:none}.menu-toggle{width:70px;height:91px}.quest-card{top:86px;width:min(245px,calc(100% - 100px));padding:10px 12px}.side-menu{top:101px;gap:3px}.asset-button{width:clamp(59px,17vw,78px)}.center-content{width:calc(100% - 100px);left:50%;bottom:clamp(112px,18vh,145px);gap:0}.banner{padding:9px 18px 12px}.banner small{display:none}.medieval-button{width:min(300px,100%);min-height:88px;padding:24px 32px 12px}.battle-emblem{width:66px;height:57px}.bottom-nav{height:clamp(80px,13vh,105px);padding:6px 8px 5px}.nav-button{height:100%}.nav-button.selected{transform:translateY(-6px)}#game[data-screen=heroes] .top-hud,#game[data-screen=cards] .top-hud,#game[data-screen=inventory] .top-hud,#game[data-screen=craft] .top-hud,#game[data-screen=chest] .top-hud,#game[data-screen=settings] .top-hud,#game[data-screen=missions] .top-hud,#game[data-screen=events] .top-hud{width:calc(100% - 14px)}.heroes-screen{top:82px;bottom:124px;width:calc(100% - 16px);gap:7px}.heroes-heading{min-height:66px;padding:9px 40px 10px}.heroes-heading h1{font-size:29px}.heroes-heading small{display:none}.heroes-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1.65fr) minmax(120px,.72fr);gap:7px}.hero-card{grid-template-columns:38% 1fr;grid-template-rows:auto 1fr auto;gap:5px 10px;padding:8px}.hero-portrait{grid-row:1 / 4}.hero-details h2{font-size:24px}.hero-details p{font-size:9px}.hero-power{margin-top:3px}.hero-power strong{font-size:20px}.hero-stats{gap:4px}.hero-stats>div{grid-template-columns:47px 1fr 20px;gap:4px}.hero-stats i{height:7px}.hero-action{min-height:37px;font-size:14px}.hero-roster{grid-template-columns:repeat(4,1fr);grid-template-rows:auto 1fr;gap:4px;padding:7px}.hero-roster header{grid-column:1/-1;font-size:10px}.roster-slot span{font-size:7px}.roster-slot.locked strong{font-size:22px}.cards-screen{top:82px;bottom:124px;width:calc(100% - 16px);gap:7px}.cards-heading{min-height:66px;padding:9px 40px 10px}.cards-heading h1{font-size:29px}.cards-heading small{display:none}.cards-layout{grid-template-columns:1fr;grid-template-rows:minmax(190px,.78fr) minmax(0,1.22fr);gap:7px}.cards-workbench{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:7px}.deck-panel,.collection-panel{padding:7px}.deck-panel{gap:5px}.deck-panel>header,.collection-panel>header{font-size:10px}.deck-slots{gap:4px}.deck-card{gap:2px;padding:14px 2px 5px}.deck-card>strong{font-size:clamp(25px,10vw,40px)}.deck-card>span{font-size:clamp(8px,2.7vw,12px)}.deck-card>small{font-size:7px}.deck-card>b,.collection-card>b{top:3px;left:3px;width:18px;font-size:10px}.deck-summary{font-size:8px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.collection-card{min-height:82px;padding:12px 1px 3px}.collection-card>strong{font-size:clamp(18px,7vw,28px)}.collection-card>span{font-size:6px}.card-detail{grid-template-columns:1fr;grid-template-rows:125px minmax(0,1fr) auto;gap:5px;padding:7px}.detail-card-art{grid-row:auto;min-height:90px}.card-detail-copy{text-align:center;align-self:start}.card-detail-copy small{font-size:7px}.card-detail-copy h2{margin:2px 0;font-size:18px}.card-detail-copy p{font-size:8px;line-height:1.2}.card-detail-actions{gap:4px}.card-detail-actions button{min-height:36px;padding:3px;font-size:10px}.inventory-screen{top:82px;bottom:124px;width:calc(100% - 16px);gap:7px}.inventory-heading{min-height:66px;padding:9px 35px 10px}.inventory-heading h1{font-size:28px}.inventory-heading small{display:none}.craft-screen{top:82px;bottom:124px;width:calc(100% - 16px);gap:7px}.craft-heading{min-height:66px;padding:9px 40px 10px}.craft-heading h1{font-size:29px}.craft-heading small{display:none}.craft-layout{grid-template-columns:1fr;grid-template-rows:145px minmax(0,1fr);gap:7px}.recipe-panel{padding:7px;gap:5px}.recipe-panel>header{font-size:9px}.recipe-list{grid-template-columns:repeat(4,minmax(92px,1fr));grid-template-rows:1fr;gap:4px;overflow-x:auto;overflow-y:hidden}.recipe-card{min-height:0;grid-template-columns:1fr;place-items:center;align-content:center;gap:2px;padding:4px;text-align:center}.recipe-card>strong{width:42px;font-size:24px}.recipe-card b{font-size:8px}.recipe-card small{font-size:6px}.recipe-card.selected{translate:0 -2px}.forge-panel{grid-template-columns:105px 1fr;grid-template-rows:minmax(95px,.8fr) auto auto;gap:6px 8px;padding:8px}.craft-result-art>strong{font-size:45px}.craft-result-copy h2{font-size:20px}.craft-result-copy p{font-size:8px}.craft-stats{margin-top:5px}.materials-box{padding:6px}.materials-list{gap:3px;margin-top:4px}.materials-list>div{padding:4px;gap:3px}.materials-list>div>strong{font-size:15px}.forge-panel>button{min-height:39px}.inventory-layout{display:block}.equipment-panel{display:none}.inventory-workbench{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 150px;gap:7px}.bag-panel{padding:7px;gap:5px}.bag-panel>header{font-size:9px}.bag-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.item-card{min-height:80px;padding:12px 2px 3px}.item-card>strong{font-size:26px}.item-card>span{font-size:6px}.item-detail{grid-template-columns:78px minmax(0,1fr) 86px;grid-template-rows:1fr;gap:6px;padding:7px}.item-detail-art{grid-row:auto;min-height:0}.item-detail-art>strong{font-size:34px}.item-detail-copy{text-align:left;align-self:center}.item-detail-copy>small{font-size:6px}.item-detail-copy h2{margin:2px 0;font-size:16px}.item-detail-copy p{font-size:7px;line-height:1.12}.item-stats{margin-top:4px;gap:3px}.item-stats span{padding:2px;font-size:5px}.item-stats b{font-size:8px}.item-detail-actions{grid-template-columns:1fr;align-content:center;gap:5px}.item-detail-actions button{min-height:37px;padding:3px;font-size:9px}.chest-screen{top:82px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 16px);gap:7px}.chest-heading{min-height:66px;padding:9px 64px 10px 40px}.chest-heading h1{font-size:29px}.chest-heading small{display:none}.screen-close{right:13px;width:38px;font-size:24px}.chest-layout{grid-template-columns:1fr;grid-template-rows:minmax(235px,1.05fr) minmax(0,.95fr);gap:7px}.chest-stage,.chest-rewards{padding:8px}.chest-stage{grid-template-columns:38% 1fr;grid-template-rows:1fr auto;text-align:left;gap:4px}.chest-stage img{grid-row:1/3;width:80%;max-height:85%}.chest-copy h2{font-size:20px}.chest-copy p{font-size:8px}.chest-stage>button{width:100%;min-height:40px}.chest-rewards{gap:6px}.chest-rewards>header{font-size:9px}.reward-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.reward-card{gap:2px}.reward-card strong{font-size:25px}.reward-card span{font-size:7px}.reward-card small{font-size:6px}.last-reward{padding:5px}.last-reward strong{font-size:11px}.settings-screen{top:82px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 16px);gap:7px}.settings-heading{min-height:66px;padding:9px 64px 10px 40px}.settings-heading h1{font-size:27px}.settings-heading small{display:none}.settings-layout{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:auto;gap:7px;padding-right:2px}.settings-panel{gap:7px;padding:9px 10px}.settings-panel>header{font-size:12px;padding-bottom:4px}.setting-range,.setting-toggle,.setting-select{min-height:43px;padding:5px 7px}.setting-range b,.setting-toggle b,.setting-select b{font-size:9px}.setting-toggle small,.setting-select small{font-size:7px}.setting-range input{margin-top:6px}.settings-actions button{min-height:38px;font-size:11px}.side-overlay-screen{top:82px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 16px);gap:7px}.side-overlay-heading{min-height:66px;padding:9px 64px 10px 40px}.side-overlay-heading h1{font-size:27px}.side-overlay-heading small{display:none}.missions-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:7px}.mission-tabs{grid-template-columns:repeat(3,1fr);gap:4px;padding:6px}.mission-tabs button{min-height:37px;font-size:10px}.mission-list{gap:6px}.mission-entry{min-height:105px;grid-template-columns:54px minmax(0,1fr) 88px;gap:7px;padding:8px}.mission-icon{width:48px;font-size:25px}.mission-info h2{font-size:16px}.mission-info p{font-size:8px}.mission-reward>span{font-size:12px}.mission-reward button{min-height:31px;font-size:9px}.events-layout{grid-template-columns:1fr;grid-auto-rows:minmax(170px,1fr);gap:7px;overflow-y:auto;padding-right:2px}.event-card{grid-template-columns:105px minmax(0,1fr) 84px;grid-template-rows:1fr;align-items:center;gap:7px;padding:8px}.event-art{height:100%}.event-art strong{font-size:42px}.event-copy h2{font-size:17px}.event-copy p{min-height:0;font-size:8px}.event-enter{min-height:38px;font-size:9px}}@media(max-width:820px)and (orientation:portrait){.cards-screen{top:clamp(88px,11vh,120px);bottom:clamp(112px,14vh,145px);width:calc(100% - 20px);grid-template-rows:76px minmax(0,1fr);gap:7px}.cards-heading{min-height:76px;padding:8px 55px 10px}.cards-heading h1{margin:1px 0;font-size:34px}.cards-heading small{display:none}.cards-layout{grid-template-columns:1fr;grid-template-rows:190px minmax(0,1fr);gap:7px}.deck-panel{padding:8px;gap:5px}.deck-panel>header{font-size:11px}.deck-slots{gap:6px}.deck-card{gap:2px;padding:10px 3px 5px}.deck-card>img{width:min(78px,72%)}.deck-card>span{font-size:clamp(8px,1.7vw,12px)}.deck-card>small{font-size:7px}.deck-summary{font-size:8px}.cards-workbench{grid-template-columns:minmax(210px,.92fr) minmax(0,1.08fr);gap:7px}.collection-panel{padding:7px;gap:5px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.collection-card{min-height:105px;padding:9px 2px 4px}.collection-card>img{width:65%}.card-detail{position:relative;display:block;padding:7px}.detail-card-art{position:absolute;inset:7px 7px auto;height:150px;min-height:0}.card-detail-copy{position:absolute;inset:164px 8px 50px;text-align:center;overflow:auto}.card-detail-copy h2{font-size:18px}.card-detail-copy p{font-size:8px;line-height:1.2}.card-rules{margin-top:5px}.card-detail-actions{position:absolute;left:8px;right:8px;bottom:8px;height:38px;gap:5px}.card-detail-actions button{min-height:34px}}@media(max-width:680px)and (orientation:portrait){.cards-screen{top:82px;bottom:116px;width:calc(100% - 12px);grid-template-rows:60px minmax(0,1fr);gap:5px}.cards-heading{min-height:60px;padding:6px 35px}.cards-heading span{font-size:7px}.cards-heading h1{font-size:27px}.cards-layout{grid-template-rows:142px minmax(0,1fr);gap:5px}.deck-panel{padding:5px;gap:3px}.deck-panel>header{font-size:8px}.deck-slots{gap:3px}.deck-card{padding:9px 1px 3px;border-width:2px}.deck-card>img{width:55%;border-radius:3px}.deck-card>span{font-size:7px}.deck-card>small{font-size:5px}.deck-card>b{width:17px;font-size:9px}.deck-summary{font-size:6px}.cards-workbench{grid-template-columns:1fr;grid-template-rows:112px minmax(0,1fr);gap:5px}.collection-panel{padding:5px;gap:3px}.collection-panel>header{font-size:8px}.collection-scroll{overflow-x:auto;overflow-y:hidden;padding:1px 2px 4px}.collection-grid{width:max-content;height:100%;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76px;grid-template-rows:1fr;gap:4px}.collection-card{width:76px;min-height:0;height:100%;grid-template-rows:minmax(42px,1fr) auto auto;padding:6px 1px 2px;border-width:2px}.collection-card>img{width:55%}.collection-card>span{font-size:5px}.collection-card>small{font-size:4px}.collection-card>b{width:16px;font-size:8px}.card-detail{position:relative;display:grid;grid-template-columns:clamp(122px,38vw,154px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 44px;gap:8px 10px;padding:9px}.detail-card-art{position:relative;inset:auto;height:auto;grid-column:1;grid-row:1;aspect-ratio:1;align-self:start}.detail-card-art>b{width:30px;font-size:14px}.detail-card-art>span{font-size:9px;padding:4px 3px}.card-detail-copy{position:relative;inset:auto;overflow:visible;grid-column:2;grid-row:1;text-align:left;align-self:start;min-height:0;padding-top:3px}.card-detail-copy small{font-size:6px;letter-spacing:1.2px}.card-detail-copy h2{margin:3px 0 6px;font-size:clamp(17px,5vw,21px)}.card-detail-copy p{font-size:8px;line-height:1.3}.card-rules{gap:4px;margin-top:8px}.card-rules span{padding:4px 5px;font-size:5px}.card-rules b{margin-top:2px;font-size:8px}.card-detail-actions{position:relative;inset:auto;height:auto;grid-column:1/-1;grid-row:2;gap:7px}.card-detail-actions button{min-height:39px;font-size:10px}.card-detail-actions small{font-size:6px}}@media(max-width:680px)and (max-height:620px)and (orientation:landscape),(min-width:681px)and (max-height:480px)and (orientation:landscape){.battle-status{top:6px;min-width:min(330px,calc(100% - 220px));padding:4px 30px}.battle-status h1{font-size:20px}.battle-status span,.battle-status small{font-size:6px}.battle-health{top:58px;width:210px;padding:4px 7px}.puzzle-hud{bottom:6px;width:min(560px,calc(100% - 220px));height:46vh;max-height:194px;padding:6px 8px;gap:4px}.puzzle-hud>header span{font-size:9px}.puzzle-hud>header strong{font-size:6px}.rune-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:2px}.rune-grid button{border-radius:4px;border-width:1px}.top-hud{height:58px;max-width:680px}.quest-card{top:76px}.center-content{bottom:95px}.bottom-nav{height:76px;width:min(650px,72vw);padding:5px 8px 4px}.nav-button{height:100%}.nav-button.selected{transform:translateY(-5px)}.side-menu{top:86px;gap:2px}.asset-button{width:54px}.menu-toggle{height:82px;width:62px}.heroes-screen{top:66px;bottom:88px;width:min(820px,calc(100% - 34px));grid-template-rows:44px 1fr;gap:5px}.heroes-heading{min-height:44px;padding:3px 70px}.heroes-heading span{font-size:8px}.heroes-heading h1{margin:0;font-size:24px}.heroes-heading small{display:none}.hero-card{grid-template-columns:minmax(120px,.72fr) minmax(220px,1fr);grid-template-rows:auto auto auto;gap:3px 12px;padding:6px 9px}.hero-details{align-self:start}.hero-details h2{margin:0;font-size:24px;line-height:.9}.hero-details p{font-size:9px}.hero-power{margin-top:2px}.hero-power strong{font-size:20px}.hero-stats{gap:3px}.hero-stats>div{grid-template-columns:50px 1fr 20px;gap:4px}.hero-stats i{height:7px}.hero-action{min-height:31px;font-size:14px}.hero-roster{padding:6px;gap:5px}.roster-slot span{font-size:7px}.cards-screen{top:84px;bottom:88px;width:min(840px,calc(100% - 34px));grid-template-rows:34px 1fr;gap:5px}.cards-heading{min-height:34px;padding:1px 70px}.cards-heading span{font-size:7px}.cards-heading h1{margin:0;font-size:21px}.cards-heading small{display:none}.cards-layout{grid-template-columns:minmax(0,1.2fr) minmax(390px,1fr);grid-template-rows:1fr;gap:5px}.cards-workbench{grid-template-columns:minmax(180px,.9fr) minmax(200px,1.1fr);gap:5px}.deck-panel,.collection-panel{padding:6px;gap:4px}.deck-panel>header,.collection-panel>header{font-size:9px}.deck-slots{gap:4px}.deck-card{gap:1px;padding:12px 2px 3px}.deck-card>strong{font-size:29px}.deck-card>span{font-size:9px}.deck-card>small{font-size:6px}.deck-card>b,.collection-card>b{top:3px;left:3px;width:17px;font-size:9px}.deck-summary{font-size:7px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.collection-card{min-height:62px;padding:9px 1px 2px}.collection-card>strong{font-size:20px}.collection-card>span{font-size:6px}.card-detail{grid-template-columns:66px 1fr;gap:4px 6px;padding:6px}.detail-card-art>b{width:17px;top:3px;left:3px;font-size:9px}.detail-card-art>strong{font-size:28px}.card-detail-copy small{font-size:6px}.card-detail-copy h2{margin:1px 0 3px;font-size:16px}.card-detail-copy p{font-size:7px;line-height:1.15}.card-detail-actions{gap:3px}.card-detail-actions button{min-height:28px;padding:2px;font-size:8px}.inventory-screen{top:84px;bottom:88px;width:min(840px,calc(100% - 34px));grid-template-rows:34px 1fr;gap:5px}.inventory-heading{min-height:34px;padding:1px 70px}.inventory-heading span{font-size:7px}.inventory-heading h1{margin:0;font-size:21px}.inventory-heading small{display:none}.craft-screen{top:84px;bottom:88px;width:min(840px,calc(100% - 34px));grid-template-rows:34px 1fr;gap:5px}.craft-heading{min-height:34px;padding:1px 70px}.craft-heading span{font-size:7px}.craft-heading h1{margin:0;font-size:21px}.craft-heading small{display:none}.craft-layout{grid-template-columns:210px 1fr;gap:5px}.recipe-panel{padding:6px;gap:4px}.recipe-panel>header{font-size:8px}.recipe-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;overflow:hidden}.recipe-card{min-height:0;grid-template-columns:32px 1fr;gap:3px;padding:3px}.recipe-card>strong{width:28px;font-size:16px}.recipe-card b{font-size:6px}.recipe-card small{font-size:5px}.forge-panel{grid-template-columns:100px 1fr;grid-template-rows:78px auto auto;gap:4px 6px;padding:6px}.craft-result-art>strong{font-size:34px}.craft-result-copy>small{font-size:5px}.craft-result-copy h2{margin:1px 0 3px;font-size:16px}.craft-result-copy p{font-size:6px}.craft-stats{margin-top:3px;gap:3px}.craft-stats span{padding:2px;font-size:5px}.craft-stats b{font-size:8px}.materials-box{padding:4px}.materials-box>header{font-size:7px}.materials-list{gap:3px;margin-top:3px}.materials-list>div{padding:2px;gap:2px}.materials-list>div>strong{font-size:13px}.materials-list b,.materials-list small{font-size:5px}.forge-panel>button{min-height:28px;font-size:9px}.inventory-layout{display:block}.equipment-panel{display:none}.inventory-workbench{grid-template-columns:minmax(0,1.55fr) minmax(250px,.75fr);gap:5px}.bag-panel{padding:6px;gap:4px}.bag-panel>header{font-size:8px}.bag-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.item-card{min-height:61px;padding:9px 1px 2px}.item-card>strong{font-size:20px}.item-card>span{font-size:5px}.item-detail{grid-template-columns:70px 1fr;gap:4px 6px;padding:6px}.item-detail-art>b{width:17px;top:3px;left:3px;font-size:9px}.item-detail-art>strong{font-size:30px}.item-detail-copy>small{font-size:6px}.item-detail-copy h2{margin:1px 0 3px;font-size:15px}.item-detail-copy p{font-size:6px;line-height:1.1}.item-stats{margin-top:4px;gap:3px}.item-stats span{padding:2px;font-size:5px}.item-stats b{font-size:8px}.item-detail-actions{gap:3px}.item-detail-actions button{min-height:27px;padding:2px;font-size:8px}.chest-screen{top:74px;bottom:8px;width:min(1050px,calc(100% - 20px));grid-template-rows:34px 1fr;gap:5px}.chest-heading{min-height:34px;padding:1px 70px}.chest-heading span{font-size:7px}.chest-heading h1{margin:0;font-size:21px}.chest-heading small{display:none}.screen-close{right:14px;width:29px;border-width:2px;font-size:19px}.chest-layout{grid-template-columns:1fr 1fr;gap:5px}.chest-stage,.chest-rewards{padding:6px}.chest-stage{grid-template-columns:35% 1fr;grid-template-rows:1fr auto;text-align:left;gap:3px}.chest-stage img{grid-row:1/3;width:72%;max-height:82%}.chest-copy small{font-size:6px}.chest-copy h2{margin:1px 0;font-size:15px}.chest-copy p{font-size:6px}.chest-stage>button{width:100%;min-height:28px;font-size:9px}.chest-rewards{gap:4px}.chest-rewards>header{font-size:8px}.reward-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.reward-card{gap:1px}.reward-card strong{font-size:21px}.reward-card span{font-size:6px}.reward-card small{font-size:5px}.last-reward{padding:4px}.last-reward strong{font-size:9px}.settings-screen{top:74px;bottom:8px;width:min(1050px,calc(100% - 20px));grid-template-rows:34px 1fr;gap:5px}.settings-heading{min-height:34px;padding:1px 70px}.settings-heading span{font-size:7px}.settings-heading h1{margin:0;font-size:20px}.settings-heading small{display:none}.settings-layout{grid-template-columns:minmax(300px,620px);grid-template-rows:auto;justify-content:center;align-content:start;gap:5px;overflow:hidden}.settings-panel{gap:7px;padding:9px 12px}.settings-panel>header{font-size:11px;padding-bottom:4px}.settings-panel>header span{font-size:16px}.setting-range{min-height:43px;padding:5px 8px}.setting-range b{font-size:9px}.setting-range output{font-size:8px}.setting-range input{height:6px;margin:5px 0 0}.settings-actions{gap:5px}.settings-actions button{min-height:34px;font-size:9px}.side-overlay-screen{top:74px;bottom:8px;width:min(1050px,calc(100% - 20px));grid-template-rows:34px 1fr;gap:5px}.side-overlay-heading{min-height:34px;padding:1px 70px}.side-overlay-heading span{font-size:7px}.side-overlay-heading h1{margin:0;font-size:20px}.side-overlay-heading small{display:none}.missions-layout{grid-template-columns:135px 1fr;gap:5px}.mission-tabs{gap:4px;padding:6px}.mission-tabs button{min-height:35px;font-size:8px}.mission-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:hidden}.mission-entry{min-height:0;grid-template-columns:40px 1fr;grid-template-rows:1fr auto;gap:4px;padding:6px}.mission-icon{width:35px;font-size:19px}.mission-info small{font-size:5px}.mission-info h2{font-size:12px}.mission-info p{font-size:6px}.mission-progress{margin-right:25px;height:6px}.mission-reward{grid-column:1/-1;grid-template-columns:auto auto 1fr;gap:4px}.mission-reward>span{font-size:10px}.mission-reward button{min-height:25px;margin:0;font-size:7px}.events-layout{gap:5px}.event-card{grid-template-rows:80px auto auto;gap:4px;padding:6px}.event-art strong{font-size:34px}.event-copy small{font-size:5px}.event-copy h2{font-size:13px}.event-copy p{min-height:20px;font-size:6px}.event-enter{min-height:28px;font-size:8px}}.heroes-heading,.cards-heading,.craft-heading,.inventory-heading{display:none}.heroes-screen,.cards-screen,.craft-screen,.inventory-screen{grid-template-rows:minmax(0,1fr)!important;gap:0!important}.hero-portrait{position:relative}@media(max-width:640px){.hero-roster{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important}.hero-roster-list{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:4px}.roster-hero-sprite{max-height:74px}.hero-idle-sprite{width:min(100%,210px)}.hero-ability{margin-top:4px;padding:5px 6px}.hero-ability p{font-size:8px}}.item-card>img{width:min(78%,64px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 3px #0008)}.item-card>img+span{position:relative;z-index:1}.item-detail-art>strong>img{display:block;width:min(90%,150px);margin:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 7px 5px #0009)}@media(max-width:640px){.item-card>img{width:min(76%,58px)}.item-detail-art>strong>img{width:min(92%,72px)}}.hero-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-self:end}.hero-card-actions .hero-action{width:100%}.hero-upgrade{background:linear-gradient(#7cc2ff,#2465a8);box-shadow:inset 0 0 0 2px #b7e2ff,0 4px #101b2b}.hero-upgrade:disabled{filter:grayscale(.8) brightness(.7);cursor:not-allowed}.hero-action:disabled{filter:grayscale(.6) brightness(.75);cursor:not-allowed}.collection-card.locked{filter:grayscale(.9) brightness(.55)}.collection-card.locked:before{content:"🔒";position:absolute;z-index:3;top:6px;right:8px;font-size:14px}button:disabled{opacity:.85}#level-xp{letter-spacing:0}.badge[hidden]{display:none}.battle-deck{--puzzle-w: min(650px, calc(100% - 200px) );--puzzle-h: min(48vh, 440px);--side-gap: 10px;position:absolute;pointer-events:none;top:auto;left:calc(50% + (var(--puzzle-w) / 2) + var(--side-gap));right:auto;bottom:max(10px,env(safe-area-inset-bottom));translate:0;display:flex;flex-direction:column;justify-content:center;height:var(--puzzle-h);gap:10px;z-index:5;opacity:0;transition:opacity .3s}#game[data-battle-phase=combat] .battle-deck{opacity:1}.battle-card{position:relative;width:clamp(48px,5vw,64px);aspect-ratio:3/4;border:2px solid #4a2b12;border-radius:7px;overflow:hidden;background:#1d130c;box-shadow:inset 0 0 0 1px #f4c36c44,0 3px 6px #000a}.battle-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.55) brightness(.6);transition:filter .25s}.battle-card-fill{position:absolute;left:0;right:0;bottom:0;height:var(--charge, 0%);background:linear-gradient(#ffe9a855,#ffc94c88);border-top:2px solid #ffe27c;transition:height .25s;pointer-events:none}.battle-card-count{position:absolute;z-index:2;bottom:2px;left:0;right:0;text-align:center;font:700 10px Arial,sans-serif;color:#fff2cd;text-shadow:0 1px 2px #000,0 0 4px #000}.battle-card.full img{filter:grayscale(0) brightness(1.05)}.battle-card.full{border-color:#ffd45a;box-shadow:inset 0 0 0 1px #fff0a0,0 0 12px #ffc642cc}.battle-card.activated{animation:card-activate .7s ease-out}@keyframes card-activate{0%{transform:scale(1);box-shadow:0 0 #ffc642}30%{transform:scale(1.25);box-shadow:0 0 26px #ffe082}to{transform:scale(1)}}.battle-action-btn{--puzzle-w: min(650px, calc(100% - 200px) );--puzzle-h: min(48vh, 440px);--side-gap: 10px;--btn-size: 52px;--btn-stack-gap: 12px;position:absolute;pointer-events:auto;top:auto;left:calc(50% - (var(--puzzle-w) / 2) - var(--side-gap) - var(--btn-size));right:auto;width:var(--btn-size);height:var(--btn-size);border:3px solid #4a2c18;border-radius:8px;background:linear-gradient(#7c4a24,#43250f);box-shadow:inset 0 0 0 2px #e1ac55,0 4px #1a100a;cursor:pointer;display:none;place-items:center;z-index:6;padding:0}#game[data-battle-phase=combat] .battle-action-btn{display:grid}.battle-action-btn img{width:70%;height:70%;object-fit:contain;image-rendering:pixelated}.battle-action-btn:hover,.battle-action-btn:focus-visible{filter:brightness(1.12);outline:none}.battle-action-btn:active{translate:0 3px;box-shadow:inset 0 0 0 2px #e1ac55}.battle-surrender{bottom:calc(max(10px,env(safe-area-inset-bottom)) + (var(--puzzle-h) / 2) + (var(--btn-stack-gap) / 2))}.battle-potion{bottom:calc(max(10px,env(safe-area-inset-bottom)) + (var(--puzzle-h) / 2) - var(--btn-size) - (var(--btn-stack-gap) / 2))}.battle-potion b{position:absolute;right:-6px;bottom:-6px;width:22px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:2px solid #ffe8b1;background:#256a9d;color:#fff;font-size:11px}.battle-potion:disabled{filter:grayscale(.8) brightness(.6);cursor:not-allowed}.battle-health em{margin-left:6px;font:700 12px Arial,sans-serif;color:#9bd1ff;text-shadow:0 1px 2px #000;font-style:normal}#game[data-battle-mode=mining] .battle-deck,#game[data-battle-mode=mining] .battle-potion,#game[data-battle-mode=mining] .battle-health-hero{display:none!important}#game[data-battle-mode=mining] .battle-health-enemy span i{background:linear-gradient(#ffe27c,#d98e17)}.battle-tutorial{position:absolute;pointer-events:auto;z-index:30;left:50%;top:42%;translate:-50% -50%;width:min(420px,calc(100% - 40px));padding:16px 18px;display:grid;gap:10px;text-align:center;border-radius:10px}.battle-tutorial[aria-hidden=true]{display:none}.battle-tutorial small{color:#ffd45a;font-weight:700;letter-spacing:1px}.battle-tutorial p{margin:0;color:#f4e9d0;font-size:14px;line-height:1.45}.battle-tutorial button{min-height:40px;border:3px solid #4a2b12;border-radius:6px;color:#fff;background:linear-gradient(#ffc94c,#d98e17);box-shadow:inset 0 0 0 2px #ffe27c,0 4px #21140b;text-shadow:0 2px #24160c;cursor:pointer;font-weight:700}#result-rewards{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px}#result-rewards span{color:#ffe9a8;font-weight:700;font-size:14px;text-shadow:0 1px 2px #000}#result-rewards span small{color:#d6c7a8;font-size:9px}.craft-tabs{display:flex;gap:4px}.craft-tabs button{min-height:26px;padding:0 12px;border:2px solid #4a2b12;border-radius:5px;color:#d6c7a8;background:linear-gradient(#5a4630,#33241a);font:700 11px Arial,sans-serif;cursor:pointer}.craft-tabs button.selected{color:#fff;background:linear-gradient(#ffc94c,#d98e17);box-shadow:inset 0 0 0 1px #ffe27c;text-shadow:0 1px #24160c}.recipe-card.card-recipe img{width:40px;height:40px;object-fit:cover;border-radius:5px;border:1px solid #f5cc7855}.craft-result-art.card-art img{width:82%;height:82%;object-fit:cover;border-radius:8px}.chest-actions{display:grid;gap:8px;width:100%}#chest-buy-key{min-height:42px;border:3px solid #17324a;border-radius:6px;color:#eaf6ff;background:linear-gradient(#4e9fd8,#23577e);box-shadow:inset 0 0 0 2px #9fd6ff,0 4px #0d1c29;text-shadow:0 2px #0d1c29;cursor:pointer;font-weight:700}#chest-buy-key small{display:block;font-size:9px}#chest-buy-key:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed}#chest-buy-key:active:not(:disabled){translate:0 3px;box-shadow:inset 0 0 0 2px #9fd6ff}.danger-zone{margin-top:8px;border-top:1px solid #ffffff22;padding-top:12px}#settings-reset-save{width:100%;min-height:42px;border:3px solid #4a1212;border-radius:6px;color:#ffe4e4;background:linear-gradient(#c4423c,#6e1f1c);box-shadow:inset 0 0 0 2px #ff9c96,0 4px #210b0b;text-shadow:0 2px #210b0b;cursor:pointer;font-weight:700}#settings-reset-save small{display:block;font-size:9px}#settings-reset-save:active{translate:0 3px;box-shadow:inset 0 0 0 2px #ff9c96}@media(max-width:680px){.puzzle-hud{width:min(650px,calc(100% - 24px))}.battle-deck{top:auto;left:50%;right:auto;translate:-50% 0;flex-direction:row;justify-content:center;height:auto;bottom:calc(max(10px,env(safe-area-inset-bottom)) + min(39vh,330px) + 10px);gap:5px}.battle-card{width:42px}.battle-action-btn{--btn-size: 42px;top:auto;width:42px;height:42px;bottom:calc(max(10px,env(safe-area-inset-bottom)) + min(39vh,330px) + 12px)}.battle-surrender{left:max(12px,env(safe-area-inset-left));right:auto;bottom:calc(max(10px,env(safe-area-inset-bottom)) + min(39vh,330px) + 12px)}.battle-potion{left:auto;right:max(12px,env(safe-area-inset-right));bottom:calc(max(10px,env(safe-area-inset-bottom)) + min(39vh,330px) + 12px)}}@media(max-height:480px){.puzzle-hud{width:min(560px,calc(100% - 220px))}.battle-deck{--puzzle-w: min(560px, calc(100% - 220px) );--puzzle-h: min(46vh, 194px);--side-gap: 8px;top:auto;left:calc(50% + (var(--puzzle-w) / 2) + var(--side-gap));right:auto;bottom:max(6px,env(safe-area-inset-bottom));translate:0;flex-direction:column;justify-content:center;height:var(--puzzle-h);gap:6px}.battle-card{width:38px}.battle-action-btn{--puzzle-w: min(560px, calc(100% - 220px) );--puzzle-h: min(46vh, 194px);--btn-size: 40px;--side-gap: 8px;--btn-stack-gap: 8px;top:auto;left:calc(50% - (var(--puzzle-w) / 2) - var(--side-gap) - var(--btn-size));right:auto;width:var(--btn-size);height:var(--btn-size)}.battle-surrender{bottom:calc(max(6px,env(safe-area-inset-bottom)) + (var(--puzzle-h) / 2) + (var(--btn-stack-gap) / 2))}.battle-potion{left:calc(50% - (var(--puzzle-w) / 2) - var(--side-gap) - var(--btn-size));right:auto;bottom:calc(max(6px,env(safe-area-inset-bottom)) + (var(--puzzle-h) / 2) - var(--btn-size) - (var(--btn-stack-gap) / 2))}}.craft-layout{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr)}.recipe-panel>header{align-items:center}.recipe-panel>header>span{color:#e9d6a9;font-size:12px;letter-spacing:1.4px}.recipe-list{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:7px;overflow-x:hidden;overflow-y:auto}.recipe-card.card-recipe{position:relative;display:block;min-width:0;min-height:0;width:100%;aspect-ratio:1;padding:5px;text-align:center;overflow:hidden;translate:0;background:#171513}.recipe-card.card-recipe img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:5px}.recipe-card.card-recipe>span{position:absolute;z-index:2;left:5px;right:5px;bottom:5px;display:grid;gap:1px;padding:5px 3px 4px;color:#fff0c5;background:linear-gradient(transparent,#080706ef 32%);text-shadow:0 2px 2px #000}.recipe-card.card-recipe b{font-size:8px;line-height:1.05}.recipe-card.card-recipe small{color:#8fe3ff;font-size:7px}.recipe-card.card-recipe.selected{translate:0;border-color:#ffd45a;box-shadow:inset 0 0 0 2px #fff1a1,0 0 10px #ffc642aa}.forge-panel{grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr);grid-template-rows:minmax(150px,1fr) auto auto}.craft-result-art.card-art{width:100%;max-width:230px;aspect-ratio:1;align-self:start;justify-self:center}.craft-result-art.card-art img{width:calc(100% - 14px);height:calc(100% - 14px);object-fit:cover;border-radius:7px}.materials-list{grid-template-columns:1fr}.materials-list>div{min-height:46px}@media(max-width:680px)and (orientation:portrait){.craft-layout{grid-template-columns:1fr;grid-template-rows:minmax(210px,.78fr) minmax(0,1.22fr)}.recipe-panel{padding:8px;gap:6px}.recipe-list{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:max-content;gap:5px;overflow-x:hidden;overflow-y:auto}.recipe-card.card-recipe{padding:3px}.recipe-card.card-recipe>span{left:3px;right:3px;bottom:3px;padding:4px 2px 3px}.recipe-card.card-recipe b,.recipe-card.card-recipe small{font-size:6px}.forge-panel{grid-template-columns:minmax(105px,34%) minmax(0,1fr);grid-template-rows:minmax(115px,1fr) auto auto;gap:7px 9px;padding:9px}.craft-result-art.card-art{max-width:190px}.craft-result-copy h2{font-size:clamp(19px,5.6vw,28px)}.craft-result-copy{align-self:start;padding-top:3px}.craft-result-copy p{font-size:8px;line-height:1.28}.craft-stats{margin-top:6px}.materials-box{padding:7px}.materials-list>div{min-height:38px;padding:5px}}@media(max-width:430px)and (orientation:portrait){.craft-layout{grid-template-rows:minmax(205px,.72fr) minmax(0,1.28fr)}.recipe-list{grid-template-columns:repeat(3,minmax(0,1fr))}.forge-panel{grid-template-columns:105px minmax(0,1fr)}}@media(max-height:480px)and (orientation:landscape){.craft-layout{grid-template-columns:minmax(270px,.9fr) minmax(0,1.1fr);grid-template-rows:1fr}.recipe-list{grid-template-columns:repeat(4,minmax(0,1fr))}.forge-panel{grid-template-columns:90px minmax(0,1fr);grid-template-rows:minmax(86px,1fr) auto auto}.craft-result-art.card-art{max-width:100px}}.inventory-workbench{position:relative;display:block}.bag-panel{width:100%;height:100%}.bag-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:7px}.bag-grid .item-card,.inventory-slot-empty{width:100%;min-height:0;aspect-ratio:1;border-radius:7px}.bag-grid .item-card{padding:15px 3px 5px}.inventory-slot-empty{display:block;border:2px solid #4f4841;background:linear-gradient(145deg,#24211f,#171513);box-shadow:inset 0 0 0 2px #0e0d0c88,inset 0 5px 12px #0008}.item-detail[hidden]{display:none!important}.item-detail{position:absolute;z-index:8;left:8px;right:8px;bottom:8px;min-height:190px;max-height:calc(100% - 16px);grid-template-columns:150px minmax(0,1fr) minmax(150px,210px);grid-template-rows:1fr;gap:12px;padding:14px 50px 14px 14px;overflow:auto;box-shadow:0 10px 28px #000c}.item-detail .item-detail-art{grid-row:1;aspect-ratio:1}.item-detail .item-detail-copy{align-self:center}.item-detail .item-detail-actions{grid-template-columns:1fr;align-content:center}.item-detail .item-detail-actions button{min-height:52px}.item-detail-close{position:absolute;z-index:10;top:8px;right:8px;width:34px;aspect-ratio:1;display:grid;place-items:center;padding:0;border:2px solid #6f5c48;border-radius:5px;color:#fff0c5;background:linear-gradient(#55483e,#241f1c);box-shadow:inset 0 0 0 1px #b89a7044,0 3px #100d0b;font:700 24px/1 Arial,sans-serif;cursor:pointer}.item-detail-close:active{translate:0 2px;box-shadow:inset 0 0 0 1px #b89a7044,0 1px #100d0b}@media(max-width:680px)and (orientation:portrait){.bag-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.bag-grid .item-card{padding:12px 2px 3px}.bag-grid .item-card>img{width:min(76%,54px)}.inventory-slot-empty{border-radius:5px}.item-detail{left:6px;right:6px;bottom:6px;min-height:205px;max-height:calc(100% - 12px);grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto auto;gap:7px 9px;padding:10px 44px 10px 10px}.item-detail .item-detail-art{grid-row:1/3;min-height:92px}.item-detail .item-detail-copy{grid-column:2;grid-row:1;align-self:start}.item-detail .item-detail-actions{grid-column:2;grid-row:2}.item-detail .item-detail-actions button{min-height:42px}.item-detail-copy h2{font-size:18px}.item-detail-copy p{font-size:7px}.item-detail-close{width:30px;top:7px;right:7px;font-size:21px}}@media(max-height:480px)and (orientation:landscape){.bag-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.item-detail{min-height:145px;grid-template-columns:105px minmax(0,1fr) 150px;padding:8px 42px 8px 8px}.item-detail .item-detail-actions button{min-height:38px}}.recipe-list{grid-template-columns:repeat(5,minmax(0,1fr))}.forge-panel{grid-template-columns:1fr;grid-template-rows:auto auto 48px;align-content:center;gap:10px}.forge-panel .forge-flame,.forge-panel .craft-result-art,.forge-panel .craft-result-copy>small,.forge-panel .craft-result-copy>p,.forge-panel .craft-stats{display:none}.forge-panel .craft-result-copy{grid-column:1;text-align:center;align-self:center;padding:0}.forge-panel .craft-result-copy h2{margin:0;font-size:clamp(24px,3vw,34px)}.forge-panel .materials-box,.forge-panel>button{grid-column:1}@media(max-width:680px)and (orientation:portrait){.craft-layout{grid-template-rows:minmax(0,1fr) auto}.recipe-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.recipe-card.card-recipe b,.recipe-card.card-recipe small{font-size:5px}.forge-panel{min-height:185px;grid-template-columns:1fr;grid-template-rows:auto auto 45px;gap:7px;padding:8px}.forge-panel .craft-result-copy h2{font-size:clamp(21px,6vw,28px)}}@media(max-width:430px)and (orientation:portrait){.recipe-list,.forge-panel{grid-template-columns:repeat(5,minmax(0,1fr))}.forge-panel{grid-template-columns:1fr}}@media(max-height:480px)and (orientation:landscape){.recipe-list{grid-template-columns:repeat(5,minmax(0,1fr))}.forge-panel{grid-template-columns:1fr;grid-template-rows:auto auto 34px;gap:4px}.forge-panel .craft-result-copy h2{font-size:18px}}@media(min-width:681px)and (min-height:481px){:root{--desktop-inline: clamp(24px, 4vw, 72px);--desktop-screen-h: min(68vh, 560px);--desktop-overlay-h: min(82vh, 680px)}.top-hud{height:clamp(64px,10.5vh,92px);width:min(760px,calc(100% - 180px));padding:9px 20px 11px 22px}#game[data-screen=heroes] .top-hud,#game[data-screen=cards] .top-hud,#game[data-screen=craft] .top-hud,#game[data-screen=inventory] .top-hud,#game[data-screen=chest] .top-hud,#game[data-screen=settings] .top-hud,#game[data-screen=missions] .top-hud,#game[data-screen=events] .top-hud{width:min(560px,calc(100% - 180px))}.resource-image{width:clamp(40px,6.6vh,58px);height:clamp(43px,7.2vh,64px)}.resource strong{font-size:clamp(21px,3.7vh,29px)}.resource small{font-size:clamp(9px,1.55vh,12px)}.level-badge{width:clamp(42px,6.8vh,58px);height:clamp(49px,7.8vh,68px)}.menu-toggle{width:clamp(60px,8.5vh,80px);height:clamp(76px,11.5vh,106px)}.side-menu{top:clamp(84px,14vh,126px);gap:clamp(3px,.75vh,8px)}.asset-button{width:clamp(56px,8.6vh,78px)}.bottom-nav{width:min(780px,calc(100% - 140px));height:clamp(76px,13vh,112px);padding:6px 10px 5px}.nav-button.selected{transform:translateY(-6px)}.center-content{bottom:clamp(104px,16.5vh,150px);width:min(430px,calc(100% - 220px))}.medieval-button{width:min(360px,94%);min-height:clamp(88px,13vh,108px);padding:clamp(24px,3.7vh,33px) 40px 13px}.medieval-button span{font-size:clamp(28px,4.7vh,38px)}.medieval-button small{margin-top:5px;font-size:clamp(14px,2.5vh,20px)}.battle-emblem{width:clamp(64px,9.5vh,86px);height:clamp(55px,8.2vh,74px)}.heroes-screen,.cards-screen,.craft-screen,.inventory-screen{top:50%;bottom:auto;height:var(--desktop-screen-h);translate:-50% -52%}.heroes-screen{width:min(1080px,calc(100% - (2 * var(--desktop-inline))))}.cards-screen{width:min(1120px,calc(100% - (2 * var(--desktop-inline))))}.craft-screen,.inventory-screen{width:min(1040px,calc(100% - (2 * var(--desktop-inline))))}.heroes-layout{grid-template-columns:minmax(0,1.72fr) minmax(250px,.78fr);gap:10px}.hero-card{grid-template-columns:minmax(190px,.82fr) minmax(260px,1.18fr);gap:8px 16px;padding:12px 15px 14px}.hero-details h2{font-size:clamp(27px,4.4vh,38px)}.hero-ability{margin-top:7px}.hero-idle-sprite{width:min(92%,250px)}.hero-roster{padding:10px;gap:7px}.hero-roster-list{gap:7px}.cards-layout{grid-template-columns:1fr;grid-template-rows:clamp(126px,23vh,150px) minmax(0,1fr);gap:8px}.cards-workbench{grid-template-columns:minmax(310px,.9fr) minmax(390px,1.1fr);gap:8px}.deck-panel,.collection-panel{padding:9px}.deck-panel{gap:6px}.deck-slots{gap:7px}.deck-card{padding:10px 5px 5px;gap:2px}.deck-card>img{width:min(76px,52%);max-height:76px}.deck-card>span{font-size:clamp(9px,1.7vh,13px)}.deck-card>small{font-size:7px}.deck-summary{font-size:8px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.collection-card{min-height:104px}.card-detail{grid-template-columns:minmax(150px,.78fr) minmax(230px,1.22fr);grid-template-rows:minmax(0,1fr) 42px;gap:8px 12px;padding:10px}.detail-card-art{aspect-ratio:1;align-self:center;max-height:100%}.card-detail-copy small{font-size:8px}.card-detail-copy h2{font-size:clamp(20px,3.6vh,28px)}.card-detail-copy p{font-size:clamp(8px,1.45vh,10px);line-height:1.3}.card-rules span{padding:4px 5px;font-size:6px}.card-rules b{font-size:9px}.card-detail-actions button{min-height:38px;font-size:11px}.craft-layout{grid-template-columns:minmax(500px,1.55fr) minmax(310px,.85fr);gap:9px}.recipe-panel{padding:10px;gap:8px}.recipe-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.forge-panel{grid-template-columns:1fr;grid-template-rows:minmax(70px,1fr) auto 48px;gap:9px;padding:12px}.forge-panel .craft-result-copy h2{font-size:clamp(23px,3.7vh,32px)}.materials-list>div{min-height:42px}.bag-panel{padding:10px;gap:7px}.bag-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.bag-grid .item-card,.inventory-slot-empty{max-width:172px;justify-self:center}.item-detail{left:10px;right:10px;bottom:10px;min-height:176px;grid-template-columns:140px minmax(230px,1fr) minmax(155px,200px);padding:12px 48px 12px 12px}.chest-screen,.settings-screen,.side-overlay-screen{top:50%;bottom:auto;height:var(--desktop-overlay-h);translate:-50% -46%;width:min(1180px,calc(100% - 32px));grid-template-rows:62px minmax(0,1fr);gap:8px}.chest-heading,.settings-heading,.side-overlay-heading{min-height:62px;padding:7px 76px 9px}.chest-heading h1,.settings-heading h1,.side-overlay-heading h1{margin:0;font-size:clamp(25px,4.5vh,36px)}.chest-heading span,.settings-heading span,.side-overlay-heading span,.chest-heading small,.settings-heading small,.side-overlay-heading small{font-size:8px}.screen-close{right:16px;width:38px;font-size:24px}.chest-layout{grid-template-columns:minmax(330px,.95fr) minmax(390px,1.05fr);gap:8px}.chest-stage,.chest-rewards{padding:11px}.chest-stage img{width:min(42%,170px)}.settings-layout{grid-template-columns:minmax(420px,680px);align-content:start}.settings-panel{padding:13px 16px}.missions-layout{grid-template-columns:160px minmax(0,1fr);gap:8px}.mission-tabs{padding:9px;gap:6px}.mission-list{grid-template-columns:1fr;gap:7px}.mission-entry{min-height:104px}.events-layout{gap:8px}.event-card{grid-template-rows:minmax(110px,.72fr) auto 42px;gap:7px;padding:10px}.event-copy h2{font-size:clamp(18px,3.2vh,24px)}.event-enter{min-height:38px}.puzzle-hud{width:min(620px,calc(100% - 240px),92vh);height:min(390px,calc(100vh - 250px))}.battle-deck,.battle-action-btn{--puzzle-w: min(620px, calc(100% - 240px) , 92vh);--puzzle-h: min(390px, calc(100vh - 250px) )}}@media(min-width:681px)and (max-width:980px)and (min-height:481px){:root{--desktop-inline: 22px}.cards-workbench{grid-template-columns:minmax(275px,.88fr) minmax(345px,1.12fr)}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.craft-layout{grid-template-columns:minmax(430px,1.42fr) minmax(280px,.9fr)}.hero-card{grid-template-columns:minmax(170px,.78fr) minmax(235px,1.22fr)}.heroes-layout{grid-template-columns:minmax(0,1.62fr) minmax(230px,.78fr)}.chest-layout{grid-template-columns:minmax(300px,.95fr) minmax(340px,1.05fr)}}