:root{--bg: #17130f;--panel: #211b15;--raised: #2b231b;--line: #3d3226;--text: #ece3d3;--muted: #b3a48d;--gold: #e0ae4c;--hp: #c8553d;--power: #5b9bd5;--quest: #7fae5a;--monster: #a4689b;--danger: #ff9d8a;--ok: #a5d68a;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Georgia,Times New Roman,serif;-webkit-text-size-adjust:100%}h1,h2,h3{margin:0 0 .4rem;font-weight:600;line-height:1.25}h2{font-size:1.15rem}h3{font-size:1rem;margin-top:1rem}p{margin:.4rem 0}code{font-family:ui-monospace,Consolas,monospace;font-size:.85em}small,.small{font-size:.82rem}.muted{color:var(--muted)}.error{color:var(--danger)}.ok{color:var(--ok)}.grow{flex:1;min-width:0}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--raised);border-radius:8px;padding:.55rem .9rem;min-height:44px}button:disabled{opacity:.5;cursor:not-allowed}button small{opacity:.8}button.primary{background:var(--gold);border-color:var(--gold);color:#1c1408;font-weight:600}button.link{background:none;border:none;color:var(--gold);padding:.4rem .3rem;text-decoration:underline;min-height:44px}button.link.small{min-height:32px;padding:.2rem}button.chip{border-radius:999px;padding:.35rem .8rem;min-height:40px}button.chip.on{background:var(--gold);border-color:var(--gold);color:#1c1408}input,textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.6rem .7rem;min-height:44px}input[aria-invalid=true]{border-color:var(--danger)}textarea{font-family:ui-monospace,Consolas,monospace;font-size:.8rem;min-height:12rem;margin-top:.5rem}label{display:grid;gap:.25rem;font-size:.9rem;color:var(--muted)}label input{color:var(--text);font-size:1rem}fieldset{border:1px solid var(--line);border-radius:8px;padding:.6rem;margin:0}legend{color:var(--muted);font-size:.9rem;padding:0 .3rem}.row{display:flex;gap:.5rem;align-items:center}.row.wrap{flex-wrap:wrap}.tag{margin-left:.4rem;padding:.05rem .45rem;border:1px solid var(--line);border-radius:999px;font-size:.75rem;color:var(--muted)}.tag.on{border-color:var(--gold);color:var(--gold)}.center{display:grid;place-items:center;height:100%}.card-page{max-width:26rem;margin:0 auto;padding:2rem 1rem;display:grid;gap:.8rem}.brand{font-size:1.9rem;color:var(--gold);letter-spacing:.02em}.card{display:grid;gap:.8rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem}.lang-switch{display:flex;gap:.5rem}.app{display:flex;flex-direction:column;height:100%;max-width:46rem;margin:0 auto}.top{padding:.6rem .8rem .4rem;padding-top:max(.6rem,env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--line)}.top-line{display:flex;align-items:baseline;gap:.6rem}.hero-name{font-size:1.1rem;flex:1;min-width:0;margin:0;overflow-wrap:anywhere}.hero-name .muted{font-size:.85rem;font-weight:400}.gold{color:var(--gold);white-space:nowrap}.world-line{font-size:.78rem;color:var(--muted);margin:.3rem 0 0}.banner{background:#4a3413;border:1px solid #7a5a22;border-radius:8px;padding:.4rem .6rem;font-size:.85rem}.bar{display:grid;grid-template-columns:6.5rem 1fr auto;align-items:center;gap:.5rem;font-size:.78rem;margin-top:.2rem}.bar-label{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:.55rem;background:var(--bg);border:1px solid var(--line);border-radius:999px;overflow:hidden}.bar-fill{display:block;height:100%;border-radius:999px;transition:width .4s ease}.bar-fill.hp{background:var(--hp)}.bar-fill.power{background:var(--power)}.bar-fill.quest{background:var(--quest)}.bar-fill.monster{background:var(--monster)}.bar-value{font-variant-numeric:tabular-nums;min-width:3.2rem;text-align:right}.tabs{display:flex;overflow-x:auto;background:var(--panel);border-bottom:1px solid var(--line);scrollbar-width:none}.tab{flex:1 0 auto;background:none;border:none;border-bottom:3px solid transparent;border-radius:0;padding:.5rem .7rem;font-size:.88rem;color:var(--muted)}.tab.on{color:var(--gold);border-bottom-color:var(--gold)}.panel{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.sheet{padding:.9rem .8rem 2rem}.diary{flex:1;overflow-y:auto;padding:.6rem .8rem}.entries{list-style:none;margin:0;padding:0}.entry{padding:.45rem 0;border-bottom:1px solid #2a221a}.entry.llm{border-left:3px solid var(--gold);padding-left:.6rem}.entry.fight-line{border-left:3px solid var(--monster);padding-left:.6rem;background:#241b24}.entry.voice-line{border-left:3px solid var(--power);padding-left:.6rem}.entry.gesture-line{border-left:3px solid var(--quest);padding-left:.6rem}.entry-label{display:block;color:var(--monster);font-size:.85rem;letter-spacing:.03em}.effects{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}.effect{font-size:.78rem;padding:.05rem .45rem;border-radius:999px;border:1px solid var(--line)}.effect.up{color:var(--ok);border-color:#3f5a33}.effect.down{color:var(--danger);border-color:#7a3c30}.pack{white-space:nowrap}.entry-date{color:var(--muted);font-size:.75rem;white-space:nowrap}.listening{color:var(--gold);font-style:italic}.also-here{font-size:.85rem}.notices{display:grid;gap:.3rem;padding:0 .8rem}.notice{text-align:left;width:100%;min-height:0;padding:.45rem .6rem;font-size:.88rem;background:#23303d;border-color:#3a5670}.notice.refusal{background:#40231d;border-color:#7a3c30}.bottom{background:var(--panel);border-top:1px solid var(--line);padding:.5rem .8rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom));display:grid;gap:.5rem}.fight{border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;background:var(--raised)}.fight-head{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.words{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.voice-form{display:flex;gap:.5rem}.voice-form input{flex:1;min-width:0}.gestures{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}.gesture.carrot{border-color:#8a5a22}.gesture.stick{border-color:#7a3c30}.pending{margin:0 0 .3rem}dl{display:grid;grid-template-columns:minmax(6rem,auto) 1fr;gap:.3rem .8rem;margin:.4rem 0 .8rem}dt{color:var(--muted);font-size:.85rem}dd{margin:0;overflow-wrap:anywhere}.item.relic{color:var(--gold)}.attributes{list-style:none;padding:0;margin:.3rem 0;display:grid;gap:.2rem}.attributes li{display:flex;justify-content:space-between;border-bottom:1px dotted var(--line)}.list{list-style:none;padding:0;margin:.4rem 0 1rem}.list li{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #2a221a;flex-wrap:wrap}.list li.here{color:var(--gold)}ol.pantheon{counter-reset:rank}ol.pantheon li:before{counter-increment:rank;content:counter(rank) ".";color:var(--muted);min-width:1.6rem}.admin .section{border:1px solid var(--line);border-radius:10px;margin:.5rem 0;padding:0 .6rem;background:var(--panel)}.admin summary{cursor:pointer;padding:.6rem 0;font-weight:600;min-height:44px}.tune{display:grid;grid-template-columns:1fr;gap:.2rem;padding:.4rem 0;border-top:1px solid #2a221a}.tune.changed{border-left:3px solid var(--gold);padding-left:.5rem}.tune.wrong{border-left:3px solid var(--danger);padding-left:.5rem}.tune label{color:var(--text);overflow-wrap:anywhere}.tune-inputs{display:flex;gap:.4rem}.tune-inputs input{min-width:0}.tune-meta{display:flex;gap:.5rem;align-items:center;min-height:0}.savebar{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--line);padding:.5rem 0;margin-top:.6rem}.export{margin-top:.6rem}.scroll-x{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;padding:.35rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:400}@media(min-width:40rem){.tune{grid-template-columns:1fr 14rem 11rem;align-items:center}.bar{grid-template-columns:8rem 1fr auto}}@media(prefers-reduced-motion:reduce){.bar-fill{transition:none}}