:root{--bg: #141b2e;--text: #1f2a3d;--muted: #5b6b85;--danger: #c0392b;--success: #2e8b57;--window: linear-gradient(180deg, #eef4fd 0%, #dbe6f7 100%);--window-border: #4f6fa3;--title: #2f5597;--title-bar: linear-gradient(180deg, #6593d8 0%, #3c64aa 100%);--accent: #4a7bd0;--accent-dark: #345da3;--gold: #d8a93a;--click: #e8834a;--click-bg: linear-gradient(90deg, #fff3e6 0%, #fde2ca 100%);--dps: #2f9c98;--dps-bg: linear-gradient(90deg, #e6f6f5 0%, #cbeae8 100%);--skill: #8a63d2;--skill-bg: linear-gradient(90deg, #f3ecff 0%, #e4d7fb 100%);--night: linear-gradient(180deg, #2a3656 0%, #1b243b 100%);--night-border: #5b78b0;--rainbow: linear-gradient(90deg, #ff4d4d, #ffb84d, #fff04d, #5dff4d, #4dd2ff, #7a4dff, #ff4df0, #ff4d4d);font-family:system-ui,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#34507a,var(--bg));min-height:100vh}button{font:inherit;border:1px solid var(--accent-dark);background:linear-gradient(#6b9be6,var(--accent));color:#fff;border-radius:6px;padding:.35rem .7rem;cursor:pointer;box-shadow:inset 0 1px #ffffff40}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}button.active{background:linear-gradient(#f1c55c,var(--gold));border-color:#9c7520}button small{display:block;font-size:.75em;opacity:.9}button.link{background:none;border:none;box-shadow:none;color:var(--accent-dark);text-decoration:underline}kbd{font:700 .75rem/1 ui-monospace,monospace;padding:.15rem .35rem;border-radius:4px;background:#f4f1e8;color:#1f2a3d;border:1px solid #9aa9c4;box-shadow:0 1px #9aa9c4}.window{background:var(--window);border:2px solid var(--window-border);border-radius:8px;box-shadow:0 4px 14px #00000059}.muted{color:var(--muted)}.error{color:var(--danger)}.met{color:var(--success)}.unmet{color:var(--danger)}.splash{display:grid;place-items:center;gap:1rem;min-height:100vh;color:#fff}.progress{height:6px;border-radius:3px;background:#00000040;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#f1c55c,var(--gold))}.auth{display:flex;flex-direction:column;align-items:center;gap:1.25rem;min-height:100vh;padding:22vh 1rem 1rem;background:#2a4a7a center / cover no-repeat}.auth-logo{text-align:center;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;font-style:italic;letter-spacing:.02em;color:#cfd9ff;-webkit-text-stroke:1px #1d2f6b;text-shadow:0 2px 0 #3b56a8,0 4px 10px rgb(0 0 0 / .5)}.logon{width:min(100%,440px);border:1px solid #7d8aa6;border-radius:3px;background:#f2f4f8;box-shadow:0 6px 22px #00000073;font-family:Tahoma,Verdana,Segoe UI,sans-serif;font-size:14px;color:#222}.logon-title{display:flex;align-items:center;gap:6px;padding:4px 8px;background:linear-gradient(#e9edf5,#c9d2e3);border-bottom:1px solid #9aa6bf;color:#1c2a4a}.logon-dot{width:9px;height:9px;border-radius:50%;border:1px solid #54627f;background:radial-gradient(circle at 35% 35%,#fff,#8e9bb8)}.logon-body{padding:16px 16px 8px}.logon-row{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:10px;margin-bottom:10px}.logon-row>span:first-child{justify-self:end;font-weight:700;color:#2c4c8c}.logon-row input:not([type=checkbox]){width:100%;min-width:0;padding:4px 6px;border:1px solid #a9b3c6;border-radius:0;background:#fff;font:inherit}.logon-row input:not([type=checkbox]):focus{outline:none;border-color:#5a78c0}.logon-keep{display:flex;align-items:center;gap:3px;font-size:12px;color:#555}.logon-error{margin:0 0 6px;color:#c0392b;font-weight:700}.logon-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-top:1px solid #c3cad8;background:#e6e9f0}.logon-button{min-width:56px;padding:3px 12px;border:1px solid #6d7892;border-radius:9px;background:linear-gradient(#fff,#d7dce6);box-shadow:none;color:#222;font:inherit}.logon-button:hover:not(:disabled){background:linear-gradient(#fff,#e6ebf5)}.logon-link{padding:0;border:none;background:none;box-shadow:none;color:#2c4c8c;font:inherit;text-decoration:underline}.game{display:grid;grid-template-columns:minmax(360px,470px) 72px 1fr;grid-template-rows:auto 1fr;gap:.6rem;height:100vh;padding:.6rem}.topbar{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;color:#fff}.topbar .muted{color:#c8d2e6}.brand{font-size:1.2rem;color:#ffe08a;text-shadow:0 2px 0 rgb(0 0 0 / .4)}.spacer{flex:1}.rebirth{background:linear-gradient(#c89cf0,#8e44ad);border-color:#5e2a78}.side{display:flex;flex-direction:column;gap:.5rem;min-height:0}.currency-panel{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:.55rem 1rem;border-radius:10px;background:linear-gradient(#fff,#eef2f8);border:2px solid #c9d4e6;box-shadow:0 3px 10px #0000004d}.zeny-counter,.emperium-counter{display:flex;align-items:center;gap:.5rem;color:#3b3b3b}.zeny-counter strong{font-size:2rem;letter-spacing:.02em}.emperium-counter strong{font-size:1.2rem;color:#8a5a12}.currency-icon{width:40px;height:40px}.currency-icon.small{width:28px;height:28px}.tabs{display:flex;gap:.3rem;padding:0 .5rem;margin-bottom:-.5rem;z-index:1}.tabs button{display:flex;align-items:center;gap:.35rem;padding:.35rem .9rem;border:2px solid #c9d4e6;border-bottom:none;border-radius:10px 10px 0 0;background:linear-gradient(#fff,#e3e9f3);color:#3a4f75;box-shadow:none;font-weight:700}.tabs button[aria-selected=true]{background:linear-gradient(#8fb3ea,#5d8bd8);border-color:#5d8bd8;color:#fff}.side-window{flex:1;display:flex;flex-direction:column;min-height:0;border-radius:12px;background:linear-gradient(#eef3fb,#dde6f4);border:2px solid #9fb6dc;box-shadow:0 4px 14px #00000059;overflow:hidden}.stats-strip{display:flex;justify-content:space-between;gap:.5rem;padding:.45rem .8rem;background:linear-gradient(#dbe7f8,#c7d8f1);border-bottom:2px solid #aac0e2;color:#34486b;font-size:.85rem;font-weight:600}.stats-right{text-align:right}.side-body{flex:1;overflow-y:auto;padding:.6rem;scrollbar-color:#6f96d8 #d5e0f1}.main{display:flex;flex-direction:column;min-height:0}.amounts{position:sticky;top:-.6rem;z-index:2;display:flex;align-items:center;gap:.35rem;margin:-.6rem -.6rem .6rem;padding:.6rem .6rem .5rem;background:#e9eff9;border-bottom:1px solid #c6d4ea;box-shadow:0 3px 6px -4px #00000059;font-weight:700;color:#3a4f75}.amounts button{padding:.2rem .6rem}.amounts .learn-all{margin-left:auto;background:linear-gradient(#58b86a,#2f8a45);color:#fff}.class-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;min-height:96px;margin-bottom:.55rem;padding:.5rem 5.2rem .5rem .5rem;border-radius:14px;border:2px solid #c3cde0;background:linear-gradient(#f1f4f9,#d6deeb);box-shadow:0 2px 5px #00000026}.class-card.affordable{border-color:#c9951b;background:linear-gradient(#ffe68a,#f7c235 55%,#e8a817)}.lvlup{display:flex;flex-direction:column;gap:.25rem;width:112px}.lvlup-button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:.4rem;padding:.35rem .45rem;border-radius:10px;border:1px solid #c3cde0;background:#fff;color:#3b3b3b;box-shadow:0 2px 4px #0003}.lvlup-button:disabled{opacity:.7}.lvlup-arrow{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:6px;background:linear-gradient(#5b93e6,#2a5fb8);color:#fff;font-size:.9rem}.lvlup-label{font-weight:900;font-size:1rem;color:#c9a321;text-shadow:-1px -1px 0 #6b5a10,1px -1px 0 #6b5a10,-1px 1px 0 #6b5a10,1px 1px 0 #6b5a10;text-align:left}.lvlup-label small{display:inline;font-size:.75rem}.lvlup-cost{display:flex;align-items:center;gap:.2rem;font-size:.8rem;font-weight:700;color:#6b5a10}.cost-icon{width:16px;height:16px}.to-upgrade{padding:.15rem .3rem;font-size:.72rem;border-radius:8px;background:linear-gradient(#8fd18f,#4a9e4a);border-color:#357a35}.class-middle{display:flex;flex-direction:column;justify-content:center;gap:.3rem;min-width:0;max-height:64px;overflow:hidden}.class-identity{display:flex;flex-direction:column;align-items:flex-end;text-align:right;line-height:1.15}.class-name{font-size:.8rem;font-style:italic;color:#5d4a8c}.class-level{font-size:1.35rem;font-weight:700;color:#2b2b2b}.class-damage{font-size:.72rem;color:#4b5a73}.class-portrait{position:absolute;right:.3rem;bottom:.2rem;height:88px;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .35))}.upgrade-tiles{display:flex;flex-wrap:nowrap;align-items:center;gap:.25rem;min-width:0}.upgrade-tiles>*{flex:none}.bought-chip,.more-chip{display:grid;place-items:center;height:30px;padding:0 .35rem;border-radius:6px;font-size:.72rem;font-weight:800;cursor:default}.bought-chip{border:1px solid #2e9d5b;background:#e4f6ea;color:#1f7a43}.more-chip{color:#6a5a1e}.bought-list{margin:.3rem 0 0;padding:0;list-style:none;font-size:.8rem}.bonus-levels{color:var(--success);font-weight:800}.upgrade-tile{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:6px;border:1px solid #8fa3c4;background:linear-gradient(#fff,#e2e8f2);box-shadow:none;color:#2f5597}.upgrade-tile.buyable{border-color:#2a5fb8;box-shadow:0 0 8px #508cf0e6;cursor:pointer}.upgrade-tile.available:not(.buyable){opacity:.75;cursor:not-allowed}.upgrade-tile.locked{background:#2c2c34;border-color:#111;color:#777;cursor:not-allowed}.upgrade-tile.locked .tile-icon{filter:grayscale(1) brightness(.45)}.upgrade-tile.bought{cursor:default}.tile-icon{width:24px;height:24px}.tile-bonus{font-size:.6rem;font-weight:800;letter-spacing:-.02em}.tile-check{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#2e9d5b;border:1px solid #fff;color:#fff;font-size:.55rem}.next-skill{display:flex;align-items:center;gap:.3rem;min-width:0;font-size:.72rem;font-weight:700;color:#3a3a3a;white-space:nowrap}.next-skill-text{overflow:hidden;text-overflow:ellipsis}.next-skill-icon{width:20px;height:20px}.tooltip-upgrade{margin:.5rem 0 .3rem;padding-top:.4rem;border-top:1px solid #45506b}.skill-column{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.5rem 0;border-radius:12px;background:linear-gradient(#fff,#e7edf6);border:2px solid #c9d4e6;box-shadow:0 4px 14px #0000004d;overflow-y:auto}.skill{position:relative;display:grid;place-items:center;width:52px;height:52px;padding:0;border-radius:8px;border:1px solid #aab8d2;background:radial-gradient(circle,#f4f1e8,#cfd8e8);box-shadow:0 1px 3px #00000040;overflow:hidden}.skill.active{border-color:#ff9a4a;box-shadow:0 0 12px #ff8c46e6}.skill[aria-disabled=true]{cursor:not-allowed}.skill-icon{width:40px;height:40px}.skill-cooldown{position:absolute;inset:0;background:conic-gradient(rgb(10 14 26 / .7) var(--left),transparent 0)}.skill-key{position:absolute;top:1px;left:1px;padding:.05rem .25rem;font-size:.6rem}.skill-timer{position:absolute;bottom:1px;right:2px;font-size:.6rem;font-weight:800;color:#fff;text-shadow:0 0 3px #000}.skill-empty{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;border:1px dashed #aab8d2;color:#8a98b3;font-weight:800}.battle{--battle-fallback: linear-gradient(#bfe3ff 0%, #e6f4d8 60%, #9ccf6a 60%, #7fb951 100%);position:relative;flex:1;min-height:320px;overflow:hidden;border-radius:12px;border:2px solid #c9d4e6;box-shadow:0 4px 14px #00000059;background:var(--battle-fallback);background-size:cover;background-position:center}.battle{cursor:pointer;-webkit-user-select:none;user-select:none}.battle-canvas{position:absolute;inset:0;pointer-events:none}.battle-monster{position:absolute;left:50%;top:70%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-100%);pointer-events:none}.monster-bob{position:relative;z-index:1;animation:monster-bob 2.4s ease-in-out infinite;transform-origin:bottom center}.monster-bob img{display:block;image-rendering:pixelated;filter:drop-shadow(0 2px 2px rgb(0 0 0 / .35))}.monster-blob{width:90px;height:70px;border-radius:50% 50% 45% 45%;border:3px solid rgb(0 0 0 / .25)}.battle-monster.miniBoss .monster-blob{width:115px;height:90px}.battle-monster.boss .monster-blob{width:140px;height:110px}.monster-shadow{height:14px;margin-top:-8px;border-radius:50%;background:radial-gradient(ellipse,#00000059,#0000 70%)}@keyframes monster-bob{50%{transform:scaleY(.97) translateY(1px)}}.loot-layer{position:absolute;left:50%;top:30%;pointer-events:none}.loot-pop{position:absolute;display:flex;align-items:center;gap:.25rem;transform:translate(-50%);font-weight:900;font-size:1.05rem;white-space:nowrap;color:#b8f5ff;text-shadow:0 0 3px #00334a,0 1px 2px #000;animation:loot-rise 2.4s ease-out forwards}.loot-pop.equipment{color:#ffd27a}.loot-icon{width:28px;height:28px}.slot-badge{color:#7fe07f;font-weight:900}@keyframes loot-rise{0%{transform:translate(-50%,10px) scale(.6);opacity:0}12%{transform:translate(-50%) scale(1.15);opacity:1}75%{opacity:1}to{transform:translate(-50%,-60px) scale(1);opacity:0}}.level-selector{position:absolute;top:.6rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.2rem;pointer-events:none}.level-panel{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border-radius:10px;background:linear-gradient(#c9dcf6,#93b6e8);border:2px solid #fff;box-shadow:0 3px 10px #00000059;pointer-events:auto}.level-arrow{padding:0 .3rem;border:none;background:none;box-shadow:none;color:#fff;font-size:1.3rem;text-shadow:0 1px 2px rgb(0 0 0 / .4)}.level-tile{position:relative;display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:6px;border:2px solid #6d8fc4;background:linear-gradient(#5b7a4a,#3d5a33);box-shadow:none}.level-tile.active{border-color:#ffd23f;box-shadow:0 0 10px #ffd23fe6}.level-tile.miniBoss{border-color:#b889f0}.level-tile.boss{border-color:#ff6b5b}.level-tile.active.miniBoss,.level-tile.active.boss{box-shadow:0 0 10px #ffd23fe6}.level-monster{width:34px;height:34px}.level-number{position:absolute;bottom:-2px;right:1px;font-size:.65rem;font-weight:800;color:#ffd23f;text-shadow:0 0 3px #000,0 0 2px #000}.region-line{font-size:1.15rem;font-weight:700;color:#fff;text-shadow:0 2px 3px rgb(0 0 0 / .8)}.kill-line{display:flex;align-items:center;gap:.4rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / .8);pointer-events:auto}.kill-icon{width:24px;height:24px}.auto{display:flex;align-items:center;gap:.2rem;margin-left:.4rem;font-size:.8rem;cursor:pointer}.monster-info{position:absolute;bottom:.9rem;left:50%;transform:translate(-50%);width:min(90%,300px);text-align:center;pointer-events:none}.monster-name{font-size:1.05rem;font-weight:700;color:#ff5a44;text-shadow:0 0 3px #fff,0 0 2px #fff,0 1px 2px rgb(0 0 0 / .4)}.monster-hp{font-size:1rem;font-weight:900;color:#d6200c;text-shadow:0 0 3px #fff,0 0 2px #fff}.badge{background:var(--danger);color:#fff;border-radius:4px;padding:0 .35rem;font-size:.75rem;vertical-align:middle;text-shadow:none}.badge.rare{background:linear-gradient(#f1c55c,var(--gold));color:#3b2a00}.hp-bar{height:16px;margin-top:.25rem;background:#282828bf;border:2px solid #fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0006}.hp-fill{height:100%;background:linear-gradient(#ffe45c,#e8b60c);transition:width .1s linear}.boss-timer{margin-top:.2rem;font-weight:700;color:#fff;text-shadow:0 0 3px var(--danger),0 0 2px #000}.treasure-layer{position:absolute;inset:0;pointer-events:none}.treasure-box{position:absolute;display:grid;place-items:center;width:64px;height:64px;padding:0;transform:translate(-50%,-50%);border:none;border-radius:50%;background:radial-gradient(circle,#fff0aad9,#ffdc5a00 70%);box-shadow:none;pointer-events:auto;cursor:pointer;animation:box-appear .35s ease-out,box-bob 1.4s ease-in-out .35s infinite}.treasure-box:hover{filter:brightness(1.2)}.treasure-box.ending{animation:box-blink .5s steps(2) infinite}.treasure-icon{width:48px;height:48px;filter:drop-shadow(0 3px 3px rgb(0 0 0 / .5))}.treasure-opened{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%,-50%)}.treasure-icon.opening{animation:box-open .6s ease-out forwards}.treasure-reward{display:flex;align-items:center;gap:.2rem;font-weight:900;font-size:1.15rem;color:#ffe98a;white-space:nowrap;text-shadow:0 0 3px #5a3a00,0 1px 2px #000;animation:reward-rise 1.6s ease-out forwards}.reward-icon{width:26px;height:26px}.treasure-name{font-weight:800;font-size:.8rem;color:#fff;white-space:nowrap;text-shadow:0 1px 2px #000;animation:reward-rise 1.6s ease-out forwards}@keyframes box-appear{0%{transform:translate(-50%,-50%) scale(0)}}@keyframes box-bob{50%{transform:translate(-50%,calc(-50% - 6px))}}@keyframes box-blink{50%{opacity:.35}}@keyframes box-open{30%{transform:scale(1.3) rotate(-8deg)}60%{transform:scale(1.2) rotate(8deg);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes reward-rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}to{transform:translateY(-50px);opacity:0}}.game-icon{image-rendering:pixelated;object-fit:contain}.game-icon.fallback{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:6px;background:linear-gradient(#6593d8,#3c64aa);color:#fff;font-weight:700}.achievements h3{margin:1rem 0 .4rem;font-size:.95rem;color:var(--title)}.achievements-summary{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem;color:var(--title)}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}.achievement-button{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;padding:0;border-radius:10px;background:var(--night);border:2px solid #3c4a6e}.achievement.unlocked .achievement-button{border-color:var(--gold);box-shadow:0 0 10px #f1c55c99,inset 0 0 12px #f1c55c40}.achievement-icon{width:60%;height:60%}.achievement.locked .achievement-icon{filter:grayscale(1) brightness(.7);opacity:.5}.achievement-progress{position:absolute;left:6px;right:6px;bottom:5px;height:4px;border-radius:2px;background:#ffffff26;overflow:hidden}.achievement-progress>span{display:block;height:100%;background:var(--gold)}.bonus-list{margin:0;padding-left:1.2rem;color:var(--success);font-weight:600}.tooltip{position:fixed;z-index:1000;width:min(290px,calc(100vw - 16px));padding:.65rem .8rem;background:#262f45;color:#f4f1e8;border:1px solid #8fa3cc;border-radius:8px;box-shadow:0 6px 18px #00000073;font-size:.85rem;line-height:1.35;text-align:left;pointer-events:none}.tooltip-header{display:flex;align-items:center;gap:.5rem}.tooltip-icon{width:28px;height:28px;flex:none}.tooltip-title{flex:1;color:#f1c55c;font-size:.95rem}.tooltip p{margin:.35rem 0 .5rem}.tooltip dl{display:grid;grid-template-columns:auto 1fr;gap:.15rem .6rem;margin:0}.tooltip dt{color:#aab6cf}.tooltip dd{margin:0}.tooltip .met{color:#8fd18f}.tooltip .unmet{color:#ff9a8a}.tooltip-status{margin-top:.5rem;padding-top:.4rem;border-top:1px solid #45506b;color:#aab6cf}.toasts{position:fixed;right:1rem;top:4rem;z-index:900;display:flex;flex-direction:column;gap:.5rem}.toast{display:flex;align-items:center;gap:.6rem;min-width:240px;padding:.6rem .9rem;text-align:left;background:var(--night);border:2px solid var(--gold);box-shadow:0 0 16px #f1c55c80;animation:toast-in .25s ease-out}.toast strong{display:block;color:#f1c55c}.toast .met{color:#8fd18f}.toast-icon{width:36px;height:36px}@keyframes toast-in{0%{transform:translate(30px);opacity:0}}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#00000080}.modal{position:relative;max-width:min(420px,94vw);max-height:90vh;overflow-y:auto;padding:1.25rem;text-align:center}.modal h2{margin:0 0 .6rem;font-size:1.1rem;color:var(--title)}.welcome-back{min-width:min(360px,92vw)}.welcome-back h2{margin:0 0 .25rem;color:var(--title)}.welcome-back p{margin:0}.welcome-duration{margin:.2rem 0 .8rem;font-size:1.8rem;font-weight:800;color:#2f5597}.welcome-gains{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;padding:.7rem;border-radius:10px;background:linear-gradient(#fff6d8,#ffe7a3);border:1px solid #e0b64a}.welcome-zeny{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:1.1rem;color:#6b4a00}.welcome-zeny strong{font-size:1.6rem}.welcome-icon{width:36px;height:36px}@media(prefers-reduced-motion:reduce){.treasure-box,.treasure-icon.opening,.treasure-reward{animation:none}}@media(max-width:900px){.game{grid-template-columns:1fr;grid-template-rows:auto;height:auto}.topbar{order:-3}.main{order:-2;min-height:420px}.skill-column{order:-1;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:.5rem}.side{min-height:70vh}}.audio-controls{display:flex;gap:.3rem}.audio-controls button{padding:.25rem .55rem;font-size:.85rem}.audio-controls button.off{opacity:.6;text-decoration:line-through}.stuff h3,.cards h3{margin:.8rem 0 .4rem;font-size:.95rem;color:var(--title)}.equip-window{border:2px solid var(--window-border);border-radius:8px;overflow:hidden;background:#f7f9fd}.equip-title{padding:.2rem .6rem;background:var(--title-bar);color:#fff;font-weight:700;font-size:.85rem}.equip-body{display:grid;grid-template-columns:1fr 90px 1fr;gap:.35rem;padding:.5rem}.equip-column{display:flex;flex-direction:column;gap:.3rem}.equip-column:last-child .equip-slot{flex-direction:row-reverse;text-align:right}.equip-slot{display:flex;align-items:center;gap:.3rem;min-height:38px;padding:.2rem .35rem;border:1px solid #c3cfe3;border-radius:5px;background:#fff;box-shadow:none;color:var(--text);font-size:.78rem;text-align:left}.equip-slot:not(.filled){cursor:default}.equip-slot.selected,.inventory-item.selected{outline:2px solid var(--accent)}.equip-empty{color:#9aa7bc}.equip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equip-icon{flex:none;width:24px;height:24px;image-rendering:pixelated}.equip-character{display:grid;place-items:center}.equip-character img{max-width:90px;max-height:150px}.equip-bonuses{display:flex;flex-wrap:wrap;gap:.25rem .8rem;padding:.35rem .6rem;border-top:1px solid #d5deec;font-size:.8rem;font-weight:700;color:var(--success)}.item-details{display:flex;flex-direction:column;gap:.35rem;margin-top:.6rem;padding:.6rem;border:1px solid #c3cfe3;border-radius:8px;background:#fff;font-size:.85rem}.item-header{display:flex;align-items:center;gap:.4rem}.item-header strong{flex:1}.item-actions{display:flex;flex-wrap:wrap;gap:.35rem}.item-actions .discard{margin-left:auto;background:var(--danger)}button.link{padding:0 .3rem;background:none;box-shadow:none;color:var(--muted)}.materials{display:flex;flex-direction:column;gap:.25rem}.material{display:flex;align-items:center;gap:.4rem;padding:.2rem .4rem;border-radius:5px;background:#fff9;font-size:.85rem}.material.none{opacity:.55}.material-name{flex:1}.material .craft{padding:.1rem .45rem;font-size:.75rem}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:.3rem}.inventory-item{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:0;border:1px solid #c3cfe3;border-radius:5px;background:#fff;box-shadow:none}.inventory-item.equipped{background:#e4f4e8}.inventory-item .equip-icon{width:30px;height:30px}.refine-badge,.inventory-item .slot-badge,.equipped-badge{position:absolute;font-size:.65rem;font-weight:900;line-height:1;text-shadow:0 0 2px #fff,0 0 2px #fff}.refine-badge{top:2px;left:2px;color:var(--accent-dark)}.inventory-item .slot-badge{right:2px;bottom:2px;color:#1c7a33}.equipped-badge{top:2px;right:2px;color:var(--success)}.cards-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.album-count{display:flex;align-items:center;gap:.3rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:.5rem}.owned-card{display:flex;flex-direction:column;align-items:center;gap:.25rem}.owned-card button{padding:.15rem .4rem;font-size:.75rem}.card-art{position:relative}.card-image{display:block;width:75px;height:100px;object-fit:contain;border-radius:4px;box-shadow:0 2px 5px #00000059}.card-level{position:absolute;right:3px;bottom:3px;padding:0 .25rem;border-radius:3px;background:#000000a6;color:#fff;font-size:.7rem;font-weight:700}.card-level-line{font-size:.8rem}.card-flavor{font-style:italic;color:var(--muted)}.summon-modal{position:relative;max-width:560px}.summon-modal h2{margin:0 0 .3rem;font-size:1.1rem}.summon-choices{display:flex;justify-content:center;gap:.8rem;margin:.8rem 0}.summon-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem;border:2px solid transparent;background:#fff9;color:var(--text)}.summon-card:hover{border-color:var(--gold)}.summon-card .card-image{width:110px;height:150px}.modal-close{position:absolute;top:.4rem;right:.4rem;padding:.1rem .45rem;background:none;box-shadow:none;color:var(--muted)}.impact-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.click-impact{position:absolute;z-index:2;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:radial-gradient(circle,#fff 0 16%,#ffec82f2 28%,#ffaa3299 45%,#ff962800 68%);filter:drop-shadow(0 0 4px rgb(120 60 0 / .6));animation:impact-pop .4s ease-out forwards}.click-impact:before,.click-impact:after{content:"";position:absolute;left:50%;top:50%;width:120px;height:6px;margin:-3px 0 0 -60px;border-radius:3px;background:linear-gradient(90deg,transparent,#fff 30%,#fff 70%,transparent);box-shadow:0 0 10px 2px #ffd54a;transform:rotate(var(--angle, 30deg)) scaleX(.2);animation:impact-slash .3s ease-out forwards}.click-impact:after{transform:rotate(calc(var(--angle, 30deg) + 70deg)) scaleX(.2);animation-name:impact-slash-2}.click-impact.critical{width:130px;height:130px;margin:-65px 0 0 -65px;background:radial-gradient(circle,#fffffff2 0 15%,#ff5a3cd9 32%,#ff3c1e00 68%)}.click-impact.critical:before,.click-impact.critical:after{width:180px;height:8px;margin:-4px 0 0 -90px;box-shadow:0 0 14px 3px #ff5a2d}@keyframes impact-pop{0%{transform:scale(.35);opacity:1}40%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes impact-slash{60%{opacity:1}to{transform:rotate(var(--angle, 30deg)) scaleX(1);opacity:0}}@keyframes impact-slash-2{60%{opacity:1}to{transform:rotate(calc(var(--angle, 30deg) + 70deg)) scaleX(1);opacity:0}}@media(prefers-reduced-motion:reduce){.click-impact,.click-impact:before,.click-impact:after{animation-duration:.01s}}.rarity-name,.rarity-label{font-weight:800;text-shadow:0 0 2px #1a1a1a,0 0 2px #1a1a1a,0 1px 1px #000}@keyframes rainbow-shift{to{background-position:200% 0}}.item-stats{display:flex;flex-direction:column;gap:.1rem;font-size:.85rem;text-align:left}.rarity-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.main-stat{font-weight:800;color:var(--success)}.tooltip .main-stat{color:#7fe07f}.substat{color:#3f6fb5}.substat:before{content:"◆ ";font-size:.7em}.tooltip .substat{color:#9cc3ff}button.danger{background:linear-gradient(#e0533f,#b8321f);color:#fff}.confirm-dialog{max-width:min(380px,92vw)}.confirm-message{text-align:left}.confirm-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.8rem}.settings{width:min(420px,94vw);text-align:left}.settings-section h3{margin:.4rem 0 .5rem;font-size:.95rem;color:var(--title)}.settings-section+.settings-section{margin-top:.8rem;padding-top:.6rem;border-top:1px solid #c3cfe3}.volume-row{display:grid;grid-template-columns:11rem 1fr 2.8rem;align-items:center;gap:.5rem;margin-bottom:.4rem}.volume-row.off input[type=range]{opacity:.4}.volume-toggle{display:flex;align-items:center;gap:.35rem;font-weight:700;cursor:pointer}.volume-row input[type=range]{width:100%;accent-color:var(--accent)}.volume-value{font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}.radio-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem;cursor:pointer}.danger-zone p{margin:0 0 .5rem;font-size:.85rem}.admin-button{background:linear-gradient(#7b5bd6,#5a3bb0);color:#fff}.admin-panel{width:min(520px,94vw);max-width:min(520px,94vw);text-align:left}.admin-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem}.admin-row label,.admin-label{width:8.5rem;font-weight:700}.admin-hint{margin:-.2rem 0 .6rem;font-size:.78rem;color:var(--muted)}.admin-row input,.admin-row select{flex:1;min-width:6rem;padding:.3rem .4rem;border:1px solid #9fb2d2;border-radius:5px;font:inherit}.admin-row input.short{flex:0 0 5rem;min-width:0}.admin-resets{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem;padding-top:.6rem;border-top:1px solid #c3cfe3}.admin-message{margin:.7rem 0 0;padding:.4rem .6rem;border-radius:5px;background:#e4f6ea;color:#1f7a43;font-weight:700}.mvp-banner{position:absolute;left:50%;top:30%;z-index:3;transform:translate(-50%,-50%);pointer-events:none;animation:mvp-banner 2.6s ease-out forwards}.mvp-banner img{display:block;width:min(360px,70%);min-width:220px;image-rendering:pixelated;filter:drop-shadow(0 4px 8px rgb(0 0 0 / .5))}.mvp-banner-text{font-size:4rem;font-weight:900;color:#ffe45c;-webkit-text-stroke:3px #d8342a}@keyframes mvp-banner{0%{transform:translate(-50%,-50%) scale(.1) rotate(-12deg);opacity:0}12%{transform:translate(-50%,-50%) scale(1.25) rotate(4deg);opacity:1}20%{transform:translate(-50%,-50%) scale(.95) rotate(-2deg)}28%,80%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-70%) scale(1.05);opacity:0}}.slot-line{margin-top:.3rem;font-size:.8rem;font-style:italic}.compare-title{margin:.5rem 0 .2rem;padding-top:.35rem;border-top:1px solid #45506b;font-size:.8rem}.item-details .compare-title{border-top-color:#c3cfe3}.item-compare{width:100%;border-collapse:collapse;font-size:.78rem}.item-compare th{font-weight:600;text-align:left;opacity:.75}.item-compare td,.item-compare th{padding:1px 4px}.item-compare td:not(:first-child),.item-compare th:not(:first-child){text-align:right;white-space:nowrap}.item-compare .gain{color:#3fbf5f;font-weight:800}.item-compare .loss{color:#e0533f;font-weight:800}.item-compare .same{opacity:.6}