:root{--bg: #0e0b12;--surface: #171320;--surface-2: #1f1a2b;--border: #2c2540;--text: #e8e2d5;--muted: #9a91a8;--gold: #c9a86a;--gold-bright: #e8c987;--red: #d05a52;--green: #58b88c;--teal: #4fa3a5;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5}h1{font-family:var(--serif);font-size:30px;margin:0 0 6px}.muted{color:var(--muted)}.small{font-size:13px}button{font:inherit;cursor:pointer}input{font:inherit}.page{min-height:100%;padding:22px 18px calc(20px + env(safe-area-inset-bottom));max-width:520px;margin:0 auto}.page.center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.logo{font-size:40px;color:var(--gold)}.btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:13px 18px}.btn:disabled{opacity:.45}.btn-gold{background:var(--gold);border-color:var(--gold);color:#241c0d;font-weight:700}.btn-block{width:100%}.input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:14px;width:100%}.input:focus{outline:none;border-color:var(--gold)}.input-code{text-align:center;font-size:30px;letter-spacing:12px;font-family:var(--serif);text-transform:uppercase;max-width:240px}.code-form{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:12px}.join-form{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px;margin-top:14px}.code-inline{color:var(--gold-bright);font-family:var(--serif);letter-spacing:2px}.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--red);color:#eda49e;border-radius:12px;padding:12px 18px;z-index:90;max-width:90vw}.chip{display:inline-flex;border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:3px 11px;font-size:13px}.chip-unconscious,.chip-dead{background:#3a1f22;border-color:#6b3733;color:#eda49e}.chip-prone,.chip-poisoned{background:#33301c;border-color:#6b6133;color:#e3d79a}.chip-inspired{background:#c9a86a29;border-color:var(--gold);color:var(--gold-bright)}.hit-die-btn{margin-top:12px;width:100%;padding:11px;border:1px solid var(--gold);border-radius:12px;background:#c9a86a14;color:var(--gold-bright);font-family:var(--serif);font-size:15px;cursor:pointer}.hit-die-btn:active{background:#c9a86a33}.chip-asleep{background:#1c2433;border-color:#33496b;color:#9ab8e3}.chip-stable{background:#1c332a;border-color:#2f5f4a;color:#9fdcc0}.presence{width:10px;height:10px;border-radius:50%}.presence-on{background:var(--green)}.presence-off{background:var(--red);animation:breathe 1.2s infinite}.portrait{border-radius:50%;border:2.5px solid var(--gold);background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-family:var(--serif);color:var(--gold-bright);flex-shrink:0;overflow:hidden}.portrait-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.portrait-down{filter:grayscale(1)}.sheet-head-id{display:flex;align-items:center;gap:12px}.pick-title{padding:8px 0 14px}.pick-list{display:flex;flex-direction:column;gap:14px}.pick-head{display:flex;align-items:center;gap:14px}.pick-names{display:flex;flex-direction:column;gap:2px}.pick-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;color:var(--text)}.pick-card:active{border-color:var(--gold)}.pick-card-taken{opacity:.55}.pick-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.pick-name{font-family:var(--serif);font-size:24px;color:var(--gold-bright)}.pick-tagline{margin-top:6px;font-style:italic;opacity:.9}.pick-stats{display:flex;gap:16px;margin-top:12px;color:var(--muted)}.pick-taken-tag{margin-top:10px;color:var(--red);font-size:13px}.sheet{min-height:100%;display:flex;flex-direction:column;max-width:520px;margin:0 auto;padding-bottom:78px}.sheet:has(+.ptt-wrap){padding-bottom:calc(195px + env(safe-area-inset-bottom))}.sheet-head{position:relative;display:flex;justify-content:center;align-items:center;padding:14px 18px 8px}.sheet-head .sheet-head-id{flex-direction:column;text-align:center;gap:6px}.sheet-head .presence{position:absolute;top:22px;right:18px}.sheet-name{font-family:var(--serif);font-size:26px}.condition-row{display:flex;gap:6px;padding:0 18px 6px;flex-wrap:wrap}.hp-hero{margin:8px 18px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px;transition:border-color .3s}.hp-hero-down{border-color:#6b3733}.hp-hero-num{display:flex;align-items:baseline;gap:6px}.hp-big{font-family:var(--serif);font-size:64px;line-height:1;color:var(--gold-bright)}.hp-max{color:var(--muted);font-size:22px}.hp-temp{color:var(--gold-bright);font-size:15px;margin-left:8px;border:1px solid var(--gold);border-radius:999px;padding:2px 9px;vertical-align:middle}.hp-bar{height:14px;background:var(--bg);border:1px solid var(--border);border-radius:999px;overflow:hidden;margin-top:12px}.hp-fill{height:100%;border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1)}.hp-good{background:var(--green)}.hp-warn{background:#d8a13f}.hp-bad{background:var(--red)}.down-note{margin-top:10px;color:var(--red);font-style:italic}.concentration-note{margin-top:10px;display:inline-block;color:var(--gold-bright);font-family:var(--serif);font-size:14px;border:1px solid var(--gold);border-radius:999px;padding:4px 12px}.stat-tiles{display:flex;gap:10px;margin-top:14px}.stat-tile{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:8px;display:flex;flex-direction:column;align-items:center}.stat-value{font-family:var(--serif);font-size:22px}.stat-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.flash-damage .hp-hero{animation:hurtGlow .7s ease-out}.flash-heal .hp-hero{animation:healGlow .7s ease-out}.sheet-body{flex:1;padding:6px 18px 18px}.ability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.ability-tile{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px;text-align:center}.ability-name{font-size:11px;letter-spacing:2px;color:var(--muted)}.ability-mod{font-family:var(--serif);font-size:26px;color:var(--gold-bright)}.ability-score{font-size:13px}.list-block{margin-bottom:14px}.block-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.action-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px 15px;margin-bottom:10px}.action-card-dim{opacity:.85}.action-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.action-name{font-family:var(--serif);font-size:18px}.action-tohit{color:var(--gold-bright);font-weight:600}.uses{color:var(--teal);font-size:13px}.spell-meta{display:flex;gap:18px;margin-bottom:12px;color:var(--gold-bright)}.slot-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pips{display:flex;gap:6px}.pip{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--gold)}.pip-full{background:var(--gold)}.bag-row{display:flex;justify-content:space-between;padding:11px 4px;border-bottom:1px solid rgba(44,37,64,.6)}.death-saves{display:flex;align-items:center;gap:12px;margin-top:12px}.death-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--red)}.death-row{display:flex;align-items:center;gap:6px}.death-pip{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:transparent}.death-pip-ok{border-color:var(--green);color:var(--green)}.death-pip-bad{border-color:var(--red);color:var(--red)}.death-sep{width:12px}.whisper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;background:#0a080ee6;display:flex;align-items:center;justify-content:center;padding:26px}.whisper-card{background:var(--surface);border:1.5px solid var(--gold);border-radius:20px;padding:26px 22px;max-width:420px;box-shadow:0 0 60px #c9a86a40}.whisper-title{font-family:var(--serif);color:var(--gold-bright);font-size:20px;margin-bottom:12px}.whisper-text{font-family:var(--serif);font-size:19px;line-height:1.6;font-style:italic;margin:0 0 18px}.ptt-wrap{position:fixed;left:0;right:0;bottom:calc(86px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;z-index:88;padding:0 18px;max-width:520px;margin:0 auto;pointer-events:none}.ptt-wrap>*{pointer-events:auto}.ptt-btn{width:100%;border:1.5px solid var(--gold);background:#171320f0;color:var(--gold-bright);border-radius:999px;padding:15px 18px;font-size:16px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 6px 22px #0000008c}.ptt-recording{background:var(--gold);color:#241c0d;animation:breathe 1s ease-in-out infinite}.ptt-sending{opacity:.7}.ptt-note{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px 14px;font-size:13px;color:var(--muted)}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#171320f5;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:520px;margin:0 auto;z-index:92}.tab-btn{flex:1;background:none;border:none;color:var(--muted);padding:10px 0 12px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px}.tab-icon{font-size:18px}.tab-active{color:var(--gold-bright)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a080ef5;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}.overlay-reason{font-family:var(--serif);font-size:26px;color:var(--gold-bright)}.overlay-formula{color:var(--muted);display:flex;gap:10px;align-items:center}.adv-chip{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.adv-chip.adv{background:#58b88c26;color:var(--green);border:1px solid var(--green)}.adv-chip.dis{background:#d05a5226;color:var(--red);border:1px solid var(--red)}.die{position:relative;width:190px;height:190px;display:flex;align-items:center;justify-content:center}.die-shape{position:absolute;top:0;right:0;bottom:0;left:0}.die-shape polygon{fill:var(--surface-2);stroke:var(--gold);stroke-width:2.5}.die-number{position:relative;font-family:var(--serif);font-size:74px;color:var(--gold-bright)}.die-rolling{animation:wobble .14s infinite}.die-crit .die-shape polygon{stroke:var(--gold-bright);filter:drop-shadow(0 0 22px rgba(232,201,135,.9))}.die-crit .die-number{color:var(--gold-bright)}.die-fumble .die-shape polygon{stroke:var(--red);filter:drop-shadow(0 0 16px rgba(208,90,82,.7))}.die-fumble .die-number{color:var(--red)}.btn-roll{font-size:24px;padding:16px 54px;letter-spacing:4px;border-radius:999px}.overlay-result{display:flex;flex-direction:column;gap:6px}.crit-line{font-family:var(--serif);font-size:30px;color:var(--gold-bright);letter-spacing:2px}.fumble-line{font-family:var(--serif);font-size:26px;color:var(--red)}.overlay-hint{font-size:13px}.ok{color:var(--green)}.bad{color:var(--red)}@keyframes wobble{0%{transform:rotate(-4deg) scale(1.02)}50%{transform:rotate(4deg) scale(.99)}to{transform:rotate(-4deg) scale(1.02)}}@keyframes hurtGlow{0%{box-shadow:0 0 #d05a52cc}to{box-shadow:0 0 0 26px #d05a5200}}@keyframes healGlow{0%{box-shadow:0 0 #58b88ccc}to{box-shadow:0 0 0 26px #58b88c00}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.35}}.pick-card-selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.pick-naming{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding:16px;background:var(--surface);border:1px solid var(--gold);border-radius:14px}.turn-helper{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:14px;display:flex;flex-direction:column;gap:10px}.turn-helper-mine{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 18px #c9a86a40}.turn-helper-head{display:flex;align-items:baseline;justify-content:space-between}.turn-helper-title{font-family:var(--serif);font-size:19px;color:var(--gold-bright)}.turn-helper-round{font-size:12px;color:var(--muted);letter-spacing:.5px}.turn-order-mini{display:flex;gap:6px;flex-wrap:wrap}.mini-pill{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted)}.mini-pill-me{color:var(--text)}.mini-pill-active{background:var(--gold);color:#241c0d;border-color:var(--gold-bright);font-weight:700}.mini-pill-down{opacity:.4;text-decoration:line-through}.budget-row{display:flex;gap:8px}.budget-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.budget-chip-open{border-color:#c9a86a99}.budget-chip-spent{opacity:.4}.budget-chip-label{font-weight:600;font-size:14px}.budget-chip-state{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.move-row{display:flex;align-items:center;justify-content:space-between}.move-label{font-size:14px;color:var(--text)}.move-btns{display:flex;gap:8px}.move-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:6px 14px;font-size:14px}.move-btn:disabled{opacity:.35}.turn-help-toggle{background:none;border:none;color:var(--gold);font-size:13px;text-align:left;padding:0;text-decoration:underline}.turn-help-text{font-size:13px;color:var(--muted);line-height:1.5}.turn-help-text strong{color:var(--text)}.turn-active-ava{width:22px;height:22px;border-radius:50%;object-fit:cover;vertical-align:-5px;margin-right:7px;border:1px solid var(--border)}.mini-pill{display:inline-flex;align-items:center;gap:5px}.mini-ava{width:15px;height:15px;border-radius:50%;object-fit:cover;margin-left:-3px}.mini-dot{width:7px;height:7px;border-radius:50%;background:var(--red);display:inline-block}.turn-next-hint{font-size:13px;color:var(--gold-bright);background:#c9a86a14;border:1px solid rgba(201,168,106,.3);border-radius:10px;padding:7px 10px}.turn-say-hint{font-size:12px;color:var(--muted);font-style:italic}.forge{padding-bottom:90px}.forge-cta{margin-top:16px;border-style:dashed;border-color:var(--gold);color:var(--gold-bright)}.forge-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.forge-back{background:none;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:6px 12px;font-size:16px}.forge-progress{display:flex;gap:6px;flex-wrap:wrap}.forge-rune{font-size:11px;letter-spacing:.4px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.forge-rune-on{border-color:var(--gold);color:var(--gold-bright)}.forge-rune-done{color:var(--green);border-color:#58b88c66}.forge-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.forge-bonus{font-size:12px;color:var(--gold);white-space:nowrap}.forge-fit{font-size:13px;color:var(--muted);letter-spacing:2px}.forge-fit-best{color:var(--gold-bright)}.forge-reco{margin-top:8px;font-size:12px;color:var(--gold-bright);background:#c9a86a1a;border-radius:8px;padding:4px 8px;display:inline-block}.forge-pool{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.forge-chip{min-width:52px;padding:10px 0;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:18px;font-weight:700}.forge-chip-wide{min-width:0;padding:8px 14px;font-size:14px;font-weight:500}.forge-chip-on{border-color:var(--gold);background:#c9a86a26;color:var(--gold-bright)}.forge-socket{cursor:pointer}.forge-socket-filled{border-color:#c9a86a80}.forge-bonus-mini{color:var(--gold);font-size:10px}.forge-row{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.forge-opt{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;color:var(--text)}.forge-opt-on{border-color:var(--gold);background:#c9a86a14}.forge-opt-name{font-weight:600}.forge-field{margin-bottom:12px}.forge-field .block-label{margin-bottom:5px}.forge-summary{margin-top:18px;padding:14px;background:var(--surface);border:1px solid var(--gold);border-radius:14px;display:flex;flex-direction:column;gap:5px}.forge-nav{position:fixed;left:0;right:0;bottom:0;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--bg) 40%);max-width:520px;margin:0 auto}.block-label.spaced{margin-top:18px}.path{display:flex;flex-direction:column;gap:14px}.path-xp{display:flex;flex-direction:column;gap:6px;font-size:14px}.xp-bar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width .5s ease}.level-call{animation:callPulse 1.8s ease-in-out infinite}@keyframes callPulse{0%,to{box-shadow:0 0 #e8c98700}50%{box-shadow:0 0 22px #e8c98773}}.level-choices{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--gold);border-radius:14px;background:#c9a86a0d}.path-choose-title{font-family:var(--serif);font-size:20px;color:var(--gold-bright);margin:0}.path-tree{display:flex;flex-direction:column;gap:0}.path-level{border-left:2px solid var(--border);padding:0 0 18px 16px;margin-left:10px;position:relative}.path-level-done{border-left-color:var(--gold)}.path-level-ready{border-left-color:var(--gold-bright)}.path-level-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.path-level-badge{position:absolute;left:-13px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);font-size:12px;color:var(--muted)}.path-level-done>.path-level-head .path-level-badge{background:var(--gold);color:#241c0d;border-color:var(--gold-bright);font-weight:700}.path-level-ready>.path-level-head .path-level-badge{border-color:var(--gold-bright);color:var(--gold-bright);animation:callPulse 1.8s infinite}.path-level-tag{margin-left:26px;font-size:12px}.path-tag-ready{color:var(--gold-bright)}.path-nodes{display:flex;flex-direction:column;gap:8px;margin-left:14px}.path-node{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:9px 12px}.path-level-locked .path-node{opacity:.55}.path-node-spike{border-color:#e8c98780}.path-node-name{font-weight:600;font-size:14px}.path-node-chosen{color:var(--gold-bright);font-size:13px;margin-top:2px}.tab-glow{position:relative;display:contents}.tab-glow .tab-btn{animation:callPulse 1.8s ease-in-out infinite;border-radius:12px;color:var(--gold-bright)}.level-burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:radial-gradient(circle at 50% 45%,#c9a86a40,#0e0b12f0 70%);animation:burstIn .3s ease}@keyframes burstIn{0%{opacity:0;transform:scale(1.06)}}.level-burst-bolt{font-size:74px;filter:drop-shadow(0 0 24px rgba(232,201,135,.8))}.level-burst-text{font-family:var(--serif);font-size:40px;color:var(--gold-bright)}.gear{display:flex;flex-direction:column;gap:14px}.gear-stats{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.gear-doll{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.gear-stat{display:flex;flex-direction:column;align-items:center;min-width:64px}.gear-slots{display:flex;flex-direction:column;gap:8px}.gear-slot{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.gear-slot-filled{border-color:#c9a86a73}.gear-slot-head{display:flex;justify-content:space-between;align-items:center}.gear-slot-label{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.gear-stow{background:none;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:12px;padding:2px 10px}.gear-stow:hover{color:var(--red);border-color:var(--red)}.gear-item{display:flex;flex-direction:column;margin-top:4px}.gear-item-name{font-weight:600;color:var(--gold-bright)}.gear-empty{margin-top:4px;background:none;border:1px dashed var(--border);border-radius:10px;color:var(--muted);padding:8px;width:100%;text-align:center;font-size:13px}.gear-empty:not(:disabled){border-color:#c9a86a80;color:var(--gold)}.gear-picker{margin-top:8px;display:flex;flex-direction:column;gap:6px}.gear-body{width:120px;height:160px;object-fit:cover;border-radius:14px;border:2px solid var(--gold);box-shadow:0 0 18px #c9a86a40}.portrait-tab{display:flex;flex-direction:column;gap:12px}.hero-canvas{position:relative;border-radius:16px;overflow:hidden;border:2px solid var(--gold);box-shadow:0 0 26px #c9a86a38}.hero-canvas img{display:block;width:100%;max-height:64vh;object-fit:cover}.hero-canvas-plate{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;background:linear-gradient(180deg,transparent,rgba(14,11,18,.9));display:flex;flex-direction:column}.hero-canvas-name{font-family:var(--serif);font-size:24px;color:var(--gold-bright)}.hero-canvas-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-style:dashed;box-shadow:none}.hero-painting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0e0b12b8;color:var(--gold-bright);font-family:var(--serif);font-size:18px;animation:callPulse 1.8s ease-in-out infinite}.hero-canvas-empty .hero-painting{position:static;background:none}.portrait-status{display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.portrait-status-ok{border-color:#58b88c66}.portrait-ok{color:var(--green);font-weight:600}.portrait-diff{display:flex;flex-direction:column;gap:4px}.diff-line{font-size:14px;font-family:ui-monospace,monospace}.diff-add{color:var(--green)}.diff-del{color:var(--red)}.portrait-note{text-align:center}.auth-input{width:100%;max-width:320px;padding:12px 14px;margin:14px 0 10px;font-size:17px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:inherit}.auth-input:focus{outline:none;border-color:var(--gold)}.auth-error{color:var(--red);margin-top:10px}.auth-hint{margin-top:18px}.btn-link{background:none;border:none;padding:0;color:var(--gold);cursor:pointer;font-size:inherit;text-decoration:underline}.signed-in-chip{font-size:12px;opacity:.7}.roster-shelf{display:flex;flex-direction:column;gap:8px;margin:0 0 14px}.roster-title{font-family:var(--serif);font-size:18px;color:var(--gold-bright);margin:4px 0}.roster-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#ffffff08;color:inherit;text-align:left;cursor:pointer}.roster-card:active{border-color:var(--gold)}.roster-face{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--gold)}.roster-face-blank{display:inline-flex;align-items:center;justify-content:center;background:#c9a86a26;color:var(--gold);font-weight:700}.roster-names{display:flex;flex-direction:column;flex:1}.roster-summon{color:var(--gold);font-weight:600;white-space:nowrap}.roster-or{text-align:center;margin:6px 0 2px}.hearth{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:22px;padding-bottom:60px}.hearth-head{text-align:center;padding-top:18px}.hearth-section{display:flex;flex-direction:column;gap:8px}.hearth-hero{cursor:default}.hearth-tagline{font-style:italic}.hearth-retire{background:none;border:1px solid var(--border);border-radius:8px;color:var(--muted, #a99f8c);padding:4px 9px;cursor:pointer}.hearth-retire-armed{border-color:var(--red);color:var(--red);font-weight:700}.landing{min-height:100%;display:flex;flex-direction:column}.landing-hero{position:relative;width:100%;max-height:52vh;overflow:hidden}.landing-hero img{width:100%;height:100%;object-fit:cover;display:block}.landing-hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(14,11,18,.35) 0%,rgba(14,11,18,0) 30%,rgba(14,11,18,.05) 62%,var(--bg) 100%)}.landing-title{position:absolute;left:0;right:0;top:8%;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.75)}.landing-title h1{font-size:44px;margin:2px 0 0;color:var(--gold-bright)}.landing-title .logo{font-size:30px;color:var(--gold)}.landing-tagline{color:var(--text);font-family:var(--serif);font-style:italic;font-size:17px;margin:4px 0 0}.landing-body{max-width:640px;width:100%;margin:0 auto;padding:10px 18px calc(40px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.landing-intro{color:var(--muted);text-align:center;line-height:1.65;margin:0}.landing-doors{display:flex;flex-direction:column;gap:10px}.landing-door{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px;color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}.landing-door:hover,.landing-door:active{border-color:var(--gold);transform:translateY(-1px)}.landing-door-icon{font-size:22px;width:30px;text-align:center}.landing-door-text{flex:1;display:flex;flex-direction:column}.landing-door-label{font-family:var(--serif);font-size:19px;color:var(--gold-bright)}.landing-door-go{color:var(--gold);font-size:18px}.landing-foot{text-align:center}@media(min-width:760px){.landing-title{top:12%}.landing-title h1{font-size:56px}.landing-body{max-width:720px}}.hero-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hero-tile{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.hero-tile-face{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2.5px solid var(--gold)}.hero-tile-blank{display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:34px;color:var(--gold-bright);background:var(--surface-2)}.hero-tile-name{font-family:var(--serif);font-size:18px;color:var(--gold-bright);margin-top:4px}.hero-tile-tagline{font-style:italic}.hero-tile-x{position:absolute;top:8px;right:8px;font-size:11px}.hero-tile-forge{border-style:dashed;border-color:var(--gold);justify-content:center;color:var(--gold-bright);cursor:pointer;min-height:150px}.hero-tile-forge .hero-tile-plus{font-size:34px}.hearth-table{cursor:pointer}.code-form{display:flex;gap:10px}a.roster-card{text-decoration:none;color:inherit}.home-btn{position:fixed;top:10px;left:10px;z-index:90;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:#171320eb;color:var(--gold);font-size:21px;line-height:1;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 14px #0006}.home-btn:hover{border-color:var(--gold);color:var(--gold-bright)}.page-banner{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border)}.page-banner img{width:100%;height:168px;object-fit:cover;display:block}.page-banner-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0e0b120d,#0e0b1233 45%,#0e0b12f0)}.page-banner-title{position:absolute;left:16px;right:16px;bottom:10px;text-align:left;text-shadow:0 2px 14px rgba(0,0,0,.85)}.page-banner-title h1{margin:0;font-size:27px;color:var(--gold-bright)}.page-banner-title p{margin:2px 0 0}.bag-row-wrap{border:1px solid transparent;border-radius:10px}.bag-row-open{border-color:var(--border);background:#ffffff05}.bag-row-btn{width:100%;background:none;border:none;color:inherit;font-size:inherit;cursor:pointer}.bag-usable{color:var(--gold);font-size:12px}.bag-detail{padding:2px 12px 12px;display:flex;flex-direction:column;gap:6px;font-size:14px}.bag-use{align-self:flex-start}.bag-note{position:sticky;top:6px;z-index:5;background:#c9a86af2;color:#241c0d;font-weight:600;padding:8px 14px;border-radius:18px;text-align:center}.bag-footnote{margin-top:12px}.rules{display:flex;flex-direction:column;gap:12px}.rules-card{border:1px solid var(--border);border-radius:12px;padding:14px;background:#ffffff05}.rules-card h3{font-family:var(--serif);color:var(--gold-bright);margin-bottom:8px}.rules-card p,.rules-card li{font-size:14px;line-height:1.55}.rules-card ul{padding-left:18px;display:flex;flex-direction:column;gap:6px}.forge-reco{display:block;width:100%;margin:0 0 14px;border-color:var(--gold);color:var(--gold)}.forge-missing{margin-top:14px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:#c9a86a12;color:var(--gold-bright);font-size:13.5px}.block-label-todo{color:var(--gold-bright)}.block-label-done{opacity:.75}.forge-name-row{display:flex;gap:8px}.forge-name-row .input{flex:1}.howto{max-width:640px;margin:0 auto;padding:22px 18px calc(48px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:18px}.howto .page-banner img{height:190px}.howto-intro{color:var(--muted);text-align:center;line-height:1.65;margin:0}.howto-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.howto-step{display:flex;gap:14px;background:#171320b8;border:1px solid var(--border);border-radius:14px;padding:16px}.howto-num{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--gold);color:var(--gold-bright);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:16px}.howto-step-body{min-width:0}.howto-who{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.85;margin-bottom:2px}.howto-step-body h3{margin:0 0 6px;font-family:var(--serif);font-size:18px;color:var(--gold-bright)}.howto-step-body p{margin:0 0 6px;color:var(--muted);line-height:1.6;font-size:14.5px}.howto-step-body p:last-child{margin-bottom:0}.howto-hero-step{border-color:var(--gold);background:#c9a86a12;box-shadow:0 0 34px #c9a86a29}.howto-ptt-demo{margin:10px 0}.howto-ptt-fake{pointer-events:none;cursor:default;animation:breathe 2.6s ease-in-out infinite}.howto-say{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.howto-say span{border:1px solid var(--border);border-radius:999px;padding:4px 11px;font-size:12.5px;font-style:italic;font-family:var(--serif)}.howto-tips{border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:7px}.howto-tips-title{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:.85}.howto-tips p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.55}.howto-cta{text-align:center;margin:4px 0 0}