@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/font-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/font-7.ttf) format('truetype');
}

:root{color-scheme:dark;--bg:#080e16;--panel:#111b26;--muted:#8e9aaa;--line:#26313d;--red:#f24a4e;--blue:#67c8ff;--text:#f0f3f5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button{border:0}button:hover{filter:brightness(1.17)}[hidden]{display:none!important}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5.3%;border-bottom:1px solid #ffffff14;position:relative;z-index:2}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--text);font-weight:800;font-size:15px;letter-spacing:1.3px}.cross-mark{font-size:43px;color:var(--red);line-height:1}.brand small{display:block;font-size:10px;letter-spacing:3.5px;color:var(--muted);margin-top:5px}.top-actions{display:flex;align-items:center;gap:12px}.version{font-size:11px;font-weight:700;letter-spacing:1.6px;margin-right:24px;color:var(--muted)}.version b{color:var(--red);padding:0 10px}.icon-btn{border:1px solid #ffffff24;background:#101923b3;width:42px;height:42px;border-radius:50%;font-size:18px;display:grid;place-items:center}.hero-section{position:relative;min-height:615px;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 24%;background:url('assets/kapeton.png') center 35%/cover;opacity:.8;transition:background-image .3s}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080e16 4%,#080e16ed 24%,#080e16a3 43%,transparent 69%),linear-gradient(0deg,#080e16,transparent 34%),linear-gradient(180deg,#080e1630,transparent 20%)}.hero-copy{position:relative;width:55%;padding:61px 0 36px 5.3%;z-index:1}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:800;color:var(--muted);display:flex;align-items:center;gap:10px}.eyebrow>span{width:20px;height:2px;background:var(--red)}h1{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:600;font-size:clamp(56px,6.3vw,90px);line-height:1.12;letter-spacing:-1px;margin:24px 0 20px}h1 em{font-style:normal;color:var(--red)}.intro{font-size:14px;line-height:1.9;color:#a8b2be}.selected-hero{display:flex;align-items:center;gap:15px;margin:26px 0 23px;width:320px}.hero-number{font-family:Oswald,sans-serif;font-size:30px;color:#607d99;border-left:2px solid var(--blue);padding-left:14px}.selected-hero small{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.selected-hero strong{display:block;font-size:18px;margin-top:3px}.text-btn{background:none;color:#c4cdd5;font-size:12px;margin-left:auto}.text-btn span{margin-left:10px}.primary{background:var(--red);color:white;text-align:left;padding:19px 25px;font-weight:800;font-size:14px;min-width:280px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:3px;box-shadow:0 8px 30px #f24a4e1c}.primary span{font-size:21px}.save-note{font-size:11px;color:#637180;margin:13px 0}.art-caption{position:absolute;bottom:64px;right:7%;text-align:right}.art-caption span{font-size:10px;letter-spacing:3px;color:#a8c1df}.art-caption b{font-family:Oswald,sans-serif;display:block;font-size:46px;font-weight:500;letter-spacing:4px;margin:7px 0}.art-caption small{font-size:11px;color:#a5b9ce}.vertical-note{position:absolute;right:22px;top:70px;writing-mode:vertical-rl;color:#8b9eae;font-size:9px;letter-spacing:3px}.campaign{padding:3px 5.3% 35px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading .eyebrow{font-size:9px;color:#dd666d}h2{font-size:22px;margin:9px 0 0;font-weight:700}.section-heading>span{color:#7e8c9b;font-size:10px;letter-spacing:1.6px}.mission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mission-card{position:relative;min-height:147px;padding:21px;text-align:left;background:linear-gradient(125deg,#162331,#101821);border:1px solid #283543;border-radius:4px;overflow:hidden}.mission-card:disabled{opacity:.5}.mission-card.active{border-color:#597d9c}.mission-card .num{font-family:Oswald,sans-serif;font-size:25px;color:#71889e}.mission-card .state{float:right;font-size:10px;color:#92a9b8}.mission-card h3{margin:15px 0 6px;font-size:16px}.mission-card p{margin:0;font-size:11px;color:#8c9cac}.mission-card .watermark{position:absolute;right:16px;bottom:-10px;font-size:104px;line-height:1;color:#92bcdd07;font-family:Oswald,sans-serif;pointer-events:none}footer{border-top:1px solid #ffffff0b;display:flex;justify-content:space-between;padding:18px 5.3%;font-size:10px;color:#a1abb6;letter-spacing:1px}footer i{font-style:normal;letter-spacing:0;color:#627182;margin-left:7px}footer b{margin:0 13px;color:#445260}footer button{font-size:11px;background:none;color:#8f9ca8}#splash{position:fixed;inset:0;background:#080b11;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:100;gap:50px;transition:opacity .6s;pointer-events:none}#splash>span{letter-spacing:7px;font-size:12px}.paint-cross{width:90px;height:90px;position:relative;background:linear-gradient(90deg,transparent 32%,#ec343f 32%,#ec343f 68%,transparent 68%)}.paint-cross:before{content:'';position:absolute;top:32%;height:36%;width:100%;background:#ec343f}.paint-cross i{position:absolute;top:60%;left:15%;width:6px;height:50px;background:#ec343f;border-radius:0 0 10px 10px;transform-origin:top;animation:drip 1.8s ease-in infinite}.paint-cross i:nth-child(2){left:43%;top:94%;height:70px;animation-delay:.2s;width:9px}.paint-cross i:nth-child(3){left:78%;height:30px;animation-delay:.4s}@keyframes drip{0%{transform:scaleY(.1);opacity:1}80%{opacity:1}100%{transform:scaleY(1);opacity:0}}dialog{border:1px solid #33414f;background:#101923;color:var(--text);border-radius:12px;padding:38px;max-width:880px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;box-shadow:0 40px 150px #000a}dialog::backdrop{background:#03070dcc;backdrop-filter:blur(8px)}.close-btn{position:absolute;right:15px;top:10px;background:none;font-size:28px;color:#8495a5}.modal-eyebrow{font-size:10px;color:var(--red);letter-spacing:2.4px}.modal-title{font-family:Oswald,sans-serif;font-size:36px;margin:10px 0 12px}.modal-text{font-size:14px;color:#99aabd;line-height:1.8}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.hero-option{padding:0;text-align:left;background:#16222e;border:1px solid #304150;border-radius:5px;overflow:hidden}.hero-option.selected{border-color:var(--blue)}.hero-option img{width:100%;height:190px;object-fit:cover;object-position:center 25%}.hero-option .portrait-canvas{width:100%;height:190px;background:radial-gradient(ellipse at center,#433120,#13202e)}.hero-option .details{padding:17px}.hero-option h3{margin:0 0 8px;font-size:19px}.hero-option small{font-size:11px;color:#83bce5}.hero-option p{font-size:12px;line-height:1.65;color:#9aabbc;min-height:62px;margin:12px 0}.hero-option .pick{font-size:12px;font-weight:700;color:#e1ecf5}.modal-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.secondary{border:1px solid #354554;background:#172431;padding:16px 24px;border-radius:3px;font-weight:700;font-size:13px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px;margin:25px 0}.help-grid p{font-size:13px;color:#a6b3c1}.help-grid kbd{display:inline-block;min-width:92px;color:#edf3f8}.result-stats{display:flex;gap:35px;margin:28px 0;border-top:1px solid #293846;border-bottom:1px solid #293846;padding:20px 0}.result-stats b{display:block;font-size:28px}.result-stats span{font-size:11px;color:#91a4b6}.stars{font-size:32px;color:#f7c674;letter-spacing:8px}
#game{position:fixed;inset:0;overflow:hidden;background:#0a121c;touch-action:none;user-select:none}#arena{display:block;width:100%;height:100%}.game-top{position:absolute;top:max(22px,env(safe-area-inset-top));left:28px;right:28px;display:flex;align-items:start;justify-content:space-between;gap:25px;pointer-events:none}.game-top button{pointer-events:auto}.player-card{display:flex;gap:12px;align-items:center;background:#0a121bba;border:1px solid #30445588;padding:12px 17px;border-radius:5px;min-width:215px}.avatar-cross{color:var(--blue);font-size:30px}.player-card strong{font-size:14px}.health-track{width:137px;height:5px;background:#354151;margin:8px 0 3px;border-radius:4px;overflow:hidden}#healthFill{height:100%;background:#75d6c5;transition:width .1s}.player-card small{font-size:10px;color:#8ba3b8}.mission-hud{text-align:center;background:#0a121bcc;padding:13px 28px;border-radius:5px;min-width:250px;border:1px solid #30445566}.mission-hud small{display:block;color:#7295af;font-size:10px;letter-spacing:2px;margin-bottom:8px}.mission-hud strong{font-size:13px}.objective-track{height:3px;background:#263440;margin-top:10px}.objective-track i{display:block;height:100%;width:0;background:#8cd3ff;transition:width .2s}#tutorial{position:absolute;left:28px;top:140px;width:300px;border-left:2px solid var(--blue);padding:18px 21px;background:linear-gradient(90deg,#101e2fee,#101e2fba);pointer-events:none}#tutorial>span{font-size:10px;letter-spacing:2px;color:var(--blue)}#tutorial h2{font-size:20px;margin:9px 0}#tutorial p{font-size:13px;line-height:1.7;color:#b3c5d5;margin:0}.game-bottom{position:absolute;left:28px;right:28px;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:end;justify-content:space-between;pointer-events:none}.desktop-controls{display:flex;gap:16px;color:#829db1;font-size:10px;background:#0a121b99;padding:12px;border-radius:5px}kbd{font-family:inherit;color:#d1e2ee;font-size:11px;margin-right:5px}.abilities{display:flex;gap:9px;pointer-events:auto}.ability{position:relative;width:75px;height:80px;border:1px solid #4c647d66;border-radius:8px;background:#101e2ee6;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;touch-action:none}.ability>span{font-size:25px;color:#83d4ff}.ability b{font-size:10px;z-index:1}.ability kbd{position:absolute;top:4px;left:6px;font-size:9px;color:#718fa9}.ability i{position:absolute;bottom:0;left:0;right:0;background:#657e963d;pointer-events:none;z-index:0}.ability.ready{border-color:#73d0ff80}.ability:disabled>span{color:#6f8497}#joystick{display:none;position:absolute;width:135px;height:135px;right:32px;bottom:35px;border-radius:50%;border:1px solid #7badd655;background:#16324c55;touch-action:none;box-shadow:inset 0 0 25px #77b8ed0d}#joystick:after{content:'';position:absolute;inset:15px;border:1px dashed #8cc9fa22;border-radius:50%;pointer-events:none}#stick{position:absolute;width:55px;height:55px;left:39px;top:39px;border-radius:50%;background:linear-gradient(#a4dfff77,#486b9877);border:1px solid #a5d9ff88;box-shadow:0 3px 15px #0004}#joystick>span{position:absolute;top:148px;left:0;right:0;text-align:center;color:#80a1b9;letter-spacing:2px;font-size:8px}#joystickHint{display:none;position:absolute;right:55px;bottom:188px;font-size:13px;color:#9bd9ff;pointer-events:none}#joystickHint b{font-size:35px;display:block;text-align:right;animation:hint 1s infinite alternate}@keyframes hint{to{transform:translate(8px,8px)}}#toast{position:absolute;top:125px;left:50%;transform:translateX(-50%);background:#152d43eb;border:1px solid #6fcaff55;color:#c5eaff;border-radius:5px;padding:12px 20px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;text-align:center}#buff{position:absolute;top:120px;left:30px;color:#8bd8ff;font-size:12px;display:none}#buff i{width:6px;height:6px;background:currentColor;display:inline-block;margin-right:6px;border-radius:100%}.touch .desktop-controls{display:none}.touch #joystick{display:block}.touch .game-bottom{right:auto}.touch .ability{width:68px;height:72px}.touch .ability kbd{display:none}.touch.tutorial-moving #joystickHint{display:block}
@media(min-width:1600px){#menu{max-width:1700px;margin:auto}.hero-section{min-height:720px}.hero-copy{padding-top:90px}.hero-art{background-position:center 31%}}
@media(max-width:900px){.version{display:none}.topbar{height:77px}.hero-section{min-height:600px}.hero-copy{width:70%;padding-top:50px}.hero-art{left:12%;background-position:60% 36%}.hero-shade{background:linear-gradient(90deg,#080e16 0%,#080e16c9 35%,#080e1622 100%),linear-gradient(0deg,#080e16,transparent 45%)}.art-caption{right:5%;bottom:43px}.art-caption b{font-size:30px}.art-caption small{display:none}.mission-grid{grid-template-columns:repeat(2,1fr)}.desktop-controls{display:none}.mission-hud{min-width:210px}.hero-grid{gap:8px}}
@media(max-width:600px){.brand{font-size:12px}.brand small{font-size:8px}.cross-mark{font-size:35px}.top-actions{gap:8px}.icon-btn{width:36px;height:36px}.hero-section{min-height:590px}.hero-copy{width:94%;padding-top:46px}.hero-art{left:0;opacity:.62;background-position:66% 25%}.hero-shade{background:linear-gradient(90deg,#080e16cf,#080e1633),linear-gradient(0deg,#080e16,transparent 70%)}h1{font-size:62px}.eyebrow{font-size:9px}.intro{font-size:13px}.art-caption{display:none}.selected-hero{width:280px}.primary{min-width:270px}.vertical-note{display:none}.section-heading h2{font-size:18px}.section-heading>span{font-size:8px}.campaign{padding-bottom:23px}.mission-grid{gap:9px}.mission-card{padding:15px;min-height:137px}.mission-card h3{font-size:14px}.mission-card p{font-size:10px}.mission-card .state{font-size:8px}footer>span{display:none}footer{justify-content:center}dialog{padding:30px 20px}.hero-grid{grid-template-columns:1fr}.hero-option{display:grid;grid-template-columns:95px 1fr}.hero-option img,.hero-option .portrait-canvas{height:100%;min-height:156px}.hero-option .details{padding:12px}.hero-option h3{font-size:17px}.hero-option p{margin:6px 0;min-height:0;font-size:11px}.help-grid{grid-template-columns:1fr;gap:0}.modal-title{font-size:30px}.game-top{top:max(12px,env(safe-area-inset-top));left:12px;right:12px;gap:8px;flex-wrap:wrap}.player-card{min-width:160px;padding:8px 10px}.player-card strong{font-size:12px}.health-track{width:104px}.avatar-cross{font-size:25px}.mission-hud{order:3;margin:0 auto;padding:9px 15px;min-width:240px}.mission-hud small{font-size:8px;margin-bottom:5px}.mission-hud strong{font-size:11px}#tutorial{left:12px;top:155px;width:240px;padding:12px 15px}#tutorial h2{font-size:16px}#tutorial p{font-size:11px}#tutorial>span{font-size:9px}#toast{top:260px;width:80%;font-size:12px}#buff{top:140px;left:15px;font-size:10px}#joystick{right:22px;bottom:35px;width:120px;height:120px}#stick{left:32px;top:32px}#joystick>span{top:132px}.game-bottom{left:14px;bottom:43px}.touch .abilities{gap:6px;flex-wrap:wrap;max-width:160px}.touch .ability{width:59px;height:61px}.touch #attack{width:124px;height:58px;flex-direction:row;order:3}.touch #attack>span{margin-right:8px}#joystickHint{right:38px;bottom:165px}.result-stats{gap:25px}}
@media(max-height:500px) and (orientation:landscape){.game-top{top:10px;left:15px;right:15px}.player-card{padding:7px 12px}.mission-hud{padding:8px 18px}#tutorial{top:90px;left:15px;width:255px;padding:10px 15px}#tutorial p{font-size:11px}#tutorial h2{font-size:16px}.game-bottom{bottom:15px;left:15px}#joystick{width:110px;height:110px;right:25px;bottom:22px}#stick{left:27px;top:27px}#joystick>span{display:none}#joystickHint{bottom:145px}#buff{top:92px}#toast{top:95px}.touch .ability{height:62px;width:66px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.paint-cross i,#joystickHint b{animation:none}}

#swordsmanPreview{width:100%;height:100%;object-fit:cover;background:radial-gradient(ellipse at 70% 50%,#564029,#121a26 65%)}#dash{display:none}.touch #dash{display:flex;order:4}@media(max-width:600px){.touch #attack{width:59px;height:61px;flex-direction:column}.touch #attack>span{margin-right:0}}

@media(max-width:600px) and (orientation:portrait){#tutorial{top:182px}#buff{top:170px}.touch .ability b{font-size:11px}}
/* Battle rewards and individual hero progression */
.wallet,.coin-balance{color:#f4c77d;font-weight:800;white-space:nowrap}.wallet{padding:9px 14px;background:#eebd6410;border:1px solid #eebd642c;border-radius:22px;font-size:14px}.coin-balance{font-size:22px}.coin-balance small{font-size:12px;color:#ae9a78}.selected-hero #heroLevel{color:#92d5ff;margin-left:10px}.menu-xp{width:320px;margin:-10px 0 14px}.xp-heading{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:9px}.xp-heading>b{color:#9bceee;font-weight:700}.xp-heading>span{color:#7d92a7;font-size:11px}.xp-track{height:5px;background:#29394a;border-radius:5px;overflow:hidden}.xp-track i{display:block;height:100%;background:linear-gradient(90deg,#487cb5,#94ddff);border-radius:5px;transition:width .3s}.menu-xp .xp-heading>b{display:none}.menu-xp .xp-heading{justify-content:flex-end;margin-bottom:5px}.upgrade-menu-btn{display:flex;justify-content:space-between;align-items:center;gap:20px;width:280px;border:1px solid #546c8255;background:#162231a8;color:#bed9eb;border-radius:3px;padding:12px 17px;font-size:13px;font-weight:700;margin:0 0 12px}.upgrade-count{background:#7dc9ef;color:#142735;border-radius:50%;width:20px;height:20px;display:inline-grid;place-items:center;font-size:11px}.hero-section{min-height:700px}.hero-copy{padding-top:40px}.mission-card{min-height:190px}.mission-reward{display:block;margin-top:14px;color:#c8ab79;font-size:11px}.mission-reward b{display:block;font-size:9px;font-weight:500;color:#758da5;margin-top:5px}.upgrade-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-right:15px}.upgrade-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.upgrade-tabs button{padding:12px;background:#182431;border:1px solid #354454;border-radius:5px;font-weight:700;font-size:14px}.upgrade-tabs button.selected{border-color:#83cfff;background:#1d3548;color:#b9e3ff}.upgrade-tabs small{display:block;font-size:11px;margin-top:4px;color:#819db6}.hero-growth{padding:20px;background:linear-gradient(125deg,#1c3042,#131e2a);border:1px solid #36516988;border-radius:6px;margin-bottom:18px}.growth-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.growth-top>strong{font-size:20px}.growth-top>span{font-size:12px;color:#91acbf}.hero-growth>p{font-size:12px;color:#92a6b9;line-height:1.65;margin:13px 0}.growth-stats{display:flex;gap:40px;border-top:1px solid #8cb6d51a;padding-top:12px;margin-top:15px}.growth-stats b{font-size:23px;display:block;color:#e0effa}.growth-stats span{font-size:11px;color:#91a6bb}.upgrade-list{display:grid;gap:10px}.upgrade-row{display:flex;gap:15px;align-items:center;background:#14202c;border:1px solid #2a3c4e;border-radius:6px;padding:18px}.upgrade-icon{font-size:25px;width:35px;flex-shrink:0;color:#8acff6}.upgrade-detail{flex:1}.upgrade-detail h3{margin:0;font-size:15px}.upgrade-detail h3 small{font-weight:500;font-size:11px;color:#829bb2;margin-left:8px}.upgrade-detail p{font-size:12px;color:#8fa4b8;line-height:1.6;margin:7px 0}.upgrade-gain{font-size:12px;color:#b4d5eb}.rank-pips{display:flex;gap:5px;margin-top:11px}.rank-pips i{width:21px;height:4px;background:#2f4154;border-radius:3px}.rank-pips .filled{background:#7acdfb}.upgrade-purchase{text-align:center;min-width:170px}.upgrade-purchase button{font-size:12px;font-weight:800;padding:12px 14px;border-radius:4px;background:#eec27d;color:#241b10;min-width:170px}.upgrade-purchase button:disabled{color:#8194a8;background:#253443;filter:none}.upgrade-purchase small{display:block;font-size:10px;color:#8b9daf;margin-top:8px}.upgrade-message{font-size:13px;color:#acd8ec;line-height:1.7;margin:18px 0 8px}.upgrade-footnote{font-size:11px;color:#798c9e;line-height:1.7;margin:0 0 20px}.battle-rewards{background:linear-gradient(125deg,#1e2a36,#16202b);border:1px solid #40546a;border-radius:7px;padding:22px}.reward-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.reward-heading h3{margin:0;font-size:16px}.reward-heading>span{font-size:10px;color:#8a9db0;max-width:200px;text-align:right;line-height:1.6}.reward-totals{display:flex;gap:55px;margin:20px 0}.reward-totals b{display:block;font-size:32px;color:#f7cd88}.reward-totals>div+div b{color:#98d8ff}.reward-totals span{display:block;font-size:10px;letter-spacing:1.2px;color:#8fabc0;margin-top:3px}.reward-breakdown{border-top:1px solid #3d4b5a;padding:12px 0 16px}.reward-breakdown>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:5px 0;color:#acbbca}.reward-breakdown b{font-weight:600;white-space:nowrap;color:#d9bd8c}.reward-breakdown i{font-style:normal;color:#7daccb;font-size:11px}.level-up{background:#74d4ef10;border:1px solid #74d4ef40;color:#a4e2ff;font-size:17px;font-weight:800;padding:14px;border-radius:4px;margin-bottom:18px}.level-up small{font-size:11px;font-weight:500;display:block;line-height:1.7;margin-top:6px;color:#90adbf}.reward-wallet{font-size:12px;margin:15px 0 0;color:#8fa6b9}.reward-wallet b{color:#e8c185}.max-level-note{font-size:11px;line-height:1.6;color:#819caf}.result-stats{margin:20px 0;padding:15px 0}
@media(max-width:900px){.hero-copy{padding-top:40px}.hero-section{min-height:680px}.upgrade-row{gap:10px}}
@media(max-width:600px){.topbar{padding-left:4%;padding-right:4%}.brand{gap:7px;font-size:10px;letter-spacing:1px}.brand small{letter-spacing:2px}.top-actions{gap:6px}.wallet{font-size:12px;padding:7px 9px}.cross-mark{font-size:30px}.top-actions .icon-btn{width:31px;height:31px}.hero-section{min-height:690px}.menu-xp{width:280px}.mission-card{min-height:190px}.upgrade-heading{padding-right:5px;gap:12px}.coin-balance{font-size:19px}.coin-balance small{display:block;text-align:right;font-size:10px}.upgrade-tabs{gap:6px;margin:14px 0}.upgrade-tabs button{font-size:12px;padding:10px 5px}.hero-growth{padding:14px}.growth-stats{gap:25px}.growth-top>strong{font-size:18px}.upgrade-row{flex-wrap:wrap;padding:14px;gap:10px}.upgrade-icon{width:23px;font-size:22px}.upgrade-detail{min-width:180px}.upgrade-purchase{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;margin-top:5px}.upgrade-purchase button{min-width:155px}.upgrade-purchase small{margin:0;font-size:10px;text-align:right}.reward-heading{align-items:start}.reward-heading h3{font-size:15px}.reward-heading>span{max-width:120px}.battle-rewards{padding:16px}.reward-totals{gap:30px}.reward-totals b{font-size:29px}.reward-breakdown>div{font-size:11px;gap:8px}.reward-breakdown i{display:block;text-align:right;margin-top:3px}.reward-breakdown b{font-size:11px}.modal-actions .primary{min-width:100%;width:100%}.growth-top .text-btn{font-size:11px}.xp-heading{gap:8px}}
/* Red Warrior 3D */
#sceneOverlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.silver{color:#bfccd9!important}.gold{color:#f4c77d!important}.wallet{display:flex;gap:12px}.wallet:hover{border-color:#f4c77d88}.wallet-large{display:flex;gap:28px;font-weight:800;font-size:23px;margin:25px 0}.modes-button{padding:12px 17px;background:#b63b4655;border:1px solid #f4697477;border-radius:5px;font-size:13px;font-weight:800;white-space:nowrap}.modes-button span{margin-left:10px;color:#ff9ba4}.version{margin-right:0;font-size:10px;letter-spacing:1px}.topbar{padding-left:4%;padding-right:4%}.top-actions{gap:10px}.difficulty-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.difficulty-picker button{background:#192837;border:1px solid #354a5d;border-radius:6px;padding:13px 10px;font-weight:700;font-size:14px}.difficulty-picker button.selected{border-color:#f57581;background:#4c2936}.difficulty-picker small{display:block;font-size:10px;color:#8fa7bb;font-weight:500;line-height:1.6;margin-top:5px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mode-card{text-align:left;border:1px solid #3c5b71;background:linear-gradient(130deg,#21394d,#152432);border-radius:8px;padding:24px}.mode-card.boss-mode{background:linear-gradient(130deg,#432b39,#221f2c);border-color:#745364}.mode-card>span{font-size:10px;letter-spacing:1.5px;color:#83bfdc}.mode-card h3{font-family:Oswald,sans-serif;font-size:29px;font-weight:500;margin:13px 0}.mode-card p{font-size:13px;line-height:1.8;color:#a5b8c9;min-height:72px}.mode-card>b{font-size:12px;color:#e4edf5}.boss-roster{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;border-top:1px solid #354453;padding-top:20px;margin-top:25px}.boss-roster>div>span{font-family:Oswald,sans-serif;font-size:22px}.boss-roster strong{display:block;font-size:12px;line-height:1.5;margin:8px 0}.boss-roster small{font-size:10px;line-height:1.6;color:#8ca0b2;display:block}.exchange-panel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;background:#c9ab6010;border:1px solid #bca16533;border-radius:6px;margin:18px 0}.exchange-panel>div{flex:1;min-width:170px}.exchange-panel strong{font-size:14px;display:block}.exchange-panel small{font-size:11px;color:#ad9f80;display:block;margin-top:6px}.exchange-panel button{background:#bda06e22;border:1px solid #d0aa6077;color:#e9cb91;padding:11px;border-radius:4px;font-size:12px;font-weight:700}.exchange-panel button:disabled{opacity:.4;filter:none}.reward-wallet{display:flex;gap:18px;flex-wrap:wrap}.battle-wallet{position:absolute;bottom:227px;left:24px;display:flex;gap:15px;background:#091624c9;padding:9px 12px;border:1px solid #405a6f66;border-radius:5px;font-weight:800;font-size:12px;pointer-events:none}.hero-option img{height:175px}.hero-option p{min-height:78px}.upgrade-tabs{grid-template-columns:repeat(3,1fr)}.coin-balance{font-size:18px}.coin-balance>span+span{margin-left:13px}.coin-balance small{display:block;text-align:right;font-size:10px;margin-top:4px}.reward-totals{gap:30px}.art-caption b{font-size:clamp(25px,3vw,46px);letter-spacing:2px}.hero-grid{row-gap:16px}.hero-option .portrait-canvas{height:175px}
@media(max-width:1100px){.version{display:none}.modes-button{padding:11px 13px}.brand{font-size:12px}}
@media(max-width:600px){.topbar{display:grid;grid-template-columns:1fr auto auto;height:110px;gap:8px 10px;padding:12px 5%}.top-actions{display:contents}.brand{grid-row:1;grid-column:1/3;font-size:11px}.modes-button{grid-row:1;grid-column:3;font-size:11px;padding:10px}.wallet{grid-row:2;grid-column:1;justify-self:start;font-size:12px;gap:12px}.top-actions .sound{grid-row:2;grid-column:2}.top-actions #help{grid-row:2;grid-column:3;justify-self:end}.modes-button span{margin-left:3px}.mode-grid{grid-template-columns:1fr;gap:10px}.mode-card{padding:18px}.mode-card h3{font-size:25px;margin:10px 0}.mode-card p{min-height:0;font-size:12px}.difficulty-picker{gap:6px}.difficulty-picker button{font-size:12px;padding:10px 5px}.difficulty-picker small{font-size:9px}.boss-roster{grid-template-columns:1fr;gap:10px}.boss-roster>div{display:grid;grid-template-columns:25px 1fr;gap:0 10px;align-items:center}.boss-roster strong{margin:0;font-size:12px}.boss-roster small{grid-column:2}.hero-option img,.hero-option .portrait-canvas{height:100%;min-height:170px}.hero-option p{min-height:0}.exchange-panel{gap:8px;padding:13px}.exchange-panel>div{flex-basis:100%}.exchange-panel button{flex:1;font-size:11px}.wallet-large{font-size:18px;gap:15px}.battle-wallet{left:14px;bottom:198px;font-size:10px;padding:7px 10px;gap:10px}.coin-balance{font-size:14px}.coin-balance>span+span{margin-left:7px}.reward-totals{gap:25px}.reward-totals b{font-size:26px}.reward-wallet{gap:8px;font-size:11px}.upgrade-tabs button{font-size:11px}.upgrade-purchase button{font-size:11px;min-width:155px}.hero-section{min-height:690px}}
@media(max-height:500px) and (orientation:landscape){.battle-wallet{bottom:95px;left:15px}.desktop-controls{display:none}}

@media(max-width:600px) and (orientation:portrait){#toast{top:335px}}

/* Flat scene with transparent, lit character layer. */
#arenaBackground{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#arena{position:absolute;inset:0;background:transparent}
/* Adventure, equipment and daily rewards */
.adventure-nav{display:flex;gap:10px;padding:14px 4%;border-bottom:1px solid #ffffff12;background:#0c1621;flex-wrap:wrap}.adventure-nav button{background:#192737;border:1px solid #344958;border-radius:5px;padding:10px 17px;font-size:14px}.notice-dot{color:#ffbd68;font-size:10px;margin-left:7px}.crystals,.crystal-balance{color:#c5a4ff}.crystal-balance{font-size:40px;font-weight:800;margin:20px 0}.login-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:20px 0}.login-days>div{background:#1b2937;border:1px solid #314353;padding:16px 8px;text-align:center;border-radius:6px}.login-days .today{border-color:#f2b55d;background:#3c3024}.login-days small{display:block;color:#9bb0c3;font-size:11px}.login-days b{display:block;font-size:19px;margin:10px 0}.login-days span{font-size:11px;color:#e6bd7e}.daily-list{display:grid;gap:12px;margin-top:25px}.daily-task{display:flex;align-items:center;gap:20px;padding:20px;background:#182737;border:1px solid #344c60;border-radius:8px}.daily-task>div{flex:1}.daily-task h3{margin:0;font-size:17px}.daily-task p{color:#a8bdcc;font-size:14px;line-height:1.6}.daily-task small{display:block;margin-top:12px;color:#ddc190}.secondary:disabled{opacity:.45;filter:none}.armor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.armor-card{padding:24px;background:linear-gradient(120deg,#203043,#121f2c);border:1px solid #3b4e61;border-radius:8px}.armor-card.equipped{border-color:#83d6ec;background:#193749}.armor-symbol{font-size:48px}.armor-card h3{font-size:18px;margin:12px 0}.armor-card p{font-size:14px;line-height:1.7;color:#a8becf}.armor-card button{padding:12px;font-size:13px}.crystal-button{color:#d3b7ff;margin-top:10px}.shop-test,.resume-run{padding:22px;border:1px solid #73589b;background:#2b233b;border-radius:8px}.shop-test p,.resume-run p{font-size:14px;line-height:1.7;color:#bcaed3}.story-text{font-size:17px;line-height:1.85;color:#c0d0dc}blockquote{margin:22px 0;padding:18px 22px;background:#242b39;border-left:3px solid #d49968;line-height:1.8;font-size:15px;color:#e3cba5}.story-chapters{display:grid;gap:12px}.story-chapters button{text-align:left;display:grid;gap:9px}.story-chapters small{color:#e9a674;font-size:12px}.story-chapters strong{font-size:21px}.story-chapters span{color:#8ca6b9;font-size:13px}.camp-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-grid{grid-template-columns:repeat(3,1fr)}.mode-card{padding:19px}.mode-card h3{font-size:25px}.mode-card p{min-height:115px}.resume-run{margin-top:18px}.rank-pips{gap:3px;flex-wrap:wrap;max-width:290px}.rank-pips i{width:6px}.growth-stats{gap:22px;flex-wrap:wrap}.wallet-large{flex-wrap:wrap;font-size:18px}.upgrade-footnote{margin-top:15px;line-height:1.8}
@media(max-width:650px){.adventure-nav{display:grid;grid-template-columns:1fr 1fr;padding:12px 16px;gap:8px}.adventure-nav button{font-size:13px;padding:11px 7px}.login-days{grid-template-columns:repeat(4,1fr)}.daily-task{padding:15px;gap:12px;align-items:stretch;flex-direction:column}.armor-grid,.mode-grid,.camp-actions{grid-template-columns:1fr}.mode-card p{min-height:0}.armor-card{padding:18px}.login-days>div{padding:12px 5px}.story-text{font-size:16px}.growth-stats{gap:20px}.growth-stats b{font-size:21px}}
/* Hero profile and fitting room */
#dialog[data-kind="profile"]{max-width:1160px;padding:30px;max-height:94dvh;width:calc(100% - 36px)}.profile-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-right:28px}.profile-heading .modal-title{margin-bottom:5px}.profile-class{font-size:12px;letter-spacing:1.3px;color:#91b5ce}.profile-wallet{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:15px;font-size:14px;font-weight:700}.profile-heroes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:24px 0}.profile-heroes button{display:flex;align-items:center;gap:8px;padding:7px;background:#172532;border:1px solid #35495c;border-radius:5px;font-size:12px;text-align:left;line-height:1.5}.profile-heroes img{width:34px;height:40px;object-fit:cover;object-position:50% 20%;border-radius:3px}.profile-heroes .selected{border-color:#88c9e8;background:#234255;color:#d9f4ff}.profile-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(390px,1.12fr);gap:26px;align-items:start}.fitting-stage{position:sticky;top:0;border:1px solid #3e546b;border-radius:12px;background:radial-gradient(ellipse at 50% 45%,#304763 0%,#182b42 42%,#0a1524 83%);overflow:hidden;padding:18px 16px 16px}.fitting-caption{display:flex;flex-direction:column;gap:7px;text-align:center;position:absolute;top:20px;left:12px;right:12px;pointer-events:none}.fitting-caption>span{font-size:11px;font-weight:800;letter-spacing:2px;color:#b8d9ed}.fitting-caption small{font-size:12px;color:#7999b6}.fitting-stage canvas{display:block;width:100%;height:445px;touch-action:none;cursor:grab}.fitting-stage canvas:active{cursor:grabbing}.fitting-tools{display:flex;gap:8px;justify-content:center}.fitting-tools button,.compare-gear{background:#0d1b2d9e;border:1px solid #4a688155;border-radius:5px;padding:10px 15px;font-size:13px;color:#d5e5f4}.fitting-tools button:first-child,.fitting-tools button:last-child{font-size:20px;padding:5px 18px}.fitting-zoom{display:flex;align-items:center;justify-content:center;gap:15px;font-size:12px;color:#8faac2;margin:17px 0}.fitting-zoom input{width:145px;accent-color:#9cdaef}.compare-gear{display:block;width:100%}.compare-gear[aria-pressed="true"]{border-color:#f2bd79;color:#f4ce9d}.equipment-tabs{display:flex;gap:5px;border-bottom:1px solid #34495a;margin-bottom:18px}.equipment-tabs button{flex:1;background:none;border-bottom:2px solid transparent;padding:12px;color:#8fa9bf;font-size:15px;font-weight:700}.equipment-tabs .selected{color:#d7f2ff;border-color:#8bcbe8}.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.equipment-item{border:1px solid #354a5f;background:linear-gradient(135deg,#23374a,#152231);border-radius:7px;padding:10px 8px;text-align:left;position:relative}.equipment-item.selected{border-color:#9ae0fb;background:linear-gradient(135deg,#355568,#18344b);box-shadow:inset 0 0 0 1px #9ae0fb33}.equipment-item.selected:after{content:'✓';position:absolute;top:7px;right:9px;font-size:14px;color:#b4efff}.equipment-item img{display:block;width:100%;height:96px;object-fit:contain}.equipment-item strong{display:block;font-size:13px;line-height:1.5;min-height:39px}.equipment-item small{display:block;font-size:11px;color:#b5bbca;margin-top:5px}.equipment-note{font-size:12px;line-height:1.8;color:#94a9bc;margin:15px 0 20px}.fitting-selection{border-top:1px solid #304357;padding-top:17px}.fitting-selection h3{margin:0;font-size:20px}.fitting-selection>p{font-size:13px;color:#a6b6c7;margin:7px 0 17px}.fitting-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fitting-stats b{display:block;font-size:24px;color:#edf4fb;white-space:nowrap}.fitting-stats b small{font-size:12px}.gain{color:#88e0bc}.loss{color:#f99d9d}.fitting-stats span{font-size:12px;color:#8ea8c0}.profile-actions{display:grid;gap:10px;margin:22px 0 10px}.profile-actions .primary{font-size:13px;min-width:0;justify-content:center;text-align:center;padding:16px}.profile-actions .primary:disabled{opacity:.5;filter:none}.profile-actions .text-btn{margin:0;justify-self:center;font-size:12px}.profile-message{font-size:12px;color:#97b1c7;line-height:1.8;min-height:44px;margin:10px 0}.profile-footer{border-top:1px solid #304456;margin-top:25px;padding-top:23px;display:flex;align-items:center;gap:30px;justify-content:space-between}.profile-footer>div:first-child{flex:1}.profile-footer p{max-width:600px;font-size:13px;line-height:1.8;color:#8fa5b9;margin:12px 0 0}.profile-footer>div:last-child{display:flex;gap:10px}.profile-preview-error{min-height:380px;padding-top:100px;font-size:15px;line-height:1.8;color:#d9baba}
@media(max-width:850px){#dialog[data-kind="profile"]{padding:24px}.profile-layout{grid-template-columns:minmax(260px,.9fr) minmax(300px,1fr);gap:17px}.profile-heroes{grid-template-columns:repeat(3,1fr)}.fitting-stage canvas{height:400px}.equipment-grid{gap:7px}.equipment-item img{height:75px}.fitting-stats{grid-template-columns:repeat(2,1fr)}.profile-wallet{max-width:200px}.profile-footer{align-items:stretch;flex-direction:column;gap:20px}}
@media(max-width:650px){#dialog[data-kind="profile"]{width:calc(100% - 18px);padding:20px 14px;max-height:96dvh}.profile-heading{display:block;padding-right:20px}.profile-wallet{margin-top:16px;justify-content:flex-start;max-width:none;font-size:12px;gap:12px}.profile-heading .modal-title{font-size:32px}.profile-class{font-size:10px;letter-spacing:.8px}.profile-heroes{gap:6px;margin:19px 0}.profile-heroes button{font-size:11px;padding:5px;gap:5px}.profile-heroes img{width:27px;height:34px}.profile-layout{display:flex;flex-direction:column;gap:22px}.fitting-stage{position:relative;width:100%;padding:14px 10px}.fitting-stage canvas{height:330px}.fitting-caption{top:16px}.fitting-caption small{font-size:11px}.fitting-tools button{font-size:12px}.profile-equipment{width:100%}.equipment-item img{height:90px}.equipment-item strong{font-size:12px}.equipment-item small{font-size:10px}.fitting-stats{grid-template-columns:repeat(4,1fr);gap:8px}.fitting-stats b{font-size:20px}.fitting-stats span{font-size:10px}.profile-footer{margin-top:15px}.profile-footer>div:last-child{display:grid;grid-template-columns:1fr 1fr}.adventure-nav{grid-template-columns:repeat(2,1fr)}.adventure-nav #profile{grid-column:span 2;background:#203b4c;border-color:#7eb5d477}}
@media(max-width:650px){.profile-heroes{display:flex;overflow-x:auto;padding-bottom:5px}.profile-heroes button{min-width:105px;flex-shrink:0}.fitting-stage{position:sticky;top:0;z-index:2;padding:8px 10px;box-shadow:0 8px 18px #040a13aa}.fitting-stage canvas{height:230px}.fitting-caption{display:none}.fitting-tools button{padding:7px 12px}.fitting-tools button:first-child,.fitting-tools button:last-child{padding:2px 14px}.fitting-zoom{margin:9px 0}.compare-gear{padding:7px 10px;font-size:12px}.profile-layout{gap:16px}}
/* Side-view forest duels */
.adventure-nav #forestArena{color:#d2efb8;border-color:#698369;background:#233f31}.forest-preview{height:205px;border:1px solid #66887866;border-radius:9px;background:linear-gradient(90deg,#07190cd9,#07190c08),url('assets/forest-arena.png') center 59%/cover;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:10px}.forest-preview>span{font-size:12px;letter-spacing:3px;color:#c3d6a8}.forest-preview strong{font:500 39px Oswald,sans-serif}.forest-preview small{color:#d8e4ce;font-size:14px}.forest-select{display:flex;align-items:center;gap:25px;margin:23px 0}.forest-select label{flex:1;color:#a9bcac;font-size:14px;display:grid;gap:10px}.forest-select select{width:100%;background:#172c23;border:1px solid #4f6c5c;color:#edf1e7;padding:14px;border-radius:5px;font:600 16px Manrope}.forest-select>span{font-family:Oswald;font-size:28px;color:#dfb765;padding-top:25px}.forest-setup-controls{font-size:14px;color:#b8c9c3;line-height:1.9}.mode-grid{grid-template-columns:repeat(2,1fr)}.forest-mode{background:linear-gradient(#132d2080,#10261eef),url('assets/forest-arena.png') center/cover!important;border-color:#6a9168}.forest-mode h3{color:#e2edc7}
#forestFight{position:fixed;inset:0;z-index:15;background:#142c22;overflow:hidden;touch-action:none;user-select:none}.forest-stage,.forest-stage canvas{position:absolute;inset:0;width:100%;height:100%}.forest-fx{pointer-events:none}.forest-hud{position:absolute;top:max(28px,env(safe-area-inset-top));left:5%;right:5%;display:grid;grid-template-columns:1fr 112px 1fr;gap:24px;filter:drop-shadow(0 3px 5px #07150a)}.fighter-name{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}.fighter-name strong{font:500 clamp(18px,2.2vw,30px) Oswald;letter-spacing:.3px;color:#fff8de}.fighter-name>span{font-size:11px;font-weight:800;letter-spacing:2px;color:#bdcfa9}.opponent .fighter-name{flex-direction:row-reverse}.forest-hp{height:17px;border:1px solid #aab780;background:#211e16dd;transform:skew(-18deg);padding:3px}.forest-hp i{display:block;height:100%;background:linear-gradient(90deg,#4b988a,#b2ecd2);transition:width .11s;box-shadow:0 0 15px #b4ffd522}.opponent .forest-hp{transform:skew(18deg)}.opponent .forest-hp i{margin-left:auto;background:linear-gradient(90deg,#f2c388,#bf7251)}.forest-guard{height:4px;margin:8px 4px 7px;background:#183229;border-radius:3px;overflow:hidden}.forest-guard i{display:block;height:100%;background:#e3d193;transition:width .1s}.opponent .forest-guard i{margin-left:auto}.fighter-meta{display:flex;justify-content:space-between;color:#cbd9c4;font-size:12px;padding:0 3px}.opponent .fighter-meta{flex-direction:row-reverse}.round-gems{letter-spacing:7px;color:#e6c57b;font-size:17px}.duel-clock{display:flex;align-items:center;flex-direction:column;text-align:center;padding:1px 4px;color:#dfe9d4}.duel-clock>span{font-size:11px;letter-spacing:1.8px}.duel-clock>strong{font:500 62px/1.12 Oswald;color:#fff4d9}.duel-clock small{font-size:10px;letter-spacing:1px;color:#b5c4a9}.forest-location{position:absolute;top:165px;left:0;right:0;display:flex;align-items:center;flex-direction:column;gap:6px;pointer-events:none;text-shadow:0 2px 8px #07190c}.forest-location>span{letter-spacing:5px;font-size:12px;color:#e5e4bd}.forest-location small{font-size:11px;color:#b9cbb7}.forest-pause{position:absolute;right:17px;top:8px;width:32px;height:32px;border-color:#d8e3b94d;background:#152d2299;font-size:15px}.forest-banner{position:absolute;top:37%;left:5%;right:5%;text-align:center;font:600 clamp(24px,5vw,64px) Oswald;letter-spacing:4px;color:#fff2cb;text-shadow:0 2px 20px #081e14,0 2px 2px #020e06;pointer-events:none}.forest-input{position:absolute;bottom:54px;left:5%;right:5%;display:flex;align-items:end;justify-content:space-between;gap:14px}.forest-movement{display:flex;gap:8px}.forest-movement button,.forest-actions button{background:linear-gradient(150deg,#18342cd9,#0b201aed);border:1px solid #a0b99366;border-radius:10px;touch-action:none;min-width:64px;min-height:64px;box-shadow:0 5px 16px #07180a55}.forest-movement button{font-size:28px}.forest-movement small{display:block;font:11px Manrope;margin-top:2px;color:#c3d6bb}.forest-actions{display:flex;gap:10px}.forest-actions button{width:82px;height:75px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.forest-actions b{font-size:23px;color:#def1cb}.forest-actions span{font-size:12px;color:#e3edda}.forest-actions kbd{position:absolute;top:5px;right:8px;font:10px Manrope;color:#afc8b2}.forest-skill{border-color:#c1b273!important;background:linear-gradient(150deg,#63542acc,#233227e8)!important}.forest-skill em{position:absolute;font:700 14px Manrope;top:13px}.forest-skill.cooldown b{opacity:.25}.forest-input .held{background:#516e45;border-color:#e8e6ad}.forest-keyboard{position:absolute;bottom:max(17px,env(safe-area-inset-bottom));left:20px;right:20px;text-align:center;font-size:12px;color:#cfdfc1;text-shadow:0 1px 5px #000}.forest-keyboard i{font-style:normal;color:#6e906d;padding:0 9px}.forest-panel{position:absolute;inset:0;display:grid;place-items:center;background:#03130dc9;backdrop-filter:blur(9px);padding:20px;overflow:auto}.forest-panel-card{max-width:460px;width:100%;border:1px solid #8c9b654d;border-radius:12px;background:linear-gradient(145deg,#1d3629,#0c2019);padding:35px;text-align:center;box-shadow:0 24px 80px #0008}.forest-panel-card h2{font:500 40px Oswald;margin:15px 0;color:#f4edd5}.forest-panel-card p{font-size:15px;line-height:1.7;color:#b6c7b7}.forest-panel-card button{width:100%;justify-content:center;margin-top:12px}.forest-panel-card .primary{background:#a9be84;color:#13291a;min-width:0}.forest-panel-card .secondary{background:#234030;border-color:#69805f;color:#dce8cc}.forest-final-score{font:500 64px Oswald;color:#dbbf7d}.forest-final-score span{color:#789278;font-size:38px}.forest-rewards{display:flex;justify-content:center;gap:22px;color:#d5d99c;font-size:15px;margin:20px 0}
@media(pointer:fine){.forest-movement{opacity:.8}.forest-actions{opacity:.9}}
@media(max-width:650px){.forest-preview{height:165px;padding:20px}.forest-select{gap:10px}.forest-select label{font-size:12px;min-width:0}.forest-select select{font-size:13px;padding:12px 6px}.forest-select>span{font-size:20px}.forest-hud{top:42px;left:4%;right:4%;gap:9px;grid-template-columns:1fr 54px 1fr}.fighter-name{display:block;margin-bottom:8px}.fighter-name>span{display:block;font-size:9px;margin-bottom:5px}.fighter-name strong{font-size:17px;line-height:1.1;display:block;height:40px}.opponent .fighter-name{text-align:right}.forest-hp{height:13px;padding:2px}.fighter-meta{font-size:10px}.round-gems{font-size:14px;letter-spacing:3px}.duel-clock>strong{font-size:42px}.duel-clock>span,.duel-clock small{font-size:8px;letter-spacing:.4px}.forest-location{top:185px}.forest-location>span{letter-spacing:3px;font-size:10px}.forest-location small{font-size:10px}.forest-input{bottom:max(26px,env(safe-area-inset-bottom));left:4%;right:4%;display:grid;grid-template-columns:1fr;gap:20px}.forest-movement{justify-content:center;gap:12px}.forest-movement button{min-width:65px;min-height:55px}.forest-actions{justify-content:center;gap:8px}.forest-actions button{width:70px;height:62px;min-width:0;min-height:0}.forest-actions span{font-size:11px}.forest-actions kbd{display:none}.forest-keyboard{display:none}.forest-banner{top:34%;letter-spacing:2px}.forest-panel-card{padding:24px}.forest-panel-card h2{font-size:32px}.mode-grid{grid-template-columns:1fr}}
@media(max-height:500px) and (orientation:landscape){.forest-hud{top:15px;left:8%;right:8%;grid-template-columns:1fr 64px 1fr;gap:15px}.fighter-name{margin-bottom:5px}.fighter-name strong{font-size:20px}.duel-clock>strong{font-size:35px}.forest-hp{height:12px}.forest-location{top:98px}.forest-location small{display:none}.forest-input{bottom:12px;left:3%;right:3%;display:flex}.forest-actions button{width:54px;height:53px;min-width:0;min-height:0}.forest-movement button{min-width:48px;min-height:48px;font-size:22px}.forest-keyboard{display:none}.forest-actions span{font-size:10px}.forest-actions b{font-size:19px}.forest-actions kbd{display:none}.forest-panel-card{padding:20px}.forest-panel-card h2{font-size:29px;margin:8px}.forest-final-score{font-size:34px}.forest-panel-card p{margin:8px;font-size:13px}.forest-rewards{margin:10px}.forest-panel-card button{padding:10px;min-height:38px}}