:root{--color-bg:#fbf8f3;--color-surface:#fff;--color-surface-2:#f3eee6;--color-text:#1f1b16;--color-text-muted:#5a5249;--color-border:#e6dfd4;--color-primary:#e2574c;--color-primary-contrast:#fff;--color-primary-soft:#fde7e4;--color-success:#2f9e6e;--color-success-soft:#e1f4ea;--color-danger:#d64545;--color-danger-soft:#fbe5e5;--color-warning:#b7791f;--color-warning-soft:#fdf2dc;--brand-ink:#2e2a6b;--brand-plum:#8a3f7e;--brand-coral:#f0705a;--brand-gold:#f5c542;--brand-dusk:linear-gradient(160deg, var(--brand-ink) 0%, var(--brand-plum) 58%, var(--brand-coral) 100%);--on-brand:#fff;--on-brand-muted:#ffffffc7;--accent-1:#4f7cff;--accent-2:#e2574c;--accent-3:#2f9e6e;--accent-4:#9b5de5;--rarity-normal:#8a8178;--rarity-rare:#4f7cff;--rarity-gold:#d4a017;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-s:8px;--radius-m:14px;--radius-l:20px;--radius-full:999px;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Myanmar", "Noto Sans TC", sans-serif;--font-jp:"Hiragino Sans", "Noto Sans JP", "Yu Gothic", system-ui, sans-serif;--text-xs:12px;--text-s:14px;--text-m:16px;--text-l:20px;--text-xl:24px;--text-2xl:32px;--leading:1.6;--shadow-1:0 1px 2px #0000000f, 0 2px 8px #0000000a;--shadow-2:0 4px 16px #0000001a;--motion-fast:.12s;--motion-normal:.24s;--ease:cubic-bezier(.2, .8, .2, 1);--app-max-width:520px;--tap-min:48px;--header-h:72px;--rpg-mist-from:#6b6f87;--rpg-mist-to:#9aa0c0;--rpg-courage-from:#ffcf4d;--rpg-courage-to:#ff8a3d;--rpg-hit:#fff;--rpg-hit-super:#ffd56b;--rpg-hit-weak:#cfd3e6}:root[data-theme=dark]{--color-bg:#16130f;--color-surface:#211d18;--color-surface-2:#2b261f;--color-text:#f3ede4;--color-text-muted:#c2b8ab;--color-border:#3a332a;--color-primary-soft:#3d221f;--color-success-soft:#18352a;--color-danger-soft:#3d1f1f;--color-warning-soft:#3a2e17}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--color-bg:#16130f;--color-surface:#211d18;--color-surface-2:#2b261f;--color-text:#f3ede4;--color-text-muted:#c2b8ab;--color-border:#3a332a;--color-primary-soft:#3d221f;--color-success-soft:#18352a;--color-danger-soft:#3d1f1f;--color-warning-soft:#3a2e17}}[data-region=tw]{--color-primary:#e2574c}[data-region=in]{--color-primary:#e8772e}[data-region=mm]{--color-primary:#2f9e6e}[data-data-mode=lite]{--shadow-1:none;--shadow-2:0 0 0 1px var(--color-border);--motion-normal:0s}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-normal:0s}}:root{--color-bg:#f7f3e8;--color-surface:#fffdf6;--color-surface-2:#ebefe5;--color-text:#23364b;--color-text-muted:#536477;--color-border:#c4cfc5;--color-primary:#24786f;--color-primary-contrast:#fffdf6;--color-primary-soft:#deeee4;--brand-ink:#23364b;--brand-plum:#24786f;--brand-coral:#a44a43;--brand-gold:#82601c;--brand-dusk:#24786f;--on-brand:#fffdf6;--on-brand-muted:#e3efe7;--color-success:#24786f;--color-danger:#a44a43;--shadow-1:0 2px 6px #23364b0a;--shadow-2:0 8px 24px #23364b14;--radius-s:8px;--radius-m:12px;--radius-l:20px;--voca-gold:#d7a74d;--voca-mint:#c5e5d2;--voca-mist:#adb8c8;--button-radius:var(--radius-m);--button-edge:none;--button-edge-pressed:none;--button-edge-2:none;--button-edge-2-pressed:none;--button-press:none;--surface-radius:var(--radius-l);--surface-shadow:var(--shadow-1);--paper-texture:none;--nav-bg:var(--color-surface);--nav-fg:var(--color-text-muted);--nav-active:var(--color-primary);--nav-border:1px solid var(--color-border);--nav-shadow:none;--nav-glow:transparent;--nav-active-lift:none;--status-bg:var(--color-surface);--status-fg:var(--color-text);--status-accent:var(--color-primary);--status-border:1px solid var(--color-border);--status-ring:var(--color-border);--status-ring-glow:none;--status-face-bg:var(--color-surface-2);--exp-track:var(--color-surface-2);--exp-fill:var(--color-primary);--wallet-bg:var(--color-surface);--wallet-border:transparent}:root[data-theme=dark]{--color-bg:#14222d;--color-surface:#1d303c;--color-surface-2:#2b424c;--color-text:#f7f3e8;--color-text-muted:#bbcbcb;--color-border:#587178;--color-primary:#9ad6be;--color-primary-contrast:#14222d;--color-primary-soft:#2b4941;--brand-ink:#f7f3e8;--brand-plum:#9ad6be;--brand-coral:#f4b0a5;--brand-gold:#f5d996;--brand-dusk:#315e53;--on-brand:#f7f3e8;--on-brand-muted:#d8e9e1;--color-success:#9ad6be;--color-danger:#f4b0a5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--color-bg:#14222d;--color-surface:#1d303c;--color-surface-2:#2b424c;--color-text:#f7f3e8;--color-text-muted:#bbcbcb;--color-border:#587178;--color-primary:#9ad6be;--color-primary-contrast:#14222d;--color-primary-soft:#2b4941;--brand-ink:#f7f3e8;--brand-plum:#9ad6be;--brand-coral:#f4b0a5;--brand-gold:#f5d996;--brand-dusk:#315e53;--on-brand:#f7f3e8;--on-brand-muted:#d8e9e1;--color-success:#9ad6be;--color-danger:#f4b0a5}}
.ic-rpg{display:none}:root:is([data-skin=rpg],[data-skin=lite]) .ic-rpg{display:inline}:root:is([data-skin=rpg],[data-skin=lite]) .ic-base{display:none}:root:is([data-skin=rpg],[data-skin=lite]){--icon-accent:var(--color-primary)}:root[data-skin=rpg] .ic-rpg{filter:url(#ink-rough)}:root[data-skin=rpg]{--ink-edge:color-mix(in srgb, var(--color-primary) 62%, #000);--button-radius:14px;--button-edge:0 4px 0 var(--ink-edge);--button-press:translateY(3px);--button-edge-pressed:0 1px 0 var(--ink-edge);--button-edge-2:0 3px 0 var(--color-border);--button-edge-2-pressed:0 1px 0 var(--color-border);--surface-radius:14px;--surface-shadow:4px 4px 0 color-mix(in srgb, var(--color-text) 13%, transparent);--paper-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .45 0 0 0 0 .4 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");--nav-border:2px solid var(--color-text);--nav-active-lift:translateY(-3px) rotate(-4deg)}:root[data-skin=rpg][data-data-mode=lite]{--paper-texture:none}:root[data-skin=rpg] :is(h1,h2){font-family:var(--rpg-font-chapter);letter-spacing:.04em}:root:is([data-skin=rpg],[data-skin=lite]){--rpg-night:#1f2c4b;--rpg-night-2:#2c3b60;--rpg-gold:#e9c46a;--coin-face:var(--rpg-gold);--nav-bg:var(--rpg-night);--nav-fg:#f8f2e79e;--nav-active:var(--rpg-gold);--nav-glow:color-mix(in srgb, var(--rpg-gold) 38%, transparent);--nav-border:3px solid var(--color-primary);--nav-shadow:inset 0 1px 0 color-mix(in srgb, var(--rpg-gold) 55%, transparent), 0 -4px 12px #00000040;--status-bg:linear-gradient(100deg, var(--rpg-night), var(--rpg-night-2));--status-fg:#f8f2e7;--status-accent:var(--rpg-gold);--status-border:3px solid var(--color-primary);--status-ring:var(--rpg-gold);--status-face-bg:#0000004d;--status-ring-glow:0 0 8px color-mix(in srgb, var(--rpg-gold) 55%, transparent);--exp-track:#0e1526;--exp-fill:linear-gradient(90deg, #7fd4a8, #3f9d74);--wallet-bg:#00000059;--wallet-border:color-mix(in srgb, var(--rpg-gold) 35%, transparent)}:root:is([data-skin=rpg],[data-skin=lite])[data-theme=dark]{--rpg-night:#0f1628;--rpg-night-2:#1a2440}@media (prefers-color-scheme:dark){:root:is([data-skin=rpg],[data-skin=lite]):not([data-theme=light]):not([data-theme=dark]){--rpg-night:#0f1628;--rpg-night-2:#1a2440}}:root[data-skin=rpg] nav[aria-label=main]{background-image:none}:root[data-skin=rpg]::view-transition-new(.nav-forward){animation:.42s cubic-bezier(.3,0,.2,1) both rpg-shoji}:root[data-skin=rpg]::view-transition-old(.nav-forward){animation:.3s ease-in reverse both vt-fade}:root[data-skin=rpg]::view-transition-new(.nav-up){animation:.52s cubic-bezier(.2,.8,.2,1) both rpg-ink}:root[data-skin=rpg]::view-transition-old(.nav-up){animation:.36s ease-in reverse both vt-fade}@keyframes rpg-shoji{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes rpg-ink{0%{clip-path:circle(0% at 50% 62%)}to{clip-path:circle(140% at 50% 62%)}}.rpg-chapter-title{z-index:200;pointer-events:none;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--rpg-night-2) 92%, transparent), color-mix(in srgb, var(--rpg-night) 96%, #000));place-items:center;animation:2.6s ease-in-out both rpg-title-out;display:grid;position:fixed;inset:0}.rpg-chapter-title>div{color:#f8f2e7;text-shadow:0 2px 8px #00000073;justify-items:center;gap:6px;display:grid}.rpg-chapter-title small{font-size:var(--text-s);letter-spacing:.3em;color:var(--rpg-gold)}.rpg-chapter-title strong{font-family:var(--rpg-font-chapter);letter-spacing:.12em;font-size:34px;animation:.9s cubic-bezier(.2,.8,.2,1) both rpg-title-in}.rpg-chapter-title svg path{stroke-dasharray:220;stroke-dashoffset:220px;animation:.7s ease-out .45s forwards rpg-brush}@keyframes rpg-title-in{0%{opacity:0;letter-spacing:.4em;translate:0 10px}}@keyframes rpg-brush{to{stroke-dashoffset:0}}@keyframes rpg-title-out{0%{opacity:0}12%{opacity:1}75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.rpg-chapter-title{display:none}}:root:is([data-skin=lite],[data-data-mode=lite]) .rpg-chapter-title{display:none}:root:is([data-skin=rpg],[data-skin=lite]){--button-edge:none;--button-edge-pressed:none;--button-edge-2:none;--button-edge-2-pressed:none;--surface-shadow:var(--shadow-1);--paper-texture:none;--nav-bg:var(--color-surface);--nav-fg:var(--color-text-muted);--nav-active:var(--color-primary);--nav-border:1px solid var(--color-border);--nav-shadow:none;--nav-glow:transparent;--nav-active-lift:none;--status-bg:var(--color-surface);--status-fg:var(--color-text);--status-accent:var(--color-primary);--status-border:1px solid var(--color-border);--status-ring:var(--color-border);--status-ring-glow:none;--status-face-bg:var(--color-surface-2);--exp-track:var(--color-surface-2);--exp-fill:var(--color-primary);--wallet-bg:var(--color-surface);--wallet-border:transparent}:root:is([data-skin=rpg],[data-skin=lite]) :is(h1,h2){font-family:var(--font-body);letter-spacing:normal}
*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-m);line-height:var(--leading);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}a{color:inherit}:lang(ja),.jp{font-family:var(--font-jp)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}::view-transition{pointer-events:none}::view-transition-group(tabbar){z-index:100;animation:none}::view-transition-old(tabbar){display:none}::view-transition-new(tabbar){animation:none}::view-transition-old(.nav-tab){animation:.12s ease-out reverse both vt-fade}::view-transition-new(.nav-tab){animation:.2s ease-out 60ms both vt-fade}::view-transition-old(.nav-forward){--vt-x:-48px;animation:.15s ease-in reverse both vt-fade,.36s cubic-bezier(.3,0,.2,1) reverse both vt-slide}::view-transition-new(.nav-forward){--vt-x:48px;animation:.22s ease-out .1s both vt-fade,.36s cubic-bezier(.3,0,.2,1) both vt-slide}::view-transition-old(.nav-up){animation:.18s ease-in reverse both vt-fade,.18s ease-in reverse both vt-shrink}::view-transition-new(.nav-up){--vt-y:64px;animation:.24s ease-out 60ms both vt-fade,.38s cubic-bezier(.2,.8,.2,1) both vt-rise}::view-transition-old(.page){animation:.14s ease-out reverse both vt-fade}::view-transition-new(.page){animation:.2s ease-out 60ms both vt-fade}:root[data-nav=back]::view-transition-old(.page){--vt-x:48px;animation:.15s ease-in reverse both vt-fade,.36s cubic-bezier(.3,0,.2,1) reverse both vt-slide}:root[data-nav=back]::view-transition-new(.page){--vt-x:-48px;animation:.22s ease-out .1s both vt-fade,.36s cubic-bezier(.3,0,.2,1) both vt-slide}:root[data-nav=down]::view-transition-old(.page){--vt-y:64px;animation:.2s ease-in reverse both vt-fade,.26s ease-in reverse both vt-rise}:root[data-nav=down]::view-transition-new(.page){animation:.24s ease-out 80ms both vt-fade,.24s ease-out both vt-shrink}@keyframes vt-fade{0%{opacity:0}}@keyframes vt-slide{0%{translate:var(--vt-x,0) 0}}@keyframes vt-rise{0%{translate:0 var(--vt-y,0)}}@keyframes vt-shrink{0%{scale:.97}}::view-transition-group(.morph){animation-duration:.38s;animation-timing-function:cubic-bezier(.3,0,.2,1)}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}.click-fx{z-index:2147483000;pointer-events:none;width:0;height:0;position:fixed}.click-fx:before{content:"";border:2px solid var(--color-primary,#e0a040);opacity:.7;border-radius:50%;width:36px;height:36px;animation:.45s ease-out forwards click-fx-ring;position:absolute;top:-18px;left:-18px}.click-fx>i{background:var(--color-primary,#e0a040);border-radius:50%;width:4px;height:4px;animation:.5s ease-out forwards click-fx-spark;position:absolute;top:-2px;left:-2px}@keyframes click-fx-ring{to{opacity:0;transform:scale(2.2)}}@keyframes click-fx-spark{to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}@media (prefers-reduced-motion:reduce){.click-fx{display:none}}