:root{--color-bg: #12151a;--color-bg-secondary: #1a1f26;--color-surface: #1c222b;--color-surface-raised: #242b35;--color-border: #333c48;--color-border-emphasis: #5c6b4f;--color-text: #e6e2d6;--color-text-muted: #9aa1ac;--color-accent: #5fd0c4;--color-accent-muted: #2f5f5a;--color-gold: #b8965a;--color-bronze: #8a6a45;--color-moss: #6b7a52;--color-frost: #8fe0d6;--color-ember: #d97a4a;--color-danger: #d9634a;--bg: var(--color-bg);--panel: var(--color-surface);--line: var(--color-border);--text: var(--color-text);--muted: var(--color-text-muted);--accent: var(--color-accent);--danger: var(--color-danger);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--font-display: Iowan Old Style, Palatino Linotype, Palatino, Georgia, "Noto Serif JP", serif;--font-heading: var(--font-display);--font-body: system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--font-caption: var(--font-body);--text-display: 26px;--text-heading: 17px;--text-body: 15px;--text-caption: 12px;--text-label: 11px;--tracking-display: .09em;--tracking-heading: .04em;--tracking-label: .08em;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--border-hairline: 1px solid var(--color-border);--border-emphasis: 1px solid var(--color-border-emphasis);--shadow-carved: inset 0 1px 2px rgba(0, 0, 0, .55), inset 0 -1px 0 rgba(255, 255, 255, .03);--shadow-raised: 0 2px 10px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 2px var(--color-accent-muted);--opacity-texture: .05;--opacity-texture-strong: .09;--opacity-disabled: .45;--opacity-muted: .7;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-ambient: 12s ease-in-out;--z-base: 0;--z-raised: 1;--z-sticky: 2;--z-overlay: 10;--z-modal: 20;--z-toast: 30;--texture-grain: url(/assets/textures/grain.svg);--ornament-medallion-fire: url(/assets/ornaments/character-medallion-fire.png);--ornament-medallion-water: url(/assets/ornaments/character-medallion-water.png);--ornament-medallion-thunder: url(/assets/ornaments/character-medallion-thunder.png);--ornament-medallion-tree: url(/assets/ornaments/character-medallion-tree.png);--ornament-medallion-light: url(/assets/ornaments/character-medallion-light.png);--ornament-medallion-dark: url(/assets/ornaments/character-medallion-dark.png);color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--transition-ambient: 0s}}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body,#root{touch-action:pan-x pan-y}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-body)}#root{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;background-image:radial-gradient(ellipse at 50% -10%,rgba(95,208,196,.06),transparent 55%),var(--texture-grain);background-size:auto,180px 180px;background-blend-mode:normal,overlay}.screen{padding:var(--space-md);padding-bottom:var(--space-xl);flex:1}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);background:var(--color-surface);border-bottom:var(--border-hairline)}.topbar h1{font-family:var(--font-heading);font-size:var(--text-heading);letter-spacing:var(--tracking-heading);margin:0;flex:1;font-weight:600}.panel{background:var(--color-surface);border:var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-carved);padding:var(--space-md);margin-bottom:var(--space-sm)}.row{display:flex;align-items:center;gap:10px}.row+.row{margin-top:var(--space-sm)}.spread{justify-content:space-between}.muted{color:var(--color-text-muted);font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-input{min-width:0;min-height:44px;padding:10px var(--space-md);color:var(--color-text);background:var(--color-bg-secondary);border:var(--border-hairline);border-radius:var(--radius-sm);font:inherit}.text-input:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.text-input:disabled{opacity:var(--opacity-disabled)}.redemption-help{margin-top:var(--space-xs)}.redemption-form{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.redemption-form .text-input{flex:1}.redemption-form+.error,.redemption-form+.success{margin-bottom:0}button{font:inherit;color:var(--color-text);background:var(--color-surface-raised);border:var(--border-hairline);border-radius:var(--radius-sm);padding:10px 14px;min-height:44px;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}button:hover:not(:disabled){border-color:var(--color-border-emphasis)}button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}button.primary{background:var(--color-accent-muted);border-color:var(--color-accent);color:#08211e;font-weight:600}button.danger{background:transparent;border-color:var(--color-danger);color:var(--color-danger)}button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}button.small{min-height:34px;padding:6px 10px;font-size:13px}.hpbar{height:8px;background:#0d1116;border-radius:var(--radius-sm);overflow:hidden}.hpbar>div{height:100%;background:var(--color-moss);transition:width .16s linear}.hpbar.enemy>div{background:var(--color-ember)}.battle-parties{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-md)}.battle-party{min-width:0;text-align:center}.battle-party+.battle-party{border-left:var(--border-hairline);padding-left:var(--space-md)}.battle-party__label{margin-bottom:var(--space-sm);color:var(--color-text-muted);font-family:var(--font-heading);font-size:var(--text-label);letter-spacing:var(--tracking-label)}.battle-active{display:flex;min-height:154px;flex-direction:column;align-items:center}.battle-active--empty{justify-content:center}.battle-active__name{width:100%;margin-top:var(--space-xs);overflow:hidden;font-size:var(--text-caption);font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.battle-active__meta{display:flex;width:100%;justify-content:space-between;color:var(--color-text-muted);font-size:var(--text-label)}.battle-hp{width:100%;margin-top:var(--space-xs)}.battle-hp__numbers{display:block;margin-top:2px;font-size:var(--text-label);font-variant-numeric:tabular-nums}.battle-reserves{display:grid;min-height:54px;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs);margin-top:var(--space-sm)}.battle-reserve{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:flex-end}.battle-reserve__hp{width:100%}.battle-unit--fainted{filter:grayscale(1);opacity:var(--opacity-disabled)}.log{height:190px;overflow-y:auto;font-size:13px;line-height:1.7;background:var(--color-bg-secondary);border:var(--border-hairline);border-radius:var(--radius-md);padding:8px 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-sm)}.character-image{display:block;border-radius:var(--radius-md);object-fit:cover}.character-image--silhouette{filter:grayscale(1) brightness(.12)}.character-image--unknown,.character-image--silhouette-fallback{background:var(--color-border)}.character-image--silhouette-fallback{background:var(--color-bg-secondary);border:var(--border-hairline);box-shadow:inset 0 0 0 var(--space-md) var(--color-surface)}.codex-summary{margin-bottom:var(--space-sm)}.codex-card>.medallion-frame,.codex-detail .medallion-frame,.party-preview__slot .medallion-frame{width:100%;box-sizing:border-box}.stone-card.codex-card{min-width:0;padding:var(--space-xs);overflow:hidden}.codex-card--encountered{border-color:var(--color-border-emphasis)}.codex-card--unknown{opacity:var(--opacity-disabled)}.codex-card__body{display:flex;min-height:46px;flex-direction:column;justify-content:center;padding:var(--space-sm) var(--space-xs) var(--space-xs);text-align:center;font-size:var(--text-caption)}.codex-card__body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codex-detail{display:grid;gap:var(--space-sm);margin-top:var(--space-lg)}.codex-detail__heading{display:flex;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-md)}.codex-detail p{line-height:1.7}.codex-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin:var(--space-md) 0 0}.codex-stats>div{display:flex;justify-content:space-between}.codex-stats dt{color:var(--color-text-muted)}.codex-stats dd{margin:0;font-variant-numeric:tabular-nums}.codex-skill-list{display:grid;gap:var(--space-md);margin:var(--space-md) 0 0;padding-left:var(--space-lg)}.character-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--space-sm);margin-bottom:var(--space-sm)}.party-editor{margin-bottom:var(--space-sm)}.party-editor__help{margin:var(--space-xs) 0 var(--space-md)}.party-editor__slots{display:grid;gap:var(--space-sm)}.party-editor__slot{display:grid;grid-template-columns:68px minmax(0,1fr);gap:var(--space-sm) var(--space-md);align-items:center;padding-top:var(--space-sm);border-top:var(--border-hairline)}.party-editor__member{min-width:0}.party-editor__member>span{display:block;margin-bottom:var(--space-xs)}.party-editor__select{width:100%}.party-editor__order{grid-column:2;display:flex;gap:var(--space-sm)}.party-editor__order button{flex:1}.party-editor__saving{margin-top:var(--space-sm)}.stone-card.character-card{--character-element-color: var(--color-border-emphasis);min-width:0;padding:var(--space-xs);border-color:var(--character-element-color);overflow:hidden}.character-card--fire{--character-element-color: var(--color-ember)}.character-card--water{--character-element-color: var(--color-frost)}.character-card--thunder{--character-element-color: var(--color-gold)}.character-card--tree{--character-element-color: var(--color-moss)}.character-card--light{--character-element-color: var(--color-accent)}.character-card--dark{--character-element-color: var(--color-bronze)}.character-card__body{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px var(--space-xs);padding:var(--space-sm) var(--space-xs) var(--space-xs)}.character-card__name{grid-column:1 / -1;min-width:0;overflow:hidden;color:var(--color-text);font-size:var(--text-caption);line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.character-card__element{justify-self:start;color:var(--character-element-color);border:1px solid currentColor;border-radius:var(--radius-sm);padding:1px var(--space-xs);font-size:var(--text-label);line-height:1.3}.character-card__level{color:var(--color-text-muted);font-size:var(--text-label);white-space:nowrap}.character-card.stone-card--selected{border-color:var(--color-accent)}.chip{font-size:var(--text-label);letter-spacing:var(--tracking-label);padding:3px 8px;border:var(--border-hairline);border-radius:999px;color:var(--color-text-muted)}.error{color:var(--color-danger);font-size:13px}.success{color:var(--color-moss);font-size:13px}.heim-select-screen .mythic-heading{margin-bottom:var(--space-lg)}.heim-grid{display:grid;gap:var(--space-sm)}.heim-card{min-width:0}.heim-card .row{align-items:flex-start}.heim-card__progress{margin-top:var(--space-xs);color:var(--color-text-muted);font-size:var(--text-caption)}.heim-detail,.challenge-controls{margin-bottom:var(--space-sm)}.heim-detail__heading,.challenge-controls__heading,.challenge-options label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.heim-detail__heading{margin-top:var(--space-md)}.heim-detail__facts{display:grid;gap:var(--space-sm);margin:var(--space-md) 0 0}.heim-detail__facts>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border-hairline)}.heim-detail__facts dt{color:var(--color-text-muted)}.heim-detail__facts dd{margin:0;line-height:1.5}.challenge-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-md)}.challenge-mode button{min-width:0}.challenge-mode button span{display:block;margin-top:var(--space-xs);color:var(--color-text-muted);font-size:var(--text-label)}.challenge-mode .challenge-mode--selected{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.challenge-options,.until-defeat-summary{margin-top:var(--space-lg)}.challenge-options label+input{margin-top:var(--space-sm)}.challenge-options p{margin:var(--space-xs) 0 var(--space-lg)}.challenge-options p:last-child{margin-bottom:0}.challenge-options input[type=range]{width:100%;accent-color:var(--color-accent)}.until-defeat-summary strong{display:block;margin-top:var(--space-xs)}.until-defeat-summary p{margin-bottom:0;line-height:1.6}.challenge-start,.challenge-summary .primary,.battle-stop-playback{width:100%}.battle-context{margin-bottom:var(--space-sm)}.battle-context__heading{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.battle-context__heading>.muted{margin-left:auto;white-space:nowrap}.battle-result-line,.battle-display-option,.battle-speed-options{margin-top:var(--space-sm)}.battle-speed-options button{flex:1}.battle-speed--selected,.battle-display-option button[aria-pressed=true]{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.challenge-summary p{margin-bottom:var(--space-md)}.texture-surface{position:relative;isolation:isolate}.texture-surface:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:var(--texture-grain);background-size:140px 140px;opacity:var(--opacity-texture);pointer-events:none;mix-blend-mode:overlay}.mythic-heading{font-family:var(--font-display);letter-spacing:var(--tracking-display);text-transform:uppercase;font-weight:600;color:var(--color-text);margin:0}.mythic-heading .mythic-heading__sub{display:block;font-family:var(--font-body);text-transform:none;letter-spacing:normal;font-size:var(--text-caption);color:var(--color-text-muted);margin-top:4px;font-weight:400}.ancient-panel{position:relative;background:var(--color-surface);border:var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-carved);padding:var(--space-lg)}.ancient-panel:after{content:"";position:absolute;inset:5px;border:1px solid rgba(184,150,90,.14);border-radius:calc(var(--radius-md) - 3px);pointer-events:none}.stone-card{position:relative;background:linear-gradient(165deg,var(--color-surface-raised),var(--color-surface));border:var(--border-hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-raised),var(--shadow-carved);padding:var(--space-md);transition:border-color var(--transition-base),transform var(--transition-base)}.stone-card--interactive{cursor:pointer}.stone-card--interactive:hover{border-color:var(--color-border-emphasis)}.stone-card--selected{border-color:var(--color-accent);box-shadow:var(--shadow-focus),var(--shadow-carved)}.rune-divider{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-lg) 0;color:var(--color-text-muted)}.rune-divider:before,.rune-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.rune-divider__mark{font-size:15px;color:var(--color-gold);opacity:.85}.rune-icon{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);line-height:1;color:var(--color-gold)}.realm-badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-frost);border:1px solid var(--color-accent-muted);background:#5fd0c414;border-radius:999px;padding:3px 9px}.medallion-frame{position:relative;display:inline-grid;place-items:center;padding:var(--space-sm);border-radius:50%;isolation:isolate}.medallion-frame--fire{--ornament-medallion: var(--ornament-medallion-fire)}.medallion-frame--water{--ornament-medallion: var(--ornament-medallion-water)}.medallion-frame--thunder{--ornament-medallion: var(--ornament-medallion-thunder)}.medallion-frame--tree{--ornament-medallion: var(--ornament-medallion-tree)}.medallion-frame--light{--ornament-medallion: var(--ornament-medallion-light)}.medallion-frame--dark{--ornament-medallion: var(--ornament-medallion-dark)}.medallion-frame:before,.medallion-frame:after{content:"";position:absolute;inset:0;background-image:var(--ornament-medallion);background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none}.medallion-frame:before{z-index:-1}.medallion-frame:after{z-index:1;-webkit-mask-image:radial-gradient(circle,transparent 0 64%,black 70%);mask-image:radial-gradient(circle,transparent 0 64%,black 70%)}.medallion-frame>*{border-radius:50%;clip-path:circle(50%)}.ds-section-title{font-family:var(--font-heading);font-size:var(--text-caption);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);margin:var(--space-lg) 0 var(--space-sm)}