:root{--pine-900: #0d1f16;--pine-800: #12291d;--pine-700: #1a3a29;--parchment: #f3e9cf;--parchment-dark: #e6d8b4;--ink: #26301f;--amber: #e8a33d;--amber-dark: #b97a1e;--blue: #4aa8ff;--red: #d9534f;--good: #3f9448;--bad: #c0392b;--gold: #f2c14e;--font-display: "Pixelify Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}html{overflow-x:clip}body{overflow-x:clip;position:relative}.screen,.hub-grid,.hub-header,.battle-layout,.battle-side,.battle-controls,.fighter-strip,.offer-cards,.shop-cats,.battle-btns,.item-btns,.ap-track,.canvas-frame{max-width:100%;min-width:0}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -10%,#23503a 0%,transparent 55%),var(--pine-900);color:var(--parchment);font-family:var(--font-mono);font-size:14px}.screen{display:none}.screen.active{display:block}.hidden{display:none!important}.music-btn{position:fixed;top:10px;right:10px;z-index:9500;padding:7px 12px;border:1px solid var(--pine-700);border-radius:6px;background:var(--pine-800);color:#9db8a5;font-family:var(--font-display);font-size:14px;cursor:pointer;opacity:.8}.music-btn:hover{opacity:1}.music-btn.on{color:var(--amber);border-color:var(--amber-dark)}.btn{padding:9px 18px;border:0;border-radius:6px;font-family:var(--font-display);font-size:17px;letter-spacing:1px;cursor:pointer;color:var(--ink);box-shadow:0 3px #0006;transition:transform .06s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.1)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #0006}.btn:disabled{opacity:.35;cursor:default}.btn:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.btn-amber{background:var(--amber)}.btn-blue{background:var(--blue)}.btn-red{background:var(--red);color:#fff}.btn-green{background:var(--good);color:#fff}.btn-purple{background:#9a5cff;color:#fff}.btn-ghost{background:var(--pine-700);color:var(--parchment)}.btn-sm{padding:5px 12px;font-size:14px}.btn-big{padding:12px 26px;font-size:20px}.btn small{font-size:.7em;opacity:.8}.title{margin:0;font-family:var(--font-display);font-size:52px;font-weight:700;letter-spacing:4px;color:var(--amber);text-shadow:3px 3px 0 #00000066}.title-v{color:var(--parchment);font-size:.7em}.chip{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:6px;background:var(--pine-800);border:1px solid var(--pine-700)}.chip-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#9db8a5}.chip output{font-family:var(--font-display);font-size:18px;color:var(--amber)}.chip-gold output{color:var(--gold)}.coin{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe9a8,var(--gold) 60%,#b98a1e)}.lives-icon{width:15px;height:15px;background:var(--red);clip-path:polygon(50% 100%,5% 40%,5% 18%,22% 4%,50% 22%,78% 4%,95% 18%,95% 40%)}.panel{background:var(--parchment);color:var(--ink);border-radius:8px;padding:12px 14px;box-shadow:0 4px #0005}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:var(--font-display);font-size:19px;border-bottom:2px solid var(--parchment-dark);padding-bottom:6px;margin-bottom:10px}#screen-menu.active{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:20px}.menu-card{text-align:center;background:var(--pine-800);border:1px solid var(--pine-700);border-radius:14px;padding:44px 40px;max-width:440px;width:100%;box-shadow:0 12px 40px #000a}.menu-sub{color:#9db8a5;margin:10px 0 26px}#menuNameBox{width:100%;padding:11px 12px;border:2px solid var(--amber-dark);border-radius:6px;background:var(--parchment);color:var(--ink);font-family:var(--font-mono);font-size:16px;margin-bottom:16px}.sex-pick{display:flex;gap:8px;margin-bottom:16px}.sex-btn{flex:1;padding:9px 8px;border:2px solid var(--pine-700);border-radius:6px;background:var(--pine-800);color:#9db8a5;font-family:var(--font-display);font-size:15px;cursor:pointer}.sex-btn.active{border-color:var(--amber-dark);background:var(--amber);color:var(--ink)}.class-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}.class-btn{padding:10px 6px;border:2px solid var(--pine-700);border-radius:6px;background:var(--pine-800);color:#9db8a5;font-family:var(--font-display);font-size:13px;letter-spacing:.5px;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.class-btn:hover{color:var(--parchment);border-color:var(--amber-dark)}.class-btn.active{border-color:var(--amber-dark);background:var(--amber);color:var(--ink)}.auth-form{margin-bottom:16px;padding:12px;border:1px dashed var(--pine-700);border-radius:8px;background:#0d1f16aa;text-align:left}.auth-title{font-family:var(--font-display);font-size:13px;color:var(--amber);letter-spacing:1px;margin-bottom:8px;text-align:center}.auth-form input{width:100%;padding:9px 10px;margin-bottom:6px;border:1px solid var(--pine-700);border-radius:5px;background:var(--pine-900);color:var(--parchment);font-family:var(--font-mono);font-size:16px}.auth-form input:focus{outline:none;border-color:var(--amber-dark)}.auth-btns{display:flex;gap:8px;margin-top:4px}.auth-btns .btn{flex:1}.auth-error{min-height:16px;margin-top:6px;color:#ff9d8f;font-size:12px;text-align:center}.auth-hint{margin-top:6px;font-size:11px;color:#7d9887;text-align:center;line-height:1.4}.auth-status{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--amber-dark);border-radius:8px;background:#0d1f16aa;margin-bottom:16px;font-size:13px}.auth-status b{color:var(--amber)}.menu-btns{display:flex;flex-direction:column;gap:10px}.menu-hint{color:var(--amber);font-size:12px;margin-top:24px}#screen-hub{padding:14px 16px 40px;max-width:1240px;margin:0 auto}.hub-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.hub-id{display:flex;align-items:baseline;gap:10px}.hub-name{font-family:var(--font-display);font-size:28px;color:var(--amber)}.lvl-badge{font-family:var(--font-display);font-size:15px;color:var(--parchment);background:var(--pine-700);padding:3px 9px;border-radius:5px}.xpbar{position:relative;flex:1 1 160px;min-width:140px;height:20px;background:var(--pine-800);border:1px solid var(--pine-700);border-radius:5px;overflow:hidden}.xpbar-fill{height:100%;width:0%;background:linear-gradient(180deg,#b678e0,#8a4bb5);transition:width .35s ease}.xpbar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;text-shadow:0 1px 2px #000}.hub-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hub-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"champ" "shop" "opp";gap:14px;align-items:start}.hub-stats{grid-area:champ}.hub-shop{grid-area:shop}.hub-offers{grid-area:opp}@media(min-width:720px){.hub-grid{grid-template-columns:minmax(280px,360px) 1fr;grid-template-areas:"champ opp" "shop  opp"}}.ap-badge{font-size:13px;color:var(--amber-dark)}.head-right{display:flex;align-items:center;gap:8px}.info-btn{width:22px;height:22px;border-radius:50%;border:2px solid var(--amber-dark);background:transparent;color:var(--amber-dark);font-family:var(--font-display);font-size:14px;line-height:1;cursor:pointer;flex-shrink:0}.info-btn:hover{background:var(--amber);color:var(--ink)}.info-list .info-item{font-size:13px;line-height:1.5;padding:7px 4px;border-bottom:1px solid #00000010}.info-list .info-item b{color:var(--amber-dark)}.info-list hr{border:0;border-top:2px solid var(--parchment-dark);margin:8px 0}.stat-grid{display:grid;grid-template-columns:1fr auto 34px;gap:6px 10px;align-items:center}.stat-grid label{font-size:13px}.stat-grid output{text-align:right;font-weight:600}.stat-nobtn{width:34px}.adjust{width:34px;height:28px;border:0;border-radius:5px;background:var(--amber);color:var(--ink);font-family:var(--font-display);font-size:17px;cursor:pointer;box-shadow:0 2px #0004;-webkit-user-select:none;user-select:none;touch-action:none}.adjust:active{transform:translateY(1px);box-shadow:0 1px #0004}.stat-grid.no-points .adjust{opacity:.3;cursor:default}.equip-list{margin-top:14px;border-top:2px solid var(--parchment-dark);padding-top:10px}.equip-row{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:3px 0}.equip-slot{color:var(--amber-dark);text-transform:uppercase;font-size:11px;letter-spacing:1px}.offer-cards{display:flex;flex-direction:column;gap:10px}.offer-card{background:#fdf7e6;border:2px solid var(--parchment-dark);border-radius:8px;padding:10px 12px}.offer-card.boss{border-color:var(--red);background:linear-gradient(180deg,#fdf0e6,#f7ddd0)}.offer-top{display:flex;justify-content:space-between;align-items:baseline}.offer-name{font-family:var(--font-display);font-size:18px}.offer-lvl{font-size:13px;color:var(--amber-dark);font-weight:600}.offer-meta{font-size:12px;color:#5a6350;margin-top:2px}.offer-stats{font-size:12px;margin-top:4px}.offer-rewards{font-size:12.5px;color:var(--amber-dark);font-weight:600;margin-top:4px}.offer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.danger{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:4px;color:#fff}.danger-easy{background:var(--good)}.danger-even{background:#7d8a3e}.danger-hard{background:#c07a1e}.danger-deadly{background:var(--bad)}.danger-brutal{background:#8a1b52}.danger-boss,.danger-finalboss{background:#6b1010}.shop-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.shop-cat{padding:12px 10px;border:2px solid var(--parchment-dark);border-radius:8px;background:#fdf7e6;color:var(--ink);font-family:var(--font-display);font-size:15px;cursor:pointer;transition:transform .06s,background .15s}.shop-cat:hover{background:#fff;transform:translateY(-1px)}.shop-cat:active{transform:translateY(1px)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px}.modal-card{background:var(--parchment);color:var(--ink);border-radius:12px;width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 16px 50px #000c;border:3px solid var(--amber-dark)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 10px;font-family:var(--font-display);font-size:22px;border-bottom:2px solid var(--parchment-dark)}.modal-close{border:0;background:transparent;font-size:22px;cursor:pointer;color:var(--ink);line-height:1;padding:2px 6px}.modal-close:hover{color:var(--bad)}.modal-gold{padding:8px 18px;font-size:14px;color:var(--amber-dark);display:flex;align-items:center;gap:6px}.modal-gold output{font-family:var(--font-display);font-size:16px}.modal-list{overflow-y:auto;padding:4px 14px 16px;display:flex;flex-direction:column;gap:6px}.shop-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;background:#00000006}.shop-item.locked{opacity:.55}.shop-item.equipped{background:#3f944822}.shop-item .btn{flex-shrink:0}.shop-name{font-weight:600;font-size:14px}.shop-desc{font-size:12px;color:#5a6350;margin-top:2px}.opp-head{flex-wrap:wrap;gap:6px}.opp-tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.opp-tab{padding:5px 12px;border:2px solid var(--parchment-dark);border-radius:6px;background:#fdf7e6;color:var(--ink);font-family:var(--font-display);font-size:14px;letter-spacing:1px;cursor:pointer;transition:background .12s,color .12s}.opp-tab:hover:not(:disabled){background:#fff}.opp-tab.active{background:var(--amber);border-color:var(--amber-dark)}.opp-tab:disabled{opacity:.4;cursor:default}.offer-card.ghost{border-color:#b678e0;background:linear-gradient(180deg,#f3ecfb,#ece0f7)}.ghost-wl{color:#7a4bad;font-weight:700;margin-left:6px}.offer-empty{padding:20px 10px;text-align:center;color:var(--amber-dark);font-size:13px;background:#fdf7e6;border:2px dashed var(--parchment-dark);border-radius:8px}.danger-ghost{background:#7a4bad}.btn-magenta{background:#b83aa0;color:#fff}.lb-list{gap:4px}.lb-row{display:grid;grid-template-columns:34px 1fr auto auto;gap:8px;align-items:center;padding:6px 10px;border-radius:5px;background:#00000006;font-size:13px}.lb-row:nth-child(1){background:linear-gradient(90deg,#f2c14e33,transparent)}.lb-row:nth-child(2){background:linear-gradient(90deg,#c0c0c033,transparent)}.lb-row:nth-child(3){background:linear-gradient(90deg,#cd7f3233,transparent)}.lb-rank{font-family:var(--font-display);font-size:15px;color:var(--amber-dark)}.lb-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-meta{font-size:12px;color:#5a6350}.lb-wl{font-family:var(--font-display);font-size:13px;color:#7a4bad}#screen-battle{padding:12px 14px 30px;max-width:1240px;margin:0 auto}.battle-layout{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:980px)and (orientation:landscape){.battle-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start}}.info-btn-mobile{display:none;margin-top:4px;align-self:center}@media(orientation:landscape)and (max-height:600px){#screen-battle{padding:8px 10px 14px}.battle-layout{grid-template-columns:minmax(0,2.3fr) minmax(160px,1fr);gap:10px;align-items:start}.canvas-frame{max-height:65vh;display:flex}#game{width:auto;height:auto;max-width:100%;max-height:65vh;margin:0 auto}.battle-controls{margin-top:8px;gap:6px}.battle-side{gap:8px}.battle-log{min-height:80px;max-height:32vh;font-size:11.5px}.battle-btns .btn{font-size:13px;padding:7px 6px}.fighter-strip{grid-template-columns:1fr auto 1fr}.vs{display:block}#battleInfoBtn{display:none}.info-btn-mobile{display:inline-block}}.canvas-frame{position:relative;border:4px solid var(--pine-700);border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0008;background:#0a1810}#game{display:block;width:100%;height:auto}.turn-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);padding:7px 18px;border-radius:6px;font-family:var(--font-display);font-size:20px;letter-spacing:1px;color:var(--ink);background:var(--parchment);box-shadow:0 3px #0005;transition:opacity .25s;white-space:nowrap}.turn-banner.hidden{opacity:0;pointer-events:none}.banner-begin{background:var(--amber)}.banner-turn{background:var(--parchment)}.banner-win{background:var(--good);color:#fff}.banner-lose{background:var(--bad);color:#fff}.battle-controls{margin-top:12px;display:flex;flex-direction:column;gap:10px;align-items:center}.ap-track{display:flex;align-items:center;gap:8px;width:100%;max-width:560px}.ap-label{font-family:var(--font-display);font-size:15px;color:var(--amber)}.ap-pips{display:flex;gap:3px;flex:1;flex-wrap:wrap}.ap-pip{flex:1 1 0;min-width:10px;height:12px;border-radius:3px;background:linear-gradient(180deg,#62d0ff,#2f8fd1);box-shadow:inset 0 0 0 1px #0006;transition:background .2s,opacity .2s}.ap-pip.spent{background:#2a3a44;opacity:.5}.ap-num{font-family:var(--font-display);font-size:14px;color:var(--parchment);min-width:42px;text-align:right}.battle-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%}.battle-btns .btn{flex:1 1 0;min-width:92px;max-width:200px}.item-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;width:100%}.item-btns:empty{display:none}.item-btns .btn{flex:0 1 auto}.spell-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;width:100%}.spell-btns:empty{display:none}.spell-btns .btn{flex:0 1 auto}.battle-info-row{display:flex;justify-content:center;align-items:center;gap:10px;width:100%}.vs-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vs-card{background:#00000008;border:2px solid var(--parchment-dark);border-radius:8px;padding:10px 12px}.vs-card-name{font-family:var(--font-display);font-size:17px;color:var(--amber-dark);margin-bottom:8px;border-bottom:2px solid var(--parchment-dark);padding-bottom:5px}.vs-lvl{font-size:12px;color:#5a6350}.vs-row{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;padding:2px 0}.vs-row span{color:#5a6350}.vs-row b{font-weight:600}.vs-note{font-weight:400;font-size:10.5px;color:#8a8577;margin-left:4px}@media(max-width:560px){.vs-cards{grid-template-columns:1fr}}.battle-side{display:flex;flex-direction:column;gap:12px;min-width:0}.fighter-strip{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.vs{font-family:var(--font-display);font-size:18px;color:var(--amber)}.fighter-card{background:var(--parchment);color:var(--ink);border-radius:8px;padding:11px 13px;box-shadow:0 3px #0005;min-width:0}.fighter-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);font-size:19px;margin-bottom:7px;gap:6px}.fighter-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lvl{font-size:14px;color:var(--amber-dark);flex-shrink:0}.fighter-meta{font-size:12px;color:#5a6350;margin-top:6px;line-height:1.4}.enemy-ap{font-family:var(--font-display);font-size:13px;color:#b5651d;margin-top:5px}.enemy-ap output{color:#d9534f}.hpbar{position:relative;height:24px;background:#d0c39c;border-radius:5px;overflow:hidden}.hpbar-fill{height:100%;width:100%;transition:width .35s ease}.hp-blue{background:linear-gradient(180deg,#5db1ff,#2f7fd1)}.hp-red{background:linear-gradient(180deg,#e46a5e,#b93a30)}.hpbar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#10222e;text-shadow:0 1px 0 #ffffff55}.log-panel{display:flex;flex-direction:column}.battle-log{flex:1;min-height:150px;max-height:300px;overflow-y:auto;background:var(--pine-900);color:#cfe3d3;border-radius:6px;padding:8px 10px;font-size:12.5px;line-height:1.5}@media(min-width:980px)and (orientation:landscape){.battle-log{max-height:420px}}.log-line{white-space:pre-wrap}.log-player{color:#8fc7ff}.log-enemy{color:#ff9d8f}.log-good{color:#8fe39a}.log-bad{color:#f0b0a8}.log-special{color:#dfa9f2}.flash-toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--pine-700);color:var(--parchment);border:1px solid var(--amber-dark);padding:9px 18px;border-radius:8px;font-size:13px;z-index:9998;animation:flash-in 1.8s ease forwards;max-width:90vw;text-align:center}@keyframes flash-in{0%{opacity:0;transform:translate(-50%,12px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}.levelup-toast{position:fixed;top:38%;left:50%;transform:translate(-50%,-50%);background:var(--amber);color:var(--ink);font-family:var(--font-display);font-size:28px;letter-spacing:2px;padding:18px 38px;border-radius:12px;box-shadow:0 6px #0006;z-index:9999;animation:toast-pop 2.2s ease forwards;max-width:90vw;text-align:center}@keyframes toast-pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}12%{transform:translate(-50%,-50%) scale(1.05);opacity:1}18%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0}}.end-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.end-card{background:var(--parchment);color:var(--ink);border:4px solid var(--amber);border-radius:12px;padding:30px 44px;text-align:center;max-width:440px}.end-card h2{font-family:var(--font-display);font-size:36px;margin:0 0 10px;color:var(--amber-dark)}@media(max-width:560px){body{font-size:13px}.title{font-size:40px}.hub-name{font-size:22px}#screen-hub{padding:12px 12px 40px}#screen-battle{padding:10px 10px 30px}#screen-menu.active{padding:16px}.menu-card{padding:32px 20px}.battle-btns{gap:6px}.battle-btns .btn{font-size:14px;padding:9px 4px;min-width:0;flex:1 1 22%}.battle-btns .btn small{display:none}.ap-track{max-width:100%}.fighter-strip{grid-template-columns:1fr 1fr}.vs,.fighter-meta{display:none}.hub-chips{width:100%}.hub-grid{grid-template-columns:1fr}.modal-card{max-height:88vh}.modal-overlay{padding:10px}.turn-banner{white-space:normal;max-width:90%;text-align:center;font-size:16px;padding:6px 12px}.flash-toast,.levelup-toast{max-width:90vw;white-space:normal;text-align:center}.levelup-toast{font-size:22px;padding:14px 22px}}@media(prefers-reduced-motion:reduce){.levelup-toast,.flash-toast{animation:none}.hpbar-fill,.xpbar-fill{transition:none}}