:root{--bg:#0b1026;--bg2:#141a3a;--panel:#1b2250;--line:#2d3a7a;--text:#eef2ff;--muted:#94a3c8;--ok:#a3e635;--ng:#f43f5e;--gold:#fbbf24;--wc:#22d3ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}button:disabled{cursor:default}#app,.app{height:100%}#fx{pointer-events:none;z-index:50;width:100%;height:100%;position:fixed;inset:0}.screen{-webkit-overflow-scrolling:touch;height:100%;padding:calc(env(safe-area-inset-top) + 12px) max(16px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 24px) max(16px, env(safe-area-inset-left));background:linear-gradient(#ffffff09 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, #ffffff09 1px, transparent 1px) 0 0 / 40px 40px, radial-gradient(ellipse at top, #1e2a6b 0%, var(--bg) 60%);overflow-y:auto}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.topbar h2{color:var(--wc);text-shadow:0 0 16px var(--wc);margin:0;font-size:1.5rem}.icon-btn{border:2px solid var(--line);background:var(--panel);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:1.4rem;display:grid}.icon-btn:active{transform:scale(.92)}.logo{text-align:center;margin:8px 0 28px;line-height:1}.logo-main,.logo-war{letter-spacing:.04em;font-family:Arial Black,Helvetica Neue,sans-serif;font-size:clamp(2.6rem,9vw,4.6rem);font-weight:900;display:inline-block}.logo-main{background:linear-gradient(90deg,#22d3ee,#a855f7,#f472b6);color:#0000;filter:drop-shadow(0 0 18px #a855f799);-webkit-background-clip:text;background-clip:text}.logo-war{color:#ff4d3d;text-shadow:0 0 18px #ff4d3de6,0 0 40px #fb923c99,0 4px #7f1d1d;margin-left:.25em;animation:1.6s ease-in-out infinite war-glow;transform:skew(-10deg)}@keyframes war-glow{50%{text-shadow:0 0 30px #ff783c,0 0 60px #fbbf24cc,0 4px #7f1d1d}}.logo-sub{color:var(--muted);letter-spacing:.18em;margin-top:12px;font-size:1rem;font-weight:700;display:block}@keyframes glow{50%{text-shadow:0 0 34px #fbbf24}}.world-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:900px;margin:0 auto;display:grid}.world-card{text-align:left;border:3px solid var(--wc);background:linear-gradient(160deg, color-mix(in srgb, var(--wc) 22%, var(--panel)), var(--panel));box-shadow:0 6px 0 color-mix(in srgb, var(--wc) 55%, #000), 0 0 24px color-mix(in srgb, var(--wc) 30%, transparent);border-radius:20px;padding:20px 22px;transition:transform 80ms}.world-card:active:not(:disabled){box-shadow:0 2px 0 color-mix(in srgb, var(--wc) 55%, #000);transform:translateY(4px)}.world-card.review{--wc:#a3e635}.world-card:disabled{opacity:.45}.world-name{font-size:1.5rem;font-weight:900}.world-sub{color:var(--muted);margin-top:4px;font-size:.95rem}.world-progress{color:var(--gold);align-items:center;gap:10px;margin-top:14px;font-weight:700;display:flex}.bar{background:#00000059;border-radius:99px;flex:1;height:10px;overflow:hidden}.bar>div{background:linear-gradient(90deg, var(--wc), var(--gold));border-radius:99px;height:100%}.update-btn{border:2px solid var(--gold);color:var(--gold);background:0 0;border-radius:12px;margin:24px auto 0;padding:12px 20px;font-weight:700;display:block}.stage-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;max-width:900px;margin:20px auto 0;display:grid}.stage-tile{aspect-ratio:1;border:3px solid var(--wc);background:var(--panel);box-shadow:0 6px 0 color-mix(in srgb, var(--wc) 50%, #000);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.stage-tile:active:not(:disabled){box-shadow:0 2px 0 color-mix(in srgb, var(--wc) 50%, #000);transform:translateY(4px)}.stage-tile:disabled{opacity:.35;border-color:var(--line);box-shadow:none}.stage-tile.boss{border-color:var(--ng);box-shadow:0 6px #7f1d2d,0 0 20px #f43f5e66}.stage-tile.perfect{background:linear-gradient(160deg, color-mix(in srgb, var(--gold) 25%, var(--panel)), var(--panel))}.stage-name{font-family:Arial Black,sans-serif;font-size:1.3rem;font-weight:900}.stage-rule{color:var(--muted);font-size:.8rem}.stars{letter-spacing:2px;color:#3b4370;font-size:1.5rem}.stars .on{color:var(--gold);text-shadow:0 0 10px #fbbf24cc}.hint{text-align:center;color:var(--muted);margin-top:24px}.play{height:100%;padding:calc(env(safe-area-inset-top) + 10px) max(16px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 16px) max(16px, env(safe-area-inset-left));flex-direction:column;display:flex;position:relative;overflow:hidden}.play-bg{z-index:-1;background:linear-gradient(#ffffff0a 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(90deg, #ffffff0a 1px, transparent 1px) 0 0 / 48px 48px, radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--wc) 25%, var(--bg)) 0%, var(--bg) 70%);transition:filter .4s;position:absolute;inset:0}.play.fever .play-bg{background:linear-gradient(#ffffff0f 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#ffffff0f 1px,#0000 1px) 0 0/48px 48px,linear-gradient(120deg,#7c3aed,#db2777,#f59e0b,#0891b2,#7c3aed) 0 0/400% 400%;animation:3s linear infinite fever-bg,1s linear infinite grid-scroll}@keyframes fever-bg{to{background-position:0 0,0 0,400% 0}}@keyframes grid-scroll{to{background-position:0 48px,48px 0,0 0}}.play.fever:after{content:"";pointer-events:none;border:6px solid #0000;border-image:linear-gradient(90deg,#22d3ee,#f472b6,#fbbf24,#a3e635) 1;animation:.5s ease-in-out infinite alternate pulse-border;position:absolute;inset:0}@keyframes pulse-border{0%{opacity:.4}to{opacity:1}}.play.danger:not(.fever) .play-bg{animation:.8s ease-in-out infinite danger-bg}@keyframes danger-bg{50%{filter:brightness(1.25)hue-rotate(-40deg)saturate(1.4)}}.flash{pointer-events:none;z-index:40;background:#fff;animation:.35s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.7}to{opacity:0}}.hud{align-items:center;gap:12px;display:flex}.timer{border:2px solid var(--line);background:#00000073;border-radius:99px;flex:1;height:34px;position:relative;overflow:visible}.timer-fill{background:linear-gradient(90deg, var(--wc), #a3e635);height:100%;box-shadow:0 0 16px var(--wc);border-radius:99px}.danger .timer-fill{background:linear-gradient(90deg,#f43f5e,#fb923c);box-shadow:0 0 20px #f43f5e}.timer-sec{text-shadow:0 1px 4px #000;justify-content:center;align-items:center;font-size:1.15rem;font-weight:900;display:flex;position:absolute;inset:0}.timer-sec small{margin-left:2px;font-size:.7em}.danger .timer-sec{animation:.5s ease-in-out infinite beat}@keyframes beat{50%{transform:scale(1.15)}}.penalty{color:var(--ng);text-shadow:0 0 10px var(--ng);font-size:1.6rem;font-weight:900;animation:1s ease-out forwards penalty;position:absolute;top:100%;right:8px}@keyframes penalty{0%{opacity:1;transform:translateY(0)scale(1.4)}to{opacity:0;transform:translateY(30px)scale(1)}}.combo{opacity:.55;justify-content:center;align-items:baseline;gap:6px;min-height:56px;display:flex}.combo.on{opacity:1}.combo-num{color:var(--gold);text-shadow:0 0 18px var(--gold);font-family:Arial Black,sans-serif;font-size:3rem;font-weight:900;display:inline-block}.combo-label{color:var(--gold);font-family:Arial Black,sans-serif;font-size:1.1rem;font-weight:900}.fever .combo-num{background:linear-gradient(90deg,#22d3ee,#f472b6,#fbbf24);color:#0000;-webkit-background-clip:text;background-clip:text}.pop{animation:.3s cubic-bezier(.2,2,.4,1) pop}@keyframes pop{0%{transform:scale(1.8)}to{transform:scale(1)}}.quiz{flex-direction:column;flex:1;gap:14px;min-width:0;min-height:0;display:flex}.shake{animation:.4s shake}@keyframes shake{10%,90%{transform:translate(-4px)}20%,80%{transform:translate(8px)}30%,50%,70%{transform:translate(-14px)}40%,60%{transform:translate(14px)}}.card{border:3px solid color-mix(in srgb, var(--wc) 70%, transparent);min-height:0;box-shadow:0 0 30px color-mix(in srgb, var(--wc) 25%, transparent), inset 0 0 40px #0006;text-align:center;background:#0a0e28c7;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:18px 24px;display:flex}.ask{color:var(--muted);margin-bottom:14px;font-size:1.05rem;font-weight:700}.body{word-break:keep-all;overflow-wrap:anywhere;font-size:clamp(1.8rem,5.2vw,3rem);font-weight:900;line-height:1.5}.body.long{font-size:clamp(1.5rem,4vw,2.3rem)}.mark{color:var(--wc);border-bottom:4px solid var(--wc);text-shadow:0 0 14px color-mix(in srgb, var(--wc) 60%, transparent);margin:0 .1em;padding:0 .15em}.blank{color:var(--gold);border:3px dashed var(--gold);border-radius:8px;margin:0 .08em;padding:0 .12em;line-height:1.1;display:inline-block}.choices{flex:none;grid-template-columns:1fr 1fr;gap:14px;display:grid}.choice{border:3px solid var(--line);background:linear-gradient(#2a336e,#1b2250);border-radius:18px;min-height:96px;padding:12px 14px;font-size:clamp(1.4rem,3.6vw,2rem);font-weight:900;line-height:1.3;transition:transform 60ms,box-shadow 60ms,opacity .2s;box-shadow:0 7px #0c1130}.choices.long .choice{min-height:110px;font-size:clamp(1rem,2.4vw,1.3rem);font-weight:700}.choice:active{transform:translateY(5px);box-shadow:0 2px #0c1130}.choice.ok{border-color:var(--ok);box-shadow:0 0 30px var(--ok), 0 7px 0 #1a2e05;background:linear-gradient(#65a30d,#3f6212);animation:.25s ok-pop}.choice.ng{border-color:var(--ng);box-shadow:0 0 24px var(--ng), 0 7px 0 #4c0519;background:linear-gradient(#be123c,#881337)}.choice.reveal{border-color:var(--ok);color:var(--ok);box-shadow:0 0 24px var(--ok), 0 7px 0 #0c1130;animation:.5s ease-in-out infinite alternate reveal}.choice.dim{opacity:.35}@keyframes ok-pop{50%{transform:scale(1.06)}}@keyframes reveal{to{box-shadow:0 0 44px var(--ok), 0 7px 0 #0c1130}}.banner{text-align:center;pointer-events:none;z-index:30;animation:1.3s ease-out forwards banner;position:absolute;top:15%;left:0;right:0}.banner-text{color:#fff;text-shadow:0 0 20px var(--gold), 0 0 40px var(--gold), 0 4px 0 #b45309;font-family:Arial Black,sans-serif;font-size:clamp(2.6rem,9vw,5rem);font-weight:900;transform:skew(-8deg)}.banner-sub{color:var(--ok);text-shadow:0 0 14px var(--ok);margin-top:4px;font-size:clamp(1.4rem,4vw,2rem);font-weight:900}.banner.lv3 .banner-text{background:linear-gradient(90deg,#22d3ee,#f472b6,#fbbf24,#a3e635);color:#0000;text-shadow:none;filter:drop-shadow(0 0 16px #f472b6);-webkit-background-clip:text;background-clip:text}@keyframes banner{0%{opacity:0;transform:translate(-60%)scale(.6)}15%{opacity:1;transform:translate(0)scale(1.15)}25%{transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:translate(40%)scale(.9)}}.overlay{z-index:45;background:#05081973;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.overlay.dark{background:#050819eb}.countdown{color:#fff;text-shadow:0 0 40px var(--wc);font-family:Arial Black,sans-serif;font-size:10rem;font-weight:900;animation:.65s ease-out count}@keyframes count{0%{opacity:0;transform:scale(2.4)}40%{opacity:1}to{transform:scale(1)}}.ready-info{color:var(--gold);font-size:1.4rem;font-weight:900}.pause-title{margin-bottom:12px;font-family:Arial Black,sans-serif;font-size:3rem;font-weight:900}.end-text{font-family:Arial Black,sans-serif;font-size:clamp(4rem,14vw,8rem);font-weight:900;animation:.6s cubic-bezier(.2,1.8,.4,1) end-in;transform:skew(-8deg)}.end-text.win{color:var(--gold);text-shadow:0 0 30px var(--gold), 0 0 60px #f59e0b, 0 6px 0 #92400e}.end-text.lose{color:var(--ng);text-shadow:0 0 30px var(--ng), 0 6px 0 #4c0519}@keyframes end-in{0%{opacity:0;transform:skew(-8deg)scale(3)}to{opacity:1;transform:skew(-8deg)scale(1)}}.btn{border:3px solid var(--line);background:var(--panel);border-radius:16px;min-width:200px;padding:16px 28px;font-size:1.2rem;font-weight:900;box-shadow:0 6px #0c1130}.btn:active{transform:translateY(4px);box-shadow:0 2px #0c1130}.btn.primary{border-color:var(--gold);background:linear-gradient(#f59e0b,#b45309);box-shadow:0 6px #78350f,0 0 20px #fbbf2480}.result{text-align:center}.result-title{margin-top:20px;font-family:Arial Black,sans-serif;font-size:clamp(2.6rem,9vw,4.4rem);font-weight:900;animation:.6s cubic-bezier(.2,1.8,.4,1) end-in;transform:skew(-8deg)}.result-title.win{color:var(--gold);text-shadow:0 0 24px var(--gold)}.result-title.lose{color:var(--ng);text-shadow:0 0 24px var(--ng)}.result-stage{color:var(--muted);margin-top:8px;font-weight:700}.result-stars .stars{letter-spacing:8px;font-size:3.4rem}.result-stars .stars span{animation:.5s cubic-bezier(.2,2,.4,1) backwards star-in;display:inline-block}.result-stars .stars span:nth-child(2){animation-delay:.2s}.result-stars .stars span:nth-child(3){animation-delay:.4s}@keyframes star-in{0%{transform:scale(0)rotate(-180deg)}}.result-stats{flex-wrap:wrap;justify-content:center;gap:12px;max-width:760px;margin:18px auto;display:flex}.result-stats>div{background:var(--panel);border:2px solid var(--line);border-radius:14px;min-width:110px;padding:10px 16px}.result-stats b{font-family:Arial Black,sans-serif;font-size:1.8rem;display:block}.result-stats span{color:var(--muted);font-size:.85rem;font-weight:700}.result-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin:20px 0;display:flex}.missed{text-align:left;max-width:760px;margin:24px auto 0}.missed h3{color:var(--ng);font-size:1.1rem}.missed-item{background:var(--panel);border-left:6px solid var(--ng);border-radius:12px;margin-bottom:12px;padding:14px 16px}.missed-q{--wc:#22d3ee;font-size:1.3rem;font-weight:900}.missed-q .mark{border-bottom-width:3px}.missed-a{color:var(--ok);margin-top:6px;font-weight:700}.missed-a b{font-size:1.2rem}.missed-exp{color:var(--muted);margin-top:4px;line-height:1.6}@media (height<=700px){.choice{min-height:72px}.choices.long .choice{min-height:84px}.status{min-height:56px;margin:6px 4px 4px}.quota-num{font-size:2.8rem}}.arena{flex:1;gap:16px;min-height:0;margin-top:12px;display:flex}.enemy-panel{background:#0a0e2899;border:3px solid #f43f5e80;border-radius:22px;flex-direction:column;flex:none;gap:10px;width:36%;padding:14px;display:flex;box-shadow:inset 0 0 40px #00000080}.enemy-name{text-align:center;color:#fecdd3;text-shadow:0 0 10px #f43f5e;font-size:1.3rem;font-weight:900}.hp{background:#0000008c;border:2px solid #7f1d2d;border-radius:8px;height:30px;position:relative;overflow:hidden}.hp-fill{background:linear-gradient(90deg,#f43f5e,#fb923c);height:100%;transition:width .25s ease-out;box-shadow:0 0 14px #f43f5e}.hp-text{text-shadow:0 1px 3px #000;justify-content:center;align-items:center;gap:4px;font-weight:900;display:flex;position:absolute;inset:0}.hp-text b{font-family:Arial Black,sans-serif;font-size:1.25rem;display:inline-block}.enemy-box{--cell:min(calc(30vw / var(--cols)), calc(56vh / var(--rows)), 30px);flex:1;place-items:center;min-height:0;display:grid;position:relative}.enemy{animation:look var(--look,7s) ease-in-out infinite}@keyframes look{0%,38%,62%,78%,to{transform:none}44%,56%{transform:translate(-7px)rotate(-3deg)}84%,92%{transform:translate(7px)rotate(3deg)}}.enemy-look{transform-origin:50% 100%;animation:breath var(--breath,1.6s) ease-in-out infinite}@keyframes breath{50%{transform:scale(1.035,.97)}}.enemy.weak .enemy-look{animation:.14s linear infinite tremble}@keyframes tremble{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(0)}}.enemy.menace .eye-glow{animation:3s ease-in-out infinite eye-glow}@keyframes eye-glow{0%,60%,to{filter:none}75%{filter:brightness(1.6)drop-shadow(0 0 10px #ff2d55)drop-shadow(0 0 4px #ff2d55)}}.enemy-body{animation:1.6s ease-in-out infinite idle}@keyframes idle{50%{transform:translateY(-8px)}}.enemy-body.hit{animation:.3s ease-out hit}.enemy-body.crit{animation:.5s ease-out crit}.enemy-body.attack{animation:.5s ease-in-out attack}@keyframes hit{0%{filter:brightness(3);transform:translate(14px)}to{transform:none}}@keyframes crit{0%{filter:brightness(4)saturate(0);transform:translate(24px)rotate(6deg)scale(.92)}30%{transform:translate(-12px)rotate(-4deg)}to{transform:none}}@keyframes attack{30%{filter:drop-shadow(0 0 20px #f43f5e)brightness(1.4);transform:scale(1.35)translate(30px)}to{transform:none}}.enemy.defeated .enemy-body{opacity:0;transition:opacity .4s .2s;animation:none}.sprite{grid-auto-rows:var(--cell);display:grid}.px{width:var(--cell);height:var(--cell)}.px:not(.empty){box-shadow:inset 0 calc(var(--cell) * .16) 0 #ffffff59, inset 0 calc(var(--cell) * -.16) 0 #0000004d, 0 0 0 1px #00000059}.slash{pointer-events:none;width:130%;height:10px;transform:translate(-50%, -50%) rotate(var(--rot));box-shadow:0 0 20px #fff, 0 0 40px var(--wc);background:linear-gradient(90deg,#0000,#fff 40% 60%,#0000);border-radius:99px;animation:.3s ease-out forwards slash;position:absolute;top:50%;left:50%}.slash.crit{height:18px;box-shadow:0 0 30px #fbbf24,0 0 60px #f472b6}.slash.crit:after{content:"";background:inherit;box-shadow:inherit;border-radius:inherit;position:absolute;inset:0;transform:rotate(80deg)}@keyframes slash{0%{clip-path:inset(0 100% 0 0);opacity:1}50%{clip-path:inset(0);opacity:1}to{clip-path:inset(0 0 0 100%);opacity:0}}.dmg{color:#fff;text-shadow:0 0 10px #f43f5e,0 3px #7f1d2d;pointer-events:none;text-align:center;font-family:Arial Black,sans-serif;font-size:2.4rem;font-weight:900;animation:.8s ease-out forwards dmg;position:absolute;top:18%;right:10%}.dmg.crit{color:var(--gold);text-shadow:0 0 16px var(--gold), 0 4px 0 #92400e;font-size:3.6rem}.dmg small{letter-spacing:.1em;font-size:1rem;display:block}@keyframes dmg{0%{opacity:0;transform:translateY(10px)scale(1.8)}20%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-40px)}}.hurt{pointer-events:none;z-index:40;animation:.6s ease-out forwards hurt;position:absolute;inset:0;box-shadow:inset 0 0 120px 40px #f43f5ed9}@keyframes hurt{0%{opacity:1}to{opacity:0}}.ready-enemy{color:#fecdd3;text-shadow:0 0 12px #f43f5e;font-size:1.6rem;font-weight:900}.wallet{background:var(--panel);border:2px solid var(--gold);border-radius:14px;flex:none;align-items:center;gap:8px;height:52px;padding:0 16px 0 8px;display:flex;box-shadow:0 0 14px #fbbf2459}.wallet b{color:var(--gold);text-align:right;min-width:2ch;font-family:Arial Black,sans-serif;font-size:1.5rem;display:inline-block}.coin-icon{color:#78350f;background:radial-gradient(circle at 35% 30%,#fde68a,#f59e0b 70%);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.95rem;font-weight:900;display:grid;box-shadow:0 0 10px #fbbf24cc}.coin-fly{z-index:60;pointer-events:none;color:var(--gold);text-shadow:0 0 12px var(--gold), 0 2px 0 #92400e;font-family:Arial Black,sans-serif;font-size:1.6rem;font-weight:900;animation:.7s cubic-bezier(.5,-.4,.7,1) forwards coin-fly;position:fixed;transform:translate(-50%,-50%)}@keyframes coin-fly{0%{transform:translate(-50%,-50%)scale(.6)}25%{transform:translate(-50%,-110%)scale(1.3)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.6);opacity:.6}}.bank{border:3px solid var(--gold);background:linear-gradient(160deg, #fbbf242e, var(--panel));border-radius:20px;align-items:center;gap:18px;max-width:900px;margin:0 auto 18px;padding:16px 22px;display:flex;box-shadow:0 0 24px #fbbf2440}.bank .coin-icon{flex:none;width:64px;height:64px;font-size:1.8rem}.bank-main{flex:1}.bank-label{color:var(--muted);font-size:.95rem;font-weight:700}.bank-yen{color:var(--gold);text-shadow:0 0 14px #fbbf2499;font-family:Arial Black,sans-serif;font-size:2.4rem}.bank-yen small{color:var(--muted);margin-left:8px;font-family:inherit;font-size:1rem}.bank .bar>div{background:linear-gradient(90deg,#f59e0b,#fde68a)}.bank.complete{animation:1.5s ease-in-out infinite glow-box}@keyframes glow-box{50%{box-shadow:0 0 50px #fbbf24e6}}.result-yen{border:2px solid var(--gold);color:var(--gold);background:#fbbf2426;border-radius:99px;margin-top:8px;padding:8px 20px;font-size:1.4rem;font-weight:900;display:inline-block}.rotate{display:none}@media (orientation:portrait){.rotate{z-index:100;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:1.6rem;font-weight:900;display:flex;position:fixed;inset:0}.rotate-icon{font-size:5rem;animation:2s ease-in-out infinite rotate-hint}}@keyframes rotate-hint{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.home-top{grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:0 auto 18px;display:grid}.home-top .bank{margin:0}.rank-card{background:linear-gradient(160deg, #c81e1e38, var(--panel));border:3px solid #c81e1e;border-radius:20px;align-items:center;gap:18px;padding:16px 22px;display:flex;box-shadow:0 0 24px #c81e1e40}.rank-main{flex:1;min-width:0}.rank-label{color:var(--muted);font-size:.95rem;font-weight:700}.rank-name{letter-spacing:.05em;font-size:1.9rem;font-weight:900}.rank-card .bar>div{background:linear-gradient(90deg,#c81e1e,#f2c14e)}.rank-next{color:var(--muted);margin-top:4px;font-size:.85rem;font-weight:700}.insignia{filter:drop-shadow(0 3px 6px #00000080);flex:none}.insignia.tier-gensui{filter:drop-shadow(0 0 12px #f2c14e)}.hud-rank{color:#fecaca;flex-direction:column;flex:none;align-items:center;gap:0;font-size:.75rem;font-weight:900;line-height:1.1;display:flex}.stage-enemy{color:#fecdd3;font-size:.85rem;font-weight:700}.enemy-name.evil{color:#ff6b81;text-shadow:0 0 12px #ff2d55}.enemy-box.evil .sprite{filter:drop-shadow(0 0 14px #ff2d558c)}.enemy-box.boss{--cell:min(calc(32vw / var(--cols)), calc(58vh / var(--rows)), 34px)}.enemy-box.boss .sprite{filter:drop-shadow(0 0 22px #fbbf2499)drop-shadow(0 0 30px #ff2d5599)}.promotion{z-index:48;background:radial-gradient(circle,#781414f2,#050819f7);flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.3s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.promo-title{color:var(--gold);text-shadow:0 0 30px var(--gold), 0 6px 0 #92400e;letter-spacing:.2em;font-size:clamp(3rem,10vw,6rem);font-weight:900;animation:.6s cubic-bezier(.2,1.8,.4,1) end-in}.promo-insignia{animation:1s cubic-bezier(.2,1.6,.4,1) .2s backwards promo-ins}@keyframes promo-ins{0%{opacity:0;transform:scale(0)rotate(-200deg)}}.promo-names{align-items:center;gap:18px;font-size:2rem;font-weight:900;animation:.5s .8s backwards fade-in;display:flex}.promo-names .old{color:var(--muted);text-decoration:line-through}.promo-names .arrow{color:var(--gold)}.promo-names .new{color:#fff;text-shadow:0 0 16px var(--gold);font-size:2.6rem}.promo-tap{color:var(--muted);font-weight:700;animation:1.5s infinite glow,.5s 1.5s backwards fade-in}.result-gains{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.result-gains .result-yen{margin:0}.result-xp{color:#fecaca;background:#c81e1e2e;border:2px solid #ef4444;border-radius:99px;padding:8px 20px;font-size:1.4rem;font-weight:900}.parent-btn{font-size:1.6rem;position:relative}.badge{background:var(--ng);width:14px;height:14px;box-shadow:0 0 8px var(--ng);border-radius:50%;position:absolute;top:-4px;right:-4px}.pin{text-align:center}.pin-title{margin-top:10px;font-size:1.5rem;font-weight:900}.pin-sub{color:var(--muted);margin-top:4px}.pin-dots{justify-content:center;gap:20px;margin:24px 0 8px;display:flex}.pin-dots span{border:3px solid var(--muted);border-radius:50%;width:22px;height:22px}.pin-dots span.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px var(--gold)}.pin-error{color:var(--ng);min-height:1.5em;font-weight:700}.pin-pad{grid-template-columns:repeat(3,96px);justify-content:center;gap:14px;margin-top:10px;display:grid}.pin-key{border:2px solid var(--line);background:var(--panel);border-radius:16px;height:72px;font-size:1.8rem;font-weight:900;box-shadow:0 5px #0c1130}.pin-key:active{transform:translateY(3px);box-shadow:0 2px #0c1130}.parent-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;max-width:1100px;margin:12px auto 0;display:grid}.panel{border:2px solid var(--line);background:#141a3ae6;border-radius:18px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.panel h3{color:var(--gold);margin:0;font-size:1.2rem}.muted{color:var(--muted);font-size:.9rem}.msg{text-align:center}.panel p{margin:0;line-height:1.6}.pay-now{align-items:center;gap:14px;display:flex}.pay-now .coin-icon{width:54px;height:54px;font-size:1.5rem}.big-yen{color:var(--gold);font-family:Arial Black,sans-serif;font-size:2.2rem}.btn.wide{width:100%;min-width:0;padding:14px;font-size:1.05rem}.btn.danger{border-color:var(--ng);color:#fecdd3;background:#f43f5e1f}.btn:disabled{opacity:.4}.kv{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:.95rem;display:grid}.kv dt{color:var(--muted)}.kv dd{text-align:right;margin:0;font-weight:700}.history{border-top:1px solid var(--line);max-height:160px;margin:0;padding:0;list-style:none;overflow-y:auto}.history li{border-bottom:1px solid var(--line);justify-content:space-between;padding:6px 2px;font-size:.95rem;display:flex}.rank-row{align-items:center;gap:14px;display:flex}.rank-row .rank-name{font-size:1.4rem}.stats{border-collapse:collapse;width:100%;font-size:.95rem}.stats th{color:var(--muted);text-align:right;padding:4px;font-weight:700}.stats th:first-child,.stats td:first-child{text-align:left}.stats td{text-align:right;border-top:1px solid var(--line);padding:6px 4px;font-weight:700}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.field input{font:inherit;color:var(--text);background:var(--bg);border:2px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:10px;padding:10px 12px;font-size:1.1rem}.world-army{color:#fecdd3;letter-spacing:.08em;margin-bottom:2px;font-size:.85rem;font-weight:900}.topbar h2 .army{text-align:center;color:#fecdd3;text-shadow:none;letter-spacing:.08em;font-size:.85rem;display:block}.enemy-box.elite-1 .sprite{filter:drop-shadow(0 0 16px #38bdf8cc)}.enemy-box.elite-2 .sprite{filter:drop-shadow(0 0 18px #a855f7d9)}.enemy-box.elite-3 .sprite{filter:drop-shadow(0 0 20px #fbbf24e6)}.enemy-box.elite-4 .sprite{animation:2s linear infinite elite-rainbow}@keyframes elite-rainbow{0%{filter:drop-shadow(0 0 22px #f43f5e)}33%{filter:drop-shadow(0 0 22px #22d3ee)}66%{filter:drop-shadow(0 0 22px #fbbf24)}to{filter:drop-shadow(0 0 22px #f43f5e)}}.boom-flash{pointer-events:none;z-index:39;background:radial-gradient(circle at 20%,#ffeda0d9,#f973168c 35%,#ef444400 75%);animation:.6s ease-out forwards boom-flash;position:absolute;inset:0}@keyframes boom-flash{0%{opacity:1}to{opacity:0}}.scope{pointer-events:none;z-index:6;width:150px;height:150px;margin:-75px 0 0 -75px;position:absolute;top:50%;left:50%}.scope.path-0{animation:2.4s cubic-bezier(.25,.8,.35,1) forwards scope-a,1.6s ease-in-out 2.4s infinite scope-hold}.scope.path-1{animation:2.4s cubic-bezier(.25,.8,.35,1) forwards scope-b,1.6s ease-in-out 2.4s infinite scope-hold}.scope.path-2{animation:2.4s cubic-bezier(.25,.8,.35,1) forwards scope-c,1.6s ease-in-out 2.4s infinite scope-hold}@keyframes scope-a{0%{opacity:0;transform:translate(-110px,-90px)scale(1.7)}8%{opacity:1}30%{transform:translate(70px,-50px)scale(1.4)}55%{transform:translate(-45px,45px)scale(1.2)}78%{transform:translate(18px,-12px)scale(1.06)}to{transform:none}}@keyframes scope-b{0%{opacity:0;transform:translate(110px,80px)scale(1.7)}8%{opacity:1}30%{transform:translate(-60px,60px)scale(1.4)}55%{transform:translate(50px,-40px)scale(1.2)}78%{transform:translate(-14px,16px)scale(1.06)}to{transform:none}}@keyframes scope-c{0%{opacity:0;transform:translateY(-130px)scale(1.7)}8%{opacity:1}30%{transform:translate(-80px,10px)scale(1.4)}55%{transform:translate(60px,30px)scale(1.2)}78%{transform:translate(-10px,-18px)scale(1.06)}to{transform:none}}@keyframes scope-hold{0%,to{transform:none}25%{transform:translate(2px,-2px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,2px)}}.scope svg{fill:none;stroke-width:2.5px;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.scope .dot{fill:currentColor;stroke:none}.scope-search{color:#4ade80;stroke:#4ade80;filter:drop-shadow(0 0 6px #4ade80);animation:0s 2.4s forwards scope-off}.scope-lock{color:#ff3b3b;stroke:#ff3b3b;stroke-width:3px;opacity:0;filter:drop-shadow(0 0 8px #ff3b3b);animation:.15s 2.4s forwards scope-on,.45s ease-in-out 2.55s infinite alternate lock-pulse}.scope-lock .spin{transform-box:fill-box;transform-origin:50%;stroke-width:2px;animation:1.6s linear infinite spin}.scope-lock .corners{stroke-width:4px}@keyframes scope-off{to{opacity:0}}@keyframes scope-on{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes lock-pulse{0%{opacity:.7}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.lock-label{white-space:nowrap;color:#ff3b3b;letter-spacing:.2em;text-shadow:0 0 8px #ff3b3b;opacity:0;margin-top:4px;font-family:Arial Black,sans-serif;font-size:.9rem;font-weight:900;animation:.1s 2.4s forwards scope-on,.4s 2.5s infinite alternate lock-pulse;position:absolute;top:100%;left:50%;transform:translate(-50%)}.xp-now{color:#67e8f9;background:#22d3ee26;border:1px solid #22d3ee;border-radius:99px;margin-left:10px;padding:1px 10px;font-family:Arial Black,sans-serif;font-size:.85rem}.hud-xp{color:#67e8f9;font-family:Arial Black,sans-serif;font-size:.7rem}.xp-pop{z-index:61;pointer-events:none;color:#67e8f9;text-shadow:0 0 10px #22d3ee,0 2px #155e75;font-family:Arial Black,sans-serif;font-size:1.3rem;font-weight:900;animation:.9s ease-out forwards xp-pop;position:fixed;transform:translate(-50%,-50%)}@keyframes xp-pop{0%{opacity:0;transform:translate(-50%,-20%)scale(.6)}20%{opacity:1;transform:translate(-50%,-60%)scale(1.2)}to{opacity:0;transform:translate(-50%,-260%)scale(1)}}.result-xp{color:#67e8f9;background:#22d3ee26;border-color:#22d3ee;font-family:Arial Black,sans-serif}.xp-detail{color:var(--muted);margin-top:8px;font-size:.95rem;font-weight:700}.xp-progress{align-items:center;gap:12px;max-width:560px;margin:10px auto 0;font-weight:900;display:flex}.xp-progress .bar>div{background:linear-gradient(90deg,#22d3ee,#f2c14e)}.xp-rank{color:#fecaca}.xp-next{color:var(--muted);white-space:nowrap;font-size:.85rem}.promo-xp{color:#67e8f9;text-shadow:0 0 12px #22d3ee;font-family:Arial Black,sans-serif;font-size:1.4rem;animation:.5s 1.1s backwards fade-in}.enemy-box.boss.remnant .sprite{animation:1.8s ease-in-out infinite remnant-aura}@keyframes remnant-aura{0%,to{filter:drop-shadow(0 0 14px #b91c1cb3)drop-shadow(0 0 30px #7f1d1d99)}50%{filter:drop-shadow(0 0 26px #ef4444)drop-shadow(0 0 50px #b91c1ccc)}}.screen.home{background:#050816}.home>:not(.battlefield){z-index:1;position:relative}.battlefield{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bf-sky{background:radial-gradient(120% 55% at 50% 108%,#e6461e99,#82142359 38%,#0000 72%),linear-gradient(#04060f 0%,#0b1026 52%,#2a0f1e 100%);position:absolute;inset:0}.bf-light{transform-origin:50% 100%;filter:blur(5px);clip-path:polygon(46% 100%,54% 100%,100% 0,0 0);background:linear-gradient(#fff0c800 15%,#fff0c833);width:140px;height:145%;position:absolute;bottom:-12%}.bf-light.left{animation:9s ease-in-out infinite alternate sweep-l;left:10%}.bf-light.right{animation:11s ease-in-out infinite alternate sweep-r;right:10%}@keyframes sweep-l{0%{transform:rotate(-38deg)}to{transform:rotate(18deg)}}@keyframes sweep-r{0%{transform:rotate(34deg)}to{transform:rotate(-22deg)}}.bf-flash{opacity:0;mix-blend-mode:screen;background:radial-gradient(circle,#ffe1a0cc,#ff782866 35%,#0000 70%);border-radius:50%;width:240px;height:240px;margin-left:-120px;animation:5s ease-out infinite bf-flash;position:absolute;bottom:8%}@keyframes bf-flash{0%,80%{opacity:0;transform:scale(.4)}84%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.bf-plane{width:42px;image-rendering:pixelated;opacity:.9;filter:drop-shadow(0 0 4px #ff2d2d80);animation:20s linear infinite fly;position:absolute;left:0}.bf-plane.reverse{animation-name:fly-r}@keyframes fly{0%{transform:translate(-80px)}50%{transform:translate(50vw,16px)}to{transform:translate(calc(100vw + 80px))}}@keyframes fly-r{0%{transform:translate(calc(100vw + 80px))}50%{transform:translate(50vw,-12px)}to{transform:translate(-80px)}}.bf-boss{width:clamp(110px,13vw,170px);image-rendering:pixelated;transform-origin:50% 100%;filter:drop-shadow(0 0 22px #ff282859);animation:3s ease-in-out infinite boss-breathe;position:absolute;top:9%}.bf-boss.left{left:1.5%}.bf-boss.right{animation-delay:-1.5s;right:1.5%}@keyframes boss-breathe{50%{transform:scale(1.04,.97)}}.bf-smoke{filter:blur(12px);background:radial-gradient(#50415080,#0000 70%);border-radius:50%;width:70vw;height:180px;animation:26s ease-in-out infinite alternate smoke-drift;position:absolute;bottom:3%}.bf-smoke.s1{left:-25%}.bf-smoke.s2{animation-duration:34s;animation-delay:-12s;left:45%}@keyframes smoke-drift{0%{transform:translate(-12vw)}to{transform:translate(18vw)}}.bf-ground{height:15%;position:absolute;bottom:0;left:0;right:0}.bf-ground:before{content:"";clip-path:polygon(0 40%,9% 26%,19% 34%,31% 20%,43% 32%,56% 22%,69% 34%,81% 20%,92% 30%,100% 24%,100% 100%,0 100%);background:linear-gradient(#0c0812,#030206);position:absolute;inset:0}.bf-troop{width:56px;image-rendering:pixelated;transform-origin:50% 100%;transform:scale(var(--s));animation:1.6s ease-in-out infinite troop-bob;position:absolute;bottom:58%}@keyframes troop-bob{50%{transform:scale(var(--s)) translateY(-5px)}}.home .world-card,.home .rank-card,.home .bank{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.home .world-card{background:linear-gradient(160deg, color-mix(in srgb, var(--wc) 24%, #141a409e), #141a408c)}.home .rank-card{background:linear-gradient(160deg,#c81e1e47,#141a408c)}.home .bank{background:linear-gradient(160deg,#fbbf2433,#141a408c)}@media (prefers-reduced-motion:reduce){.battlefield *{animation:none!important}}.home .world-card:disabled{opacity:1;filter:grayscale(.85)brightness(.75);background:#0e122ce0}.browser-note{color:#fde68a;text-align:center;background:#fbbf2424;border:1px solid #fbbf2499;border-radius:10px;max-width:900px;margin:-14px auto 14px;padding:8px 14px;font-size:.85rem;font-weight:700}.nowrap{white-space:nowrap}