.header-actions{display:flex;gap:12px;align-items:center}#shopButton{background:#25302e;color:#c8b6f6;border:1px solid #4e4763;border-radius:9px;padding:10px 14px}#shopButton b{margin-left:12px}.menu-note{font-size:10px;line-height:1.6;color:#8fa497}.wallet{padding:13px 0;color:#f4ce74;font-size:20px}.wallet span{font-size:8px;letter-spacing:1px;margin-left:6px}.score{pointer-events:none}#activePowers{display:flex;flex-direction:column;gap:7px;font-size:12px;margin-top:5px}#upgrades{position:fixed;left:40px;bottom:70px;max-width:calc(100vw - 240px)}.upgrade-heading{font-size:9px;color:#c3d3bd;letter-spacing:1.8px;margin-bottom:12px}.upgrade-heading span{color:#7f9989;margin-left:18px;font-size:8px}#upgradeButtons{display:flex;gap:9px}.upgrade{background:#14271fee;border:1px solid #40583f;color:#d8e5cd;border-radius:12px;padding:12px 14px;text-align:left;width:150px;min-height:89px}.upgrade:enabled:hover{border-color:#c6ef91;background:#2c4029}.upgrade:disabled{opacity:.55;cursor:default}.upgrade strong{font-size:12px;display:block}.upgrade .level{display:block;font-size:9px;color:#9eb793;margin:5px 0}.upgrade .cost{font-size:11px;color:#f4ce74}.upgrade kbd{font:9px sans-serif;float:right;color:#8fa497}.leaders{pointer-events:none}#notice{position:fixed;bottom:190px;left:40px;color:#c6ef91;font-size:12px;pointer-events:none}.muted{font-size:12px;line-height:1.7;color:#9cb09e}dialog{color:#e7eee6;background:#17251f;border:1px solid #4b5b48;border-radius:20px;padding:28px;width:620px;max-width:92vw;box-shadow:0 30px 120px #0008}dialog::backdrop{background:#07140dc7;backdrop-filter:blur(5px)}.shop-top{display:flex;justify-content:space-between;align-items:center}.shop-top button{background:none;color:#adbea6;font-size:27px}.gem-wallet{background:#242b31;border:1px solid #4f455f;color:#c8b6f6;border-radius:10px;padding:17px;margin:20px 0;font-size:12px;letter-spacing:1px}.gem-wallet strong{font-size:24px;margin-right:8px}.packs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.packs article{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 8px;border:1px solid #46513f;border-radius:12px}.packs strong{font-size:22px;color:#c8b6f6}.packs span{font-size:11px;color:#91a38c}.packs button{background:#313c30;color:#87977f;border-radius:7px;padding:10px;font-size:11px;cursor:default}.shop-note{font-size:11px;color:#c6cfb8;line-height:1.7}#arena{touch-action:none}#result .card{width:420px}@media(max-width:650px){#upgrades{left:15px;bottom:55px;max-width:calc(100vw - 140px)}#upgradeButtons{gap:5px;flex-wrap:wrap}.upgrade{width:110px;min-height:70px;padding:8px}.upgrade-heading span{display:none}.header-actions{gap:6px}#shopButton{font-size:11px;padding:8px}header a{font-size:17px}#leave{font-size:10px;padding:8px}.wallet span{display:block;margin:3px 0}.hint{font-size:8px}#notice{left:15px;bottom:230px}.packs{gap:5px}.packs strong{font-size:17px}}
.upgrade .benefit{display:block;font-size:10px;line-height:1.45;color:#b3c4a8;margin-top:7px;min-height:29px}.upgrade{width:165px}.upgrade:disabled .benefit{color:#cad8c2}
.boost-status{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:9px 15px;border:1px solid #49603d;border-radius:20px;background:#15251ee0;color:#a9bb9b;font-size:9px;letter-spacing:1px;pointer-events:none;white-space:nowrap}.boost-status.active{color:#d7f4a9;border-color:#bce797;background:#31472a}@media(max-width:750px){.boost-status{bottom:14px;font-size:8px}.hint{bottom:40px}}
.crate-counter{position:fixed;top:36px;left:50%;transform:translateX(-50%);background:#15251eee;border:1px solid #49603d;border-radius:20px;padding:10px 16px;font-size:10px;color:#e0d8a4;letter-spacing:1px;pointer-events:none}.crate-key{position:fixed;right:35px;bottom:202px;width:170px;font-size:9px;line-height:1.8;color:#9eb393;text-align:right;pointer-events:none}#upgradeButtons{flex-wrap:wrap}#upgrades{max-width:min(720px,calc(100vw - 240px))}@media(max-width:850px){.crate-counter{top:85px;font-size:9px}.crate-key{right:15px;bottom:148px;width:120px;font-size:8px}#upgrades{max-width:calc(100vw - 155px)}}
.menu-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.menu-nav button,.skills-open{background:#253329;border:1px solid #4b5d43;color:#cfdfc1;padding:12px 8px;border-radius:9px;font-size:12px}.menu-nav button:hover{border-color:#c6ef91}.menu-dialog{width:850px;max-height:85vh;overflow:auto}.skin-grid,.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.skin-card{background:#243329;border:1px solid #526348;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:14px;color:#d9e6cd}.skin-card.selected{border-color:#c6ef91;background:#31462b}.skin-card span{font-size:55px}.skin-card small{font-size:10px;color:#adc997}.skill-grid article,.chest-grid article{border:1px solid #45563d;padding:18px;border-radius:12px;background:#1c2d23}.skill-grid button,.chest-grid button{width:100%;padding:12px;border-radius:8px;background:#c6ef91;color:#1b2c1d;font-size:11px;font-weight:bold}.skill-grid button:disabled,.chest-grid button:disabled{background:#34412f;color:#93a686;cursor:default}.menu-wallet{color:#f4ce74;font-size:13px}.chest-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.chest-grid article{border-color:var(--rarity);padding:14px 10px;text-align:center}.chest-grid strong{display:block;color:var(--rarity);font-size:13px;min-height:32px}.chest-grid small{font-size:9px;line-height:1.7;color:#adbca1;display:block;min-height:30px}.chest-icon{font-size:47px;color:var(--rarity);margin:12px 0}.chest-grid .muted{font-size:10px;min-height:35px}.skills-open{position:fixed;left:40px;bottom:220px;padding:8px 14px}#menu .rules{margin-top:10px}@media(max-width:800px){.chest-grid{grid-template-columns:repeat(2,1fr)}.skills-open{left:15px;bottom:250px}}@media(max-height:850px){#menu{margin-top:85px}#menu h1{font-size:54px;margin:12px 0}#menu .card{padding:15px}#menu .intro{margin:10px 0 15px}#menu .rules{display:none}}
.mode-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:12px 0}.mode-selector button{border:1px solid #40553a;background:#1b2d22;color:#bfceb5;border-radius:8px;padding:10px;text-align:left}.mode-selector button.selected{border-color:#c6ef91;background:#31442b}.mode-selector strong{display:block;font-size:12px}.mode-selector small{font-size:9px;color:#9cb18f;display:block;margin-top:4px}.room-status{position:fixed;top:83px;left:50%;transform:translateX(-50%);font-size:10px;color:#b0c3a0;background:#14251ddd;border-radius:15px;padding:8px 14px;pointer-events:none;white-space:nowrap}#menu{max-height:calc(100vh - 100px);overflow-y:auto;padding-bottom:25px;scrollbar-width:thin}.menu-dialog h3{font-size:13px;color:#c6ef91;margin-top:25px}@media(max-width:850px){.room-status{top:125px;font-size:9px}}@media(max-height:850px){#menu h1{font-size:42px}#menu .intro{margin:8px 0}#menu .mode-selector{margin:8px 0}.mode-selector button{padding:7px}}
.season-dialog{width:1000px;max-height:88vh;overflow:auto}.season-dialog h3{font-size:14px;color:#c6ef91;margin:25px 0 12px}.pass-overview{background:#233327;border:1px solid #506245;border-radius:12px;padding:18px}.pass-overview strong{font-size:12px;color:#d5e5c6}.pass-overview progress{display:block;width:100%;height:9px;accent-color:#c6ef91;margin-top:14px}.season-status{font-size:12px;color:#f3ce78;min-height:15px}.pass-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.pass-grid article{border:1px solid #3a4b34;border-radius:10px;background:#19271d;padding:13px;display:flex;flex-direction:column;gap:10px;opacity:.65}.pass-grid article.unlocked{border-color:#a9c778;opacity:1}.pass-grid strong{font-size:9px;color:#b9cba4}.pass-grid span{font-size:11px;color:#d9dfca;min-height:30px}.pass-grid button,.airdrop-row button{padding:9px;border-radius:7px;background:#c6ef91;color:#22341b;font-size:10px;font-weight:bold}.pass-grid button:disabled{background:#35422e;color:#8a9c7e;cursor:default}.season-rank{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border-bottom:1px solid #34432c;font-size:12px}.season-rank small{color:#c5b3e5;text-align:right}.airdrop-row{padding:14px;border:1px solid #a9c778;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-top:10px}@media(max-width:650px){.pass-grid{grid-template-columns:repeat(3,1fr)}.season-rank{font-size:10px}.season-rank small{font-size:9px}}
.ranked-ticket-wallet{font-size:10px;color:#8bdfe5;margin-top:12px;letter-spacing:.5px;max-width:230px;line-height:1.6}
.account-dialog{width:460px}.account-submit{width:100%;background:#c6ef91;color:#21301b;font-weight:bold;padding:14px;border-radius:8px;margin-top:4px}.account-submit:disabled{opacity:.6}.account-status{font-size:12px;color:#f3ce78;line-height:1.7;min-height:20px}.account-dialog input{margin-bottom:18px}
.cosmetic-controls{display:flex;gap:8px;margin:15px 0}.cosmetic-controls button,.cosmetic-controls select{background:#253329;border:1px solid #526348;color:#d1e1c2;border-radius:7px;padding:10px}.cosmetic-controls button.selected{border-color:#c6ef91}.cosmetic-controls select{margin-left:auto}.cosmetic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cosmetic-grid article{text-align:center;background:#1c2d23;border:1px solid var(--rarity);border-radius:12px;padding:16px 10px}.cosmetic-grid strong{display:block;font-size:12px;color:#e1ecd5;min-height:30px}.cosmetic-grid small{display:block;font-size:8px;color:var(--rarity);margin:8px 0 14px;text-transform:uppercase}.cosmetic-grid button{background:#c6ef91;color:#25351d;border-radius:7px;padding:10px 6px;width:100%;font-size:9px;font-weight:bold}.cosmetic-grid button:disabled{background:#35452f;color:#93a786;cursor:default}.cosmetic-preview{height:90px;position:relative;display:grid;place-items:center}.cosmetic-preview i{display:block;width:43px;height:43px;border:4px solid #0b1b13;background:var(--body);border-radius:50%;box-shadow:3px 5px 0 #0003}.cosmetic-preview b{position:absolute;width:15px;height:24px;background:var(--accent);border-radius:3px;left:calc(50% + 1px);top:33px;border:3px solid #163023}.character-crown i:before{content:'♛';position:absolute;font-size:34px;color:var(--accent);top:0;left:calc(50% - 16px)}.character-horned i:before{content:'◀ ▶';position:absolute;font-size:23px;white-space:pre;color:var(--accent);top:23px;left:calc(50% - 32px)}.character-orb i{outline:2px solid var(--accent);outline-offset:6px}.character-ninja b{height:10px;top:37px;background:#24372d}.character-hood i,.character-rogue i{border-color:var(--accent)}.character-scout b{transform:rotate(20deg)}.character-guardian i{border-radius:12px}.character-visor b{width:8px}.sword-straight i,.sword-needle i,.sword-serrated i,.sword-diamond i{border:0;border-radius:2px;width:75px;height:7px;background:var(--body);transform:rotate(-35deg)}.sword-needle i{height:3px}.sword-diamond i{clip-path:polygon(0 20%,75% 0,100% 50%,75% 100%,0 80%);height:12px}.sword-serrated i{height:10px;clip-path:polygon(0 30%,10% 0,20% 30%,30% 0,40% 30%,50% 0,60% 30%,100% 45%,100% 70%,0 70%)}.cosmetic-preview[class*="sword-"] b{width:5px;height:28px;left:calc(50% - 28px);top:48px;background:var(--accent);border:0;transform:rotate(-35deg)}@media(max-width:650px){.cosmetic-grid{grid-template-columns:repeat(2,1fr)}}

#hud #upgrades{left:24px;bottom:24px;max-width:calc(100vw - 210px);pointer-events:auto;}
#upgrades .upgrade-heading{font-size:8px;letter-spacing:1px;margin-bottom:7px;}
#upgradeButtons{gap:6px;}
#upgradeButtons .upgrade{width:148px;min-height:56px;padding:9px 10px;border-radius:8px;pointer-events:auto;}
#upgradeButtons .upgrade strong{font-size:10px;line-height:1.5;font-weight:500;}
#upgradeButtons .run-cost{display:block;margin-top:5px;font-size:10px;color:#f4ce74;}

/* Royal seal result card */
#result{overflow-y:auto;padding:22px 0;background:#06130ed9;}
#result .result-card{width:470px;max-width:92vw;max-height:calc(100dvh - 44px);overflow-y:auto;padding:30px 32px;text-align:center;background:radial-gradient(ellipse at 50% 0,#304331,#10231a 62%);border:1px solid #6b6943;border-radius:22px;box-shadow:0 24px 70px #0005;scrollbar-width:thin;scrollbar-color:#6b6943 #10231a;}
#result .eyebrow{font:600 10px 'Segoe UI',sans-serif;letter-spacing:2.2px;color:#d6b66c;margin-bottom:24px;}
.result-seal{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 16px;border:1px solid #d6b66c;border-radius:50%;background:radial-gradient(circle,#d6b66c19,transparent);box-shadow:0 0 0 7px #d6b66c08;}
.result-seal img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 4px #0005);}
#resultPhase{display:block;font:9px 'Segoe UI',sans-serif;letter-spacing:2px;color:#b5bea7;margin-bottom:10px;}
#result h2{font:400 34px/1.1 Georgia,serif;letter-spacing:-.8px;margin:0 0 10px;color:#edf0e5;}
#result #resultText{font:12px/1.6 'Segoe UI',sans-serif;color:#a0b2a1;margin:0 0 22px;}
.result-hero{border-top:1px solid #344a3d;border-bottom:1px solid #344a3d;padding:18px 0;margin-bottom:20px;}
.result-hero strong{display:block;font:500 62px/1.1 'Segoe UI',sans-serif;letter-spacing:-3px;color:#edf0e5;margin-top:4px;overflow-wrap:anywhere;}
.result-hero span,.result-stats span,.result-rewards span{display:block;font:500 10px 'Segoe UI',sans-serif;letter-spacing:1.3px;color:#a0b2a1;}
.result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;margin:0 0 24px;}
.result-stats strong{display:flex;justify-content:center;align-items:center;gap:5px;font:500 22px 'Segoe UI',sans-serif;color:#edf0e5;margin-top:7px;overflow-wrap:anywhere;}
#result .currency-icon{object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px #0005);}
.result-stats .currency-icon{width:19px;height:19px;vertical-align:middle;}
.result-reward-heading{display:none;}
.result-rewards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px;}
.result-rewards>div{background:#d6b66c0b;border:1px solid #d6b66c38;border-radius:12px;padding:15px 10px;}
.result-rewards>div:nth-child(2){background:#bba3ef0a;border-color:#bba3ef35;}
.result-rewards>div:last-child:nth-child(odd){grid-column:1/-1;}
.result-rewards strong{display:flex;justify-content:center;align-items:center;gap:8px;font:500 29px/1.2 'Segoe UI',sans-serif;color:#d6b66c;margin:10px 0 6px;overflow-wrap:anywhere;}
.result-rewards>div:nth-child(2) strong{color:#ceb8f2;}
.result-rewards .currency-icon{width:28px;height:28px;}
.result-rewards small{display:block;font:10px/1.5 'Segoe UI',sans-serif;color:#a0b2a1;}
#result #resultSave{font:10px/1.5 'Segoe UI',sans-serif;color:#bdd49f;margin:0 0 10px;}
#result #resultHint{font:11px/1.6 'Segoe UI',sans-serif;color:#a0b2a1;margin:0 0 20px;}
#result #again{background:#c7ed9b;color:#142116;border:0;border-radius:9px;min-height:48px;font:600 14px 'Segoe UI',sans-serif;letter-spacing:.3px;padding:14px;box-shadow:none;}
#result #back{background:none;border:0;color:#a0b2a1;font:12px 'Segoe UI',sans-serif;padding:8px;margin-top:10px;}
@media(max-width:480px){#result .result-card{padding:24px;}#result h2{font-size:29px;}.result-hero strong{font-size:54px;}.result-stats strong{font-size:20px;}.result-rewards strong{font-size:25px;}.result-stats span{letter-spacing:.5px;font-size:9px;}}
@media(max-height:850px) and (min-width:481px){#result .result-card{padding:24px 30px;}#result .eyebrow{margin-bottom:18px;}.result-seal{width:52px;height:52px;margin-bottom:12px;}.result-seal img{width:38px;height:38px;}#resultPhase{margin-bottom:8px;}.result-hero{padding:12px 0;margin-bottom:16px;}.result-hero strong{font-size:54px;}.result-stats{margin-bottom:18px;}#result #resultText{margin-bottom:18px;}#result #resultHint{margin-bottom:16px;}}
@media(max-width:360px){.result-stats{grid-template-columns:1fr;gap:10px;}.result-stats>div{display:flex;justify-content:space-between;align-items:center;}.result-stats strong{margin:0;}.result-rewards{grid-template-columns:1fr;}.result-hero strong{font-size:48px;}}

.result-stats>div{min-width:0;}.result-stats span{min-height:24px;line-height:1.35;display:flex;align-items:center;justify-content:center;}.result-stats strong{flex-wrap:wrap;}
