: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: url(/assets/ornaments/medallion-ring.svg);color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--transition-ambient: 0s}}*{box-sizing:border-box}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}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)}.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-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:var(--space-sm);margin-bottom: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}.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-flex;border-radius:50%}.medallion-frame:before{content:"";position:absolute;inset:-8px;background-color:var(--color-gold);-webkit-mask-image:var(--ornament-medallion);mask-image:var(--ornament-medallion);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.5;pointer-events:none}.medallion-frame>*{border-radius: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)}