:root{--font:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", system-ui, sans-serif;--pixel:"DotGothic16", var(--font);--radius:18px;--tabs-h:64px;--bg:#eaf6ff;--bg2:#fff4fa;--panel:#ffffffdb;--panel-border:#1e3c781a;--text:#1c2340;--muted:#5d6789;--accent:#ff4f97;--accent2:#ffc21a;--accent-text:#fff;--hp:linear-gradient(90deg, #ff4f97, #ffc21a);--good:#11a85b;--bad:#e5384b;--glow:#ff4f9759}[data-theme=dark]{--bg:#120a1a;--bg2:#24112b;--panel:#1e1026d1;--panel-border:#ff8c502e;--text:#f6e9ff;--muted:#b49cc4;--accent:#ff6a2a;--accent2:#ffb000;--accent-text:#1a0800;--hp:linear-gradient(90deg, #b3122e, #ff6a2a);--good:#ffb000;--bad:#ff5470;--glow:#ff6a2a73}[data-theme=neon]{--bg:#04020e;--bg2:#0c0628;--panel:#0a0622cc;--panel-border:#00f0ff40;--text:#e8fbff;--muted:#8aa0c8;--accent:#00f0ff;--accent2:#ff2bd6;--accent-text:#00141a;--hp:linear-gradient(90deg, #ff2bd6, #00f0ff);--good:#00f0ff;--bad:#ff2bd6;--glow:#00f0ff73}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#04020e}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}.app{background:radial-gradient(120% 80% at 50% 0%, var(--bg2), var(--bg));min-height:100%;color:var(--text);flex-direction:column;transition:background .6s;display:flex}.main{width:100%;max-width:560px;padding-bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom));flex:1;margin:0 auto}.main.full{max-width:none;padding-bottom:0}.demo-banner{z-index:30;text-align:center;background:var(--accent2);color:#1a1200;padding:3px;font-size:11px;position:fixed;top:0;left:0;right:0}.battle{height:100dvh;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.scene-loading{height:100%;color:var(--muted);place-items:center;display:grid}.hud{pointer-events:none;max-width:560px;margin:0 auto;padding:22px 16px 0;position:absolute;top:0;left:0;right:0}.stage{font-family:var(--pixel);letter-spacing:.08em;color:var(--text);opacity:.85;font-size:12px}.mname{text-shadow:0 2px 0 #0000002e, 0 0 18px var(--glow);margin:2px 0 8px;font-size:clamp(22px,6vw,30px);font-weight:900}.hpbar{height:22px;box-shadow:0 0 20px var(--glow);background:#00000059;border:2px solid #ffffffb3;border-radius:999px;position:relative;overflow:hidden}.hpfill{background:var(--hp);height:100%;transition:width .35s cubic-bezier(.2,.9,.3,1.2)}.hptext{font-family:var(--pixel);color:#fff;text-shadow:0 1px 2px #000;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.flavor{color:var(--text);opacity:.8;margin:8px 0 0;font-size:12px}.popups{pointer-events:none;position:absolute;top:34%;left:50%}.dmg{font-family:var(--pixel);color:#fff;-webkit-text-stroke:2px var(--bad);text-shadow:0 0 16px var(--bad);white-space:nowrap;font-size:42px;font-weight:900;animation:1.1s ease-out forwards pop;position:absolute;transform:translate(-50%)}.dmg.heal{-webkit-text-stroke-color:#11a85b;text-shadow:0 0 16px #5dff9a}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)scale(.4)}15%{opacity:1;transform:translate(-50%,-10px)scale(1.25)}to{opacity:0;transform:translate(-50%,-90px)scale(1)}}.dock{left:0;right:0;bottom:calc(var(--tabs-h) + env(safe-area-inset-bottom));gap:10px;max-width:560px;margin:0 auto;padding:0 16px 14px;display:grid;position:absolute}.chips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.chip{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;gap:2px;padding:8px 10px;display:grid}.chip span{color:var(--muted);font-size:11px}.chip b{font-family:var(--pixel);font-size:18px}.chip b.neg,.neg b{color:var(--bad)}.pos b{color:var(--good)}.btn-attack,.btn-primary,.btn-secondary{border:0;border-radius:999px;min-height:48px;padding:14px 20px;font-size:16px;font-weight:800}.btn-attack{width:100%;color:var(--accent-text);background:linear-gradient(135deg, var(--accent), var(--accent2));box-shadow:0 6px 0 #00000040, 0 0 30px var(--glow);font-size:18px;animation:1.6s ease-in-out infinite pulse}.btn-attack:active{transform:translateY(3px);box-shadow:0 3px #00000040}.btn-attack.heal{color:#032a12;background:linear-gradient(135deg,#3ddc84,#a6ff6b)}.btn-attack:disabled{animation:none}@keyframes pulse{50%{box-shadow:0 6px 0 #00000040, 0 0 46px var(--glow)}}.btn-primary{background:var(--accent);color:var(--accent-text);width:100%}.btn-primary.sm{width:auto;min-height:44px;padding:10px 16px}.btn-secondary{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%}.btn-link{color:var(--accent);background:0 0;border:0;padding:8px;font-weight:700;text-decoration:underline}.icon-btn{border:1px solid var(--panel-border);background:var(--panel);border-radius:50%;width:44px;height:44px}.page{gap:14px;padding:20px 16px;display:grid}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:10px;padding:16px;display:grid}.card h2{margin:0;font-size:16px}.hint,.muted{color:var(--muted);margin:0;font-size:12px}.error{color:var(--bad);margin:0;font-weight:700}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}input,select{border:1px solid var(--panel-border);background:#7f7f7f14;border-radius:12px;width:100%;min-height:44px;padding:10px 12px}input.num{flex:none;width:84px}.row select.grow{width:auto}.field{gap:4px;font-size:13px;display:grid}.field span{color:var(--muted)}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.check{align-items:center;gap:8px;font-size:13px;display:flex}.check input{width:20px;min-height:20px}.seg{background:#7f7f7f1f;border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.seg button{background:0 0;border:0;border-radius:999px;padding:10px;font-weight:700}.seg button.on{background:var(--accent);color:var(--accent-text)}.datebar{justify-content:space-between;align-items:center;display:flex}.datebar .date{font-family:var(--pixel);font-size:20px}.summary{text-align:center;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center}.summary span{color:var(--muted);font-size:11px;display:block}.summary b{font-family:var(--pixel);font-size:20px}.summary .op{color:var(--muted)}.preview{object-fit:cover;border-radius:12px;width:100%;max-height:220px}.estimate{gap:8px;display:grid}.est-row{align-items:center;gap:6px;display:flex}.grams{color:var(--muted);white-space:nowrap;font-size:11px}.est-row input[type=checkbox]{flex:none;width:22px;min-height:22px}.list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.list li{background:#7f7f7f14;border-radius:12px;align-items:center;gap:8px;padding:8px 4px 8px 10px;display:flex}.list li span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.list li.ex b{color:var(--good)}.del{width:36px;height:36px;color:var(--muted);background:0 0;border:0;font-size:20px}.hero-card .big{margin:0;font-size:24px}.stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats span{color:var(--muted);font-size:11px;display:block}.stats b{font-family:var(--pixel);font-size:18px}.progress{background:#7f7f7f33;border-radius:999px;height:10px;overflow:hidden}.progress div{background:var(--hp);height:100%}.roster{gap:6px;margin:0;padding:0;list-style:none;display:grid}.roster li{background:#7f7f7f14;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.roster li small{color:var(--muted);font-size:11px;display:block}.roster li.lock{opacity:.55}.roster li.now{outline:2px solid var(--accent)}.roster .dot{border-radius:50%;flex:none;width:12px;height:12px}.roster .tag{white-space:nowrap;font-size:11px;font-weight:700}.roster li.done .tag{color:var(--good)}.preview-card p{margin:0}.cta-card{background:var(--panel);border-radius:var(--radius);text-align:center;padding:14px}.tabs{z-index:20;height:calc(var(--tabs-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--panel);border-top:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs button{color:var(--muted);background:0 0;border:0;place-items:center;gap:0;font-size:11px;font-weight:700;display:grid}.tabs .ti{font-size:22px;line-height:1}.modal-backdrop{z-index:50;background:#0000008c;place-items:center;padding:16px;animation:.3s fade;display:grid;position:fixed;inset:0}.modal{background:var(--bg2);width:min(420px,100%);color:var(--text);border:1px solid var(--panel-border);text-align:center;border-radius:24px;gap:12px;padding:24px 20px;display:grid}.modal h2{margin:0}.victory-burst{font-family:var(--pixel);letter-spacing:.1em;background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:44px;animation:.6s cubic-bezier(.2,1.6,.4,1) zoom}.feature-list{text-align:left;gap:6px;margin:0;padding-left:1.2em;display:grid}.price{margin:0}@keyframes zoom{0%{transform:scale(.2)}}@keyframes fade{0%{opacity:0}}.splash{color:#c9c3e6;background:#0b0620;align-content:center;place-items:center;gap:12px;min-height:100%;padding:16px;display:grid}.landing{color:#f3ecff;background:radial-gradient(90% 60% at 50% 0,#3b1360,#0b0620 70%);place-items:center;min-height:100%;padding:32px 16px;display:grid;position:relative;overflow:hidden}.landing-glow{filter:blur(90px);opacity:.35;background:conic-gradient(#ff4f97,#ffc21a,#00f0ff,#ff2bd6,#ff4f97);width:520px;height:520px;animation:14s linear infinite spin;position:absolute;top:8%;left:50%;transform:translate(-50%)}@keyframes spin{to{transform:translate(-50%)rotate(360deg)}}.landing-inner{text-align:center;--accent:#ff4f97;--accent2:#ffc21a;--accent-text:#fff;--glow:#ff4f9780;--panel:#ffffff14;--panel-border:#ffffff2e;gap:20px;width:min(440px,100%);display:grid;position:relative}.logo{font-family:var(--pixel);background:linear-gradient(#fff,#ffc21a 60%,#ff4f97);color:#0000;filter:drop-shadow(0 4px #5a1b4a);-webkit-background-clip:text;background-clip:text;font-size:clamp(44px,14vw,64px);line-height:.95;display:grid}.tagline{margin:0;font-size:24px;font-weight:900}.tagline-sub{opacity:.8;margin:-6px 0 0;font-size:14px;line-height:1.6}.how{text-align:left;gap:8px;margin:0;padding:0;list-style:none;display:grid}.how li{background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:10px;padding:12px;font-size:14px;display:flex}.how b{font-family:var(--pixel);background:#ff4f97;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.landing-cta{gap:10px;display:grid}.fineprint{opacity:.6;margin:0;font-size:11px}@media (prefers-reduced-motion:reduce){.btn-attack,.landing-glow{animation:none}}:root{--win-bg:#fffdf3;--win-border:#2b2d52;--win-inner:#f4c85a;--win-shadow:#2b2d5259}[data-theme=dark]{--win-bg:#1b1026;--win-border:#e8d9b8;--win-inner:#7a3b1c;--win-shadow:#00000080}[data-theme=neon]{--win-bg:#070a24;--win-border:#00f0ff;--win-inner:#5a1a78;--win-shadow:#00f0ff40}.pixel-canvas canvas{image-rendering:pixelated;image-rendering:crisp-edges}.card,.chip,.cta-card,.modal,.rpg-window{background:var(--win-bg);border:3px solid var(--win-border);box-shadow:inset 0 0 0 2px var(--win-inner), 0 4px 0 var(--win-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:6px}.card h2,.modal h2,.datebar .date,.mname,.stage,.tabs button,.chip span,.summary span,.stats span,.roster .tag,.field span{font-family:var(--pixel);letter-spacing:.04em}.card h2:before{content:"▶ ";color:var(--accent);font-size:.8em}.btn-attack,.btn-primary,.btn-secondary,.icon-btn,.seg{border-radius:6px}.btn-attack,.btn-primary,.btn-secondary{font-family:var(--pixel);letter-spacing:.06em;border:3px solid var(--win-border);box-shadow:0 4px 0 var(--win-border);transition:transform 50ms,box-shadow 50ms}.btn-attack:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){box-shadow:0 0 0 var(--win-border);transform:translateY(4px)}.btn-secondary{background:var(--win-bg)}.btn-attack{animation:1.2s steps(2,end) infinite pulse-pixel}@keyframes pulse-pixel{50%{filter:brightness(1.15)}}input,select{border:2px solid var(--win-border);background:var(--win-bg);border-radius:4px}.hint-input{border-style:dashed}.hpbar{border:3px solid var(--win-border);box-shadow:inset 0 0 0 2px var(--win-inner), 0 3px 0 var(--win-shadow);border-radius:4px;height:26px}.hpfill{transition:width .35s steps(8,end);position:relative}.hpbar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 10px,#0000002e 10px 12px);position:absolute;inset:0}.hud{padding-top:26px}.mname{text-shadow:3px 3px 0 var(--win-border);color:#fff}[data-theme=pop] .stage,[data-theme=pop] .flavor{color:#1c2340;text-shadow:0 1px #fff}.dmg{font-family:var(--pixel);-webkit-text-stroke:0;color:#fff;text-shadow:3px 0 0 var(--bad), -3px 0 0 var(--bad), 0 3px 0 var(--bad), 0 -3px 0 var(--bad), 4px 4px 0 #000;justify-items:center;line-height:1;display:grid}.dmg.crit{color:#ffe14d;font-size:58px;animation-duration:1.3s}.dmg small{color:#fff;text-shadow:2px 2px #000;margin-bottom:4px;font-size:18px;animation:.15s steps(2,end) infinite blink}.dmg.heal{text-shadow:3px 0 #11a85b,-3px 0 #11a85b,0 3px #11a85b,0 -3px #11a85b,4px 4px #000}@keyframes blink{50%{opacity:.4}}.victory-backdrop{overflow:hidden}.victory-rays{background:repeating-conic-gradient(from 0deg, #ffe14d47 0 10deg, transparent 10deg 20deg);animation:12s linear infinite spin;position:absolute;inset:-50%}.modal.victory{animation:.5s cubic-bezier(.2,1.4,.4,1) cutin;position:relative}@keyframes cutin{0%{transform:translate(-120%)skew(-12deg)}}.victory-burst{color:#ffe14d;-webkit-text-fill-color:#ffe14d;text-shadow:3px 3px 0 var(--win-border), -2px -2px 0 #fff;background:0 0;font-size:48px}.tabs{background:var(--win-bg);border-top:3px solid var(--win-border);box-shadow:inset 0 2px 0 var(--win-inner);-webkit-backdrop-filter:none;backdrop-filter:none}.tabs button.on{color:var(--accent);text-shadow:2px 2px 0 var(--win-shadow)}.tabs button.on .ti{animation:.6s steps(3,end) infinite alternate hop}@keyframes hop{to{transform:translateY(-3px)}}.list li,.roster li{border:2px solid color-mix(in srgb, var(--win-border) 25%, transparent);border-radius:4px}.progress{border:2px solid var(--win-border);border-radius:3px;height:14px}.landing-scene{height:56vh;position:absolute;inset:0 0 auto}.landing-scene:after{content:"";pointer-events:none;background:linear-gradient(#0000 0% 70%,#0b0620 100%);position:absolute;inset:0}.landing-inner{z-index:1;margin-top:44vh}.landing{background:#0b0620;align-items:start}.landing .how li{background:#0b0620bf;border:2px solid #ffffff59;border-radius:4px}.landing .how b{border-radius:3px}.landing .btn-secondary{color:#fff;background:#0b0620b3;border-color:#fff;box-shadow:0 4px #fff3}.landing .btn-attack{border-color:#fff;box-shadow:0 4px #5a1b4a}.page{grid-template-columns:minmax(0,1fr)}.page>*,.card>*{min-width:0}.hero-card .big:before{content:none}.btn-danger{border:3px solid var(--bad);color:var(--bad);font-family:var(--pixel);background:0 0;border-radius:6px;min-height:48px;padding:12px 16px;font-weight:800}.btn-danger.grow{background:var(--bad);color:#fff}.danger-zone{border:2px dashed var(--bad);border-radius:6px;gap:10px;padding:12px;display:grid}.danger-zone p{margin:0;font-size:13px}.links{justify-content:center;gap:20px;font-size:13px}.links a{color:var(--accent)}.legal-links{justify-content:center;gap:16px;display:flex}.legal-links a{color:inherit}.charge-bar{gap:6px;padding:8px 10px;display:grid}.charge-head{text-align:left;font-family:var(--pixel);background:0 0;border:0;align-items:center;gap:10px;padding:2px 0;display:flex}.charge-head .grow{color:var(--muted);align-items:baseline;gap:8px;font-size:13px;display:flex}.charge-head b{color:var(--text);font-size:22px}.charge-head b.neg{color:var(--bad)}.lv{background:var(--accent);color:var(--accent-text);border-radius:4px;padding:2px 6px;font-size:12px}.streak{font-size:13px}.caret{color:var(--muted);font-size:12px}.charge-body{border-top:2px dashed color-mix(in srgb, var(--win-border) 30%, transparent);gap:6px;padding-top:6px;display:grid}.formula{font-family:var(--pixel);flex-wrap:wrap;gap:6px;font-size:13px;display:flex}.mults{flex-wrap:wrap;gap:6px;display:flex}.mults span{font-family:var(--pixel);border:2px solid color-mix(in srgb, var(--win-border) 30%, transparent);color:var(--muted);border-radius:4px;padding:1px 6px;font-size:12px}.mults span.on{border-color:var(--accent);color:var(--text)}.el-fire{color:#ff6a2a!important;border-color:#ff6a2a!important}.el-ice{color:#3aa8d8!important;border-color:#7fd8ff!important}.el-thunder{color:#c99700!important;border-color:#ffe14d!important}.quests{gap:3px;margin:0;padding:0;list-style:none;display:grid}.quests li{align-items:center;gap:8px;font-size:12.5px;display:flex}.quests small{font-family:var(--pixel);color:var(--muted);white-space:nowrap}.quests li.done .grow{color:var(--muted);text-decoration:line-through}.quests li.done small{color:var(--good)}.qbox{border:2px solid var(--win-border);width:18px;height:18px;color:var(--good);border-radius:3px;flex:none;place-items:center;font-size:12px;display:grid}.coach-card{gap:4px;max-width:528px;margin:0 auto;padding:12px 14px;font-size:13px;animation:.4s fade;display:grid;position:absolute;top:170px;left:16px;right:16px}.coach-card p{margin:0}.btn-secondary.coach{border-color:var(--accent);box-shadow:0 4px 0 var(--accent);animation:1s steps(2,end) infinite pulse-pixel}.toast{z-index:40;border:3px solid var(--win-border);background:var(--accent2);color:#1a1200;width:min(520px,100% - 32px);box-shadow:0 4px 0 var(--win-border);border-radius:6px;padding:10px 12px;font-weight:800;animation:.4s cubic-bezier(.2,1.4,.4,1) cutin;position:fixed;top:28px;left:50%;transform:translate(-50%)}.notice{font-family:var(--pixel);color:var(--good);text-align:center;margin:0;animation:.3s zoom}.btn-attack.camera{animation:none}.pfc{gap:6px;display:grid}.pfc-row{grid-template-columns:88px 1fr 76px;align-items:center;gap:8px;font-size:12px;display:grid}.pfc-track{border:2px solid var(--win-border);background:#7f7f7f1f;border-radius:3px;height:12px;position:relative;overflow:hidden}.pfc-target{background:color-mix(in srgb, var(--good) 30%, transparent);position:absolute;top:0;bottom:0}.pfc-fill{background:var(--muted);position:absolute;top:3px;bottom:3px;left:0}.pfc-row.ok .pfc-fill{background:var(--good)}.pfc-val{font-family:var(--pixel);text-align:right}.pfc-val small{color:var(--muted)}.est-item{gap:2px;display:grid}.est-pfc,.li-pfc{color:var(--muted);font-size:11px;font-family:var(--pixel)}.est-pfc{padding-left:28px}.recent{flex-wrap:wrap;gap:6px;display:flex}.recent-chip{text-align:left;border:2px solid var(--win-border);background:var(--win-bg);box-shadow:0 3px 0 var(--win-shadow);border-radius:6px;padding:6px 10px;font-size:13px;font-weight:700;display:grid}.recent-chip small{font-family:var(--pixel);color:var(--muted);font-weight:400}.recent-chip:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.section-toggle{background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.manual{gap:8px;display:grid}.card.locked{opacity:.7}.card.locked h2:before{content:"🔒 "}.level-row{align-items:center;gap:12px;display:flex}.lv-big{font-family:var(--pixel);color:var(--accent);text-shadow:2px 2px 0 var(--win-shadow);font-size:26px}.progress.exp div{background:linear-gradient(90deg, var(--accent2), var(--accent))}.weekly{justify-content:space-between;font-size:13px;display:flex}.weekly b{font-family:var(--pixel)}.equip-slot{border-bottom:2px dashed color-mix(in srgb, var(--win-border) 20%, transparent);gap:6px;padding:6px 0;display:grid}.equip-head{align-items:baseline;gap:8px;display:flex}.equip-head small{color:var(--good);font-family:var(--pixel)}.equip-list{flex-wrap:wrap;gap:6px;display:flex}.equip-item{border:2px solid color-mix(in srgb, var(--win-border) 40%, transparent);background:0 0;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.equip-item.on{border-color:var(--accent);font-weight:800}.equip-item:disabled:not(.on){opacity:.45}.swatch{border:2px solid var(--win-border);border-radius:2px;width:12px;height:12px}.badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.badges li{border:2px dashed color-mix(in srgb, var(--win-border) 30%, transparent);opacity:.6;border-radius:4px;gap:2px;padding:8px;display:grid}.badges li.done{opacity:1;border-style:solid;border-color:var(--accent2);background:color-mix(in srgb, var(--accent2) 12%, transparent)}.badges b{font-family:var(--pixel);font-size:13px}.badges small{color:var(--muted);font-size:11px}.power .summary{text-align:center;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;display:grid}.landing-top{z-index:2;position:absolute;top:12px;right:12px}.lang-select{align-items:center;gap:6px;font-size:13px;display:inline-flex}.lang-select select{width:auto;min-height:36px;padding:4px 8px}.landing .lang-select select{color:#fff;background:#0b0620bf;border-color:#ffffff80}.setting-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.seg.small button{padding:6px 10px;font-size:12px}.card.consent .check{align-items:flex-start;font-size:13px;line-height:1.6}.card.consent .check input{flex:none;margin-top:3px}.hint.warn{color:var(--bad);font-weight:700}.pxscene{position:absolute;inset:0;overflow:hidden}.px{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.pxbg-sky,.pxbg-ground{position:absolute;left:0;right:0}.pxbg-sky{height:58%;top:0}.pxbg-ground{top:58%;bottom:0}.pxbg-pop .pxbg-sky{background:linear-gradient(#3f8fe8 0 18%,#58a7f2 18% 38%,#78c1fa 38% 62%,#a3dcff 62% 84%,#cdeeff 84%)}.pxbg-pop .pxbg-ground{background:linear-gradient(#5aa83c 0 10%,#6cbf47 10% 30%,#7fd052 30% 60%,#8fdc5e 60%)}.pxbg-dark .pxbg-sky{background:linear-gradient(#07041a 0 22%,#120a2e 22% 46%,#1f1242 46% 72%,#2e1a55 72%)}.pxbg-dark .pxbg-ground{background:linear-gradient(#1c1430 0 12%,#241a3c 12% 40%,#2c2048 40%)}.pxbg-neon .pxbg-sky{background:linear-gradient(#05021a 0 30%,#140636 30% 55%,#2a0a52 55% 78%,#5a1470 78% 92%,#ff2bd6 92%)}.pxbg-neon .pxbg-ground{background:repeating-linear-gradient(90deg,#0000 0 46px,#00f0ff59 46px 48px),repeating-linear-gradient(#0000 0 22px,#00f0ff59 22px 24px),#0e0626}.pxbg-dark .pxbg-sky:after,.pxbg-neon .pxbg-sky:after{content:"";background:radial-gradient(2px 2px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 34% 8%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 58% 22%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 76% 12%,#fff 50%,#0000 51%),radial-gradient(2px 2px at 90% 30%,#fff 50%,#0000 51%);position:absolute;inset:0}.pxenemy{z-index:2;animation:1.2s steps(2,end) infinite px-bob;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.pxenemy.angry{animation-duration:.7s}.pxenemy[data-hit="1"] canvas{animation:.36s step-end px-hit}.pxenemy.dying canvas{animation:1.3s steps(8,end) forwards px-die}.pxshadow{z-index:1;background:#00000047;border-radius:50%;height:10px;position:absolute;top:60%;left:50%;transform:translate(-50%)}@keyframes px-bob{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,calc(-50% - 4px))}}@keyframes px-hit{0%{opacity:0;transform:translate(-6px)}25%{opacity:1;transform:translate(6px)}50%{opacity:0;transform:translate(-4px)}75%{opacity:1;transform:translate(0)}}@keyframes px-die{0%{opacity:1;clip-path:inset(0);filter:brightness()}30%{filter:brightness(3)}to{opacity:0;clip-path:inset(100% 0 0);filter:brightness(3)}}.pxhero{z-index:3;filter:drop-shadow(0 3px #00000040);transition:transform .28s steps(4,end);position:absolute;bottom:37%;left:0;transform:translate(-110%)}.pxhero.in{transform:translate(8%)}.pxbolt{background:var(--c);width:12px;height:12px;box-shadow:0 0 0 3px #1a1424, 0 0 0 6px var(--c);z-index:4;animation:.36s steps(6,end) forwards px-bolt;position:absolute;top:52%;left:30%}.pxbolt.crit{width:18px;height:18px;box-shadow:0 0 0 3px #1a1424,0 0 0 6px #ffe14d,0 0 0 9px #1a1424}@keyframes px-bolt{0%{transform:translate(0)rotate(45deg)scale(.6)}to{top:46%;left:50%;transform:translate(-50%,-50%)rotate(225deg)scale(1.2)}}.pxdrop{z-index:4;font-size:28px;animation:.36s steps(6,end) forwards px-drop;position:absolute;top:0;left:50%}.pxdrop:before{content:"🍰"}@keyframes px-drop{to{top:42%}}.pxflash{opacity:0;pointer-events:none;z-index:5;background:#fff;position:absolute;inset:0}.pxflash[data-on="1"]{animation:.24s steps(2,end) px-flash}@keyframes px-flash{0%{opacity:.85}to{opacity:0}}@media (prefers-reduced-motion:reduce){.pxenemy,.pxenemy[data-hit="1"] canvas{animation:none}}:root,[data-theme=dark],[data-theme=neon]{--font:"DotGothic16", "M PLUS Rounded 1c", system-ui, sans-serif;--bg:#070b2e;--bg2:#18206a;--panel:#141c64e6;--panel-border:#e8eaf8;--text:#fff;--muted:#b3bdf2;--accent:#ffd84a;--accent2:#ff9a3c;--accent-text:#1a1400;--hp:linear-gradient(90deg, #ff5a5a, #ffd84a);--good:#7dffa0;--bad:#ff7a7a;--glow:#ffd84a59;--radius:6px;--win-bg:linear-gradient(180deg, #4a5bd6 0%, #2c3aa6 38%, #162075 100%);--win-border:#eef0ff;--win-inner:#0b1040;--win-shadow:#00000073}body{font-family:var(--font)}.card,.chip,.cta-card,.modal,.rpg-window{background:var(--win-bg);color:#fff;border:2px solid var(--win-border);box-shadow:0 0 0 2px var(--win-inner), inset 0 0 0 2px var(--win-inner), 0 6px 0 var(--win-shadow);text-shadow:1px 1px #0b1040;border-radius:6px}.card h2:before{content:"▶ ";color:var(--accent)}input,select,textarea{color:#fff;background:#0b1040;border:2px solid #8d97e6;border-radius:4px}input::placeholder{color:#7f89cf}.seg{background:#0b1040;border-radius:4px}.seg button{border-radius:3px}.btn-primary,.btn-attack{color:#2a1a00;text-shadow:none;background:linear-gradient(#ffe27a,#f2b52c);border:2px solid #fff6cf;box-shadow:0 0 0 2px #3a2500,0 4px #3a2500}.btn-secondary{color:#fff;background:#0b1040;border:2px solid #eef0ff;box-shadow:0 0 0 2px #0b1040}.hud .stage,.hud .mname,.hud .flavor{text-shadow:1px 1px #0b1040,-1px -1px #0b1040,1px -1px #0b1040,-1px 1px #0b1040;color:#fff}.hud .mname{font-weight:400}.hpbar{background:#0b1040;border:2px solid #eef0ff;border-radius:3px;box-shadow:0 0 0 2px #0b1040}.hpfill{border-radius:0}.msgwin{padding:10px 14px 12px}.msg-status{color:var(--muted);border-bottom:1px dashed #eef0ff59;align-items:center;gap:8px;margin-bottom:6px;padding-bottom:6px;font-size:12px;display:flex}.msg-status .lv{color:var(--accent)}.msg-status .grow{flex:1}.msg-status b{color:#fff;font-size:15px}.msg-status b.neg{color:var(--bad)}.msg-text{white-space:pre-line;min-height:2.9em;margin:0;font-size:15px;line-height:1.45}.cmdwin{grid-template-columns:1fr 1fr;gap:2px 8px;padding:8px 10px;display:grid}.cmd{text-align:left;color:#fff;text-shadow:1px 1px #0b1040;background:0 0;border:0;min-height:44px;padding:10px 8px 10px 26px;font-size:17px;position:relative}.cmd:before{content:"▶";color:var(--accent);opacity:0;position:absolute;left:6px}.cmd.ready:before,.cmd:focus-visible:before,.cmd:hover:not(:disabled):before{opacity:1}.cmd.ready:before{animation:.8s steps(2,end) infinite px-cursor}.cmd:disabled{color:#7f89cf;opacity:1}@keyframes px-cursor{50%{transform:translate(3px)}}.tabs{background:var(--win-bg);border-top:2px solid var(--win-border);box-shadow:0 -2px 0 var(--win-inner)}.tabs button{color:#b3bdf2}.tabs button.on{color:var(--accent)}.avatar-picker{gap:14px;display:grid}.avatar-preview{background:linear-gradient(#5aa83c 0 0) bottom/100% 26% no-repeat,linear-gradient(#78c1fa,#cdeeff);place-items:center;gap:6px;min-height:220px;padding:14px;display:grid}.avatar-preview b{color:#fff;font-weight:400}.job-grid{grid-template-columns:repeat(3,1fr);gap:2px 6px;display:grid}.job-grid .cmd{padding-left:22px;font-size:15px}.job-grid .cmd.ready:before{animation:none}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid #0b1040;border-radius:4px;width:38px;height:38px;box-shadow:0 0 0 2px #8d97e6}.swatch.on{box-shadow:0 0 0 2px #0b1040, 0 0 0 4px var(--accent)}.pxzako{z-index:3;filter:drop-shadow(0 4px #00000040);animation:.9s steps(2,end) infinite px-bob;position:absolute;top:53%;left:26%;transform:translate(-50%,-50%)}.pxzako[data-hit="1"] canvas{animation:.36s step-end px-hit}.pxzako.dying canvas{animation:1s steps(6,end) forwards px-die}.pxzako.rare canvas{filter:sepia()saturate(5)hue-rotate(-12deg)brightness(1.15)}.pxzako.rare:after{content:"✦";color:#fff6b0;text-shadow:0 0 #3a2500;font-size:18px;animation:.6s steps(2,end) infinite px-cursor;position:absolute;top:-10px;right:-6px}.pxbolt.to-zako{animation-name:px-bolt-zako}@keyframes px-bolt-zako{0%{transform:translate(0)rotate(45deg)scale(.6)}to{top:51%;left:26%;transform:translate(-50%,-50%)rotate(225deg)scale(1.1)}}.dmg.zako{margin-top:120px}.text-input{resize:vertical;width:100%;min-height:64px;font:inherit;padding:10px 12px;line-height:1.5}.btn-secondary.mic.on{border-color:var(--bad);color:var(--bad);animation:.8s steps(2,end) infinite px-cursor}.scanner{gap:8px;display:grid}.scanner video{object-fit:cover;background:#000;border:2px solid #eef0ff;border-radius:4px;width:100%;max-height:260px}.barcode-result{gap:8px;display:grid}.card form.row input.grow,.card .row textarea{flex:1;width:auto;min-width:0}.card form.row .btn-secondary,.card .row .btn-secondary.mic{flex:none;width:auto;padding-left:16px;padding-right:16px}.badge{color:var(--muted);border:1px solid #8d97e6;border-radius:3px;margin-left:6px;padding:1px 6px;font-size:11px;display:inline-block}.label-form .field{gap:2px;display:grid}.label-nums{flex-wrap:wrap}.label-nums .num{width:72px}.pxbg-art{image-rendering:pixelated;image-rendering:crisp-edges;background-position:50% 30%;background-size:cover;position:absolute;inset:0}.native-row{flex-wrap:wrap}.native-row .hint{flex-basis:100%;margin:2px 0 0}.reminder-times{flex-basis:100%;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;display:grid}.reminder-times label{gap:2px;display:grid}.reminder-times input{min-height:40px;padding:6px}.bestiary-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.bestiary-grid button{background:var(--bg2);border:1px solid var(--panel-border);width:100%;color:var(--text);cursor:pointer;border-radius:10px;justify-items:center;gap:4px;padding:8px 4px;display:grid}.bestiary-grid small{text-align:center;word-break:break-word;font-size:11px;line-height:1.3}.thumb-box{place-items:center;width:64px;height:64px;display:grid;position:relative}.thumb-box .rare-mark{color:#ffd84a;font-size:14px;position:absolute;top:-4px;right:-4px}canvas.thumb{image-rendering:pixelated}canvas.thumb.unknown{filter:brightness(0)opacity(.45)}canvas.thumb.gold{filter:sepia()saturate(5)hue-rotate(-12deg)brightness(1.15)}.bestiary-detail .thumb-stage{justify-content:center;align-items:flex-end;gap:12px;min-height:160px;display:flex}.bestiary-stats{gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.share-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.share-links a{color:var(--accent);font-weight:700}.supporter.on{border-color:#ffd84a}.supporter-perks{gap:4px;margin:0;padding-left:1.2em;display:grid}.supporter-badge{color:#ffd84a;margin-left:8px;font-weight:700}.swatch.locked{opacity:.45;cursor:not-allowed}