:root{--bg: #15120c;--bg-deep: #0b0a08;--bg-panel: #1c1810;--bg-elev: #262015;--bg-hover: #221d13;--border: #3a3122;--border-soft: #2b2417;--text: #ece2cd;--text-dim: #b7a98c;--text-faint: #7e7358;--text-mute: #5a5140;--accent: #c9a227;--accent-dim: #8c6f1c;--accent-hot: #e3be44;--accent-bright: #f0dfa0;--magic: #9a7bd8;--safe: #4f8f79;--safe-lit: #7fc0a6;--danger: #c0503c;--locked: #6b6250;--locked-text: #8a8270;--player: var(--text-dim);--hostile: var(--danger);--radius: 0;--radius-soft: 2px;--serif: "EB Garamond", Georgia, serif;--font: "Inter", "Segoe UI", system-ui, sans-serif;--mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;transition:border-color .15s ease-out,background .15s ease-out,color .15s ease-out}button:hover:not(:disabled){border-color:var(--accent-dim);background:var(--bg-hover)}button:disabled{opacity:.5;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:1px}select,input,textarea{font:inherit;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}.panel-section h3,.cheat-sec h3,.sheet-formula h3,.arts-block h3,.cg-group h4,.chargen-preview h4,.tool-pop-k,.howto-label,.demo-tag,.tm-label,.cheat-rail-label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:20px;height:50px;flex-shrink:0;padding:0 20px;border-bottom:1px solid var(--border);background:var(--bg-panel)}.topbar .brand{font-family:var(--serif);font-size:17px;letter-spacing:.06em}.topbar-rule{width:1px;height:18px;background:var(--border);flex-shrink:0}.topbar .spacer{flex:1}.topbar select{padding:4px 8px;font-size:12.5px;color:var(--text-dim);background:transparent}.locus{display:flex;align-items:baseline;gap:10px;min-width:0;font-size:13px}.locus-place{color:var(--text);white-space:nowrap}.locus-sep{color:var(--text-faint)}.locus-goal{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turn-meter{display:flex;align-items:center;gap:8px;flex-shrink:0;cursor:help}.tm-val{font-family:var(--mono);font-size:12.5px;color:var(--text);font-variant-numeric:tabular-nums}.tm-bar{display:block;width:64px;height:3px;background:var(--border)}.tm-fill{display:block;height:3px;background:var(--accent);transition:width .2s ease-out}.rail{width:74px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;padding:12px 0;background:var(--bg-panel);border-right:1px solid var(--border)}.rail-gap{flex:1}.rail-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 2px;color:var(--text-dim);background:transparent;border:none;border-left:2px solid transparent;border-radius:0}.rail-item:hover:not(:disabled){color:var(--text);background:color-mix(in srgb,var(--accent) 5%,transparent)}.rail-item.on{color:var(--text);border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}.rail-item.on .rail-ico{stroke:var(--accent)}.rail-item.quiet{color:var(--text-faint)}.rail-ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.rail-label{font-size:10px;letter-spacing:.06em}@media(max-width:900px){.rail{width:46px}.rail-label{display:none}}.main{flex:1;display:flex;min-height:0}.column-chat{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar{width:308px;flex-shrink:0;display:flex;flex-direction:column;border-left:1px solid var(--border);background:var(--bg-panel);overflow-y:auto;padding:20px 18px}@media(max-width:760px){.sidebar{display:none}}.messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:12px}.messages-inner{max-width:640px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:18px}.msg{display:block}.msg-narrator{color:var(--text);font-family:var(--serif);font-size:19px;line-height:1.75;text-wrap:pretty}.msg-narrator p{margin:0 0 .6em}.msg-narrator>:last-child{margin-bottom:0}.msg-narrator ul,.msg-narrator ol{margin:0 0 .6em;padding-left:1.4em}.msg-narrator li{margin:2px 0}.msg-narrator blockquote{margin:0 0 .6em;padding:2px 0 2px 12px;border-left:2px solid var(--accent-dim);color:var(--text-dim)}.msg-narrator code{font-family:var(--mono);font-size:.9em;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:0 4px}.msg-narrator pre{margin:0 0 .6em;padding:10px 12px;overflow-x:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.msg-narrator pre code{background:none;border:none;padding:0}.msg-narrator h1,.msg-narrator h2,.msg-narrator h3,.msg-narrator h4,.msg-narrator h5,.msg-narrator h6{margin:.5em 0 .3em;font-size:1em;font-weight:600}.msg-narrator hr{border:none;border-top:1px solid var(--border);margin:.6em 0}.msg-narrator table{display:block;width:fit-content;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 .6em;font-size:13px}.msg-narrator th,.msg-narrator td{border:1px solid var(--border);padding:5px 10px;text-align:left}.msg-narrator th{background:var(--bg-elev);font-weight:600}.msg-narrator.drop-cap>p:first-child:first-letter{float:left;font-size:56px;line-height:.82;padding:5px 10px 0 0;color:var(--accent)}.msg-player{padding-left:18px;border-left:2px solid var(--accent-dim);color:var(--text-dim)}.say-who{display:block;margin-bottom:5px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.say-text{display:block;font-family:var(--serif);font-style:italic;font-size:18px;line-height:1.7;text-wrap:pretty}.msg-error{color:var(--danger);font-size:13px;border-left:2px solid var(--danger);padding-left:10px}.tool-chip{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--text-faint)}.tool-chip:before{content:"";flex:none;width:4px;height:4px;background:var(--accent-dim);transform:rotate(45deg)}.tool-name{flex:none}.tool-args{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-mute)}.tool-rule{flex:1;min-width:12px;height:1px;background:var(--border-soft)}.tool-chip.has-detail{cursor:help}.msg-system{color:var(--text-dim);background:color-mix(in srgb,var(--text-faint) 8%,transparent);border:1px solid var(--border);border-left:2px solid var(--text-faint);border-radius:var(--radius);padding:10px 14px;font-size:14px}.msg-system:before{content:"Системное сообщение";display:block;margin-bottom:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute)}.insight-card{align-self:flex-start;width:min(340px,100%);background:color-mix(in srgb,var(--accent) 8%,var(--bg-panel));border:1px solid var(--accent-dim);border-left-width:2px;border-radius:var(--radius);padding:10px 14px;animation:insight-in .45s ease-out}@keyframes insight-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}.insight-head{display:flex;align-items:baseline;gap:8px}.insight-mark{color:var(--accent);font-size:18px;line-height:1}.insight-title{color:var(--accent);font-weight:600;letter-spacing:.02em}.insight-total{margin-left:auto;color:var(--text-dim);font-size:12px}.insight-reason{margin-top:6px;color:var(--text);font-size:14px}.insight-note{margin-top:8px;color:var(--text-faint);font-size:12px}.rep-card{align-self:flex-start;width:min(340px,100%);border-radius:var(--radius);padding:10px 14px;border:1px solid var(--border);background:var(--bg-panel);animation:insight-in .45s ease-out}.rep-crown{border-color:var(--safe);border-left-width:2px;background:color-mix(in srgb,var(--safe) 8%,var(--bg-panel))}.rep-renegades{border-color:var(--danger);border-left-width:2px;background:color-mix(in srgb,var(--danger) 8%,var(--bg-panel))}.rep-card.rep-tier-up{border-color:var(--accent)}.rep-head{display:flex;align-items:baseline;gap:8px}.rep-mark{font-size:16px;line-height:1}.rep-crown .rep-mark,.rep-crown .rep-title{color:var(--safe-lit)}.rep-renegades .rep-mark,.rep-renegades .rep-title{color:var(--danger)}.rep-title{font-weight:600;letter-spacing:.02em}.rep-tier{margin-left:auto;color:var(--text-dim);font-size:12px}.rep-reason{margin-top:6px;color:var(--text);font-size:14px}.rep-note{margin-top:8px;color:var(--text-faint);font-size:12px}.tool-popover{position:fixed;z-index:60;width:min(460px,92vw);max-height:60vh;overflow-y:auto;background:var(--bg-elev);border:1px solid var(--accent-dim);border-radius:var(--radius);box-shadow:0 12px 32px #00000080;padding:10px 12px}.tool-pop-block+.tool-pop-block{margin-top:8px}.tool-pop-k{margin-bottom:3px}.tool-popover pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--mono);font-size:12px;color:var(--text-dim)}.opening-seed{color:var(--text-dim);font-style:italic;border-left:2px solid var(--accent-dim);padding-left:12px}.roll-card{align-self:flex-start;width:min(360px,100%);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:2px;transition:border-color .3s ease-out}.roll-frame{border:1px solid var(--border);padding:13px 15px;transition:border-color .3s ease-out}.roll-card.settled.success .roll-frame{border-color:color-mix(in srgb,var(--safe) 55%,var(--border))}.roll-card.settled.novel .roll-frame{border-color:color-mix(in srgb,var(--magic) 55%,var(--border))}.roll-card.settled.fail .roll-frame{border-color:color-mix(in srgb,var(--danger) 55%,var(--border))}.roll-card.settled.success{border-color:var(--safe)}.roll-card.settled.novel{border-color:var(--magic)}.roll-card.settled.fail{border-color:var(--danger)}.roll-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.roll-title{font-family:var(--serif);font-style:italic;font-size:16px;letter-spacing:.01em}.roll-dc{font-family:var(--mono);font-size:11px;color:var(--text-faint)}.roll-body{display:flex;gap:14px;align-items:center}.roll-die{flex-shrink:0;width:56px;height:56px;display:grid;place-items:center;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--bg);border:2px solid var(--accent-dim);color:var(--text);position:relative;transition:transform .25s ease-out,border-color .3s ease-out,background .3s ease-out}.roll-die-n{font-family:var(--mono);font-size:22px;font-weight:700}.roll-die.spin{animation:die-spin .28s linear infinite}@keyframes die-spin{0%{transform:rotate(0) scale(1.04)}to{transform:rotate(360deg) scale(1.04)}}.roll-card.settled .roll-die{animation:die-pop .3s ease-out}@keyframes die-pop{0%{transform:scale(1.25)}60%{transform:scale(.94)}to{transform:scale(1)}}.roll-die.crit{border-color:var(--safe);background:color-mix(in srgb,var(--safe) 16%,var(--bg));color:var(--safe)}.roll-die.fumble{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 16%,var(--bg));color:var(--danger)}.roll-calc{flex:1;min-width:0}.roll-rows{display:flex;flex-direction:column;gap:1px}.roll-row,.roll-total{display:flex;justify-content:space-between;gap:10px;font-size:13px}.rr-label{color:var(--text-dim)}.rr-val{font-family:var(--mono);color:var(--text)}.roll-total{margin-top:5px;padding-top:5px;border-top:1px solid var(--border);font-weight:600}.rr-total-val{color:var(--accent)}.roll-row-enter-active{transition:opacity .18s ease,transform .18s ease}.roll-row-enter-from{opacity:0;transform:translateY(-4px)}.roll-outcome{margin-top:10px;font-size:13px;font-weight:600;text-align:center;padding:5px 8px;border-radius:var(--radius);animation:outcome-in .25s ease-out}.roll-card.success .roll-outcome{color:var(--safe);background:color-mix(in srgb,var(--safe) 12%,transparent)}.roll-card.novel .roll-outcome{color:var(--magic);background:color-mix(in srgb,var(--magic) 12%,transparent)}.roll-card.fail .roll-outcome{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}@keyframes outcome-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lore-term{color:var(--accent);border-bottom:1px dotted var(--accent-dim);cursor:help}.lore-term:hover{border-bottom-style:solid}.lore-popover{position:fixed;z-index:60;width:min(320px,90vw);background:var(--bg-elev);border:1px solid var(--accent-dim);border-radius:var(--radius);box-shadow:0 12px 32px #00000080;padding:10px 12px}.lore-pop-head.with-art{display:flex;gap:10px;align-items:flex-start}.lore-pop-head.with-art .lore-pop-text{min-width:0}.lore-pop-art{flex:none;width:84px;aspect-ratio:3 / 4;object-fit:cover;object-position:top center;border-radius:var(--radius);border:1px solid var(--border)}.lore-pop-name{font-family:var(--serif);font-size:19px;color:var(--text);margin-bottom:5px}.lore-pop-brief{font-family:var(--serif);font-size:15.5px;line-height:1.55;color:var(--text-dim)}.lore-pop-detail{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:12.5px;line-height:1.55;color:var(--text-faint)}.composer{border-top:1px solid var(--border);padding:12px 16px;background:var(--bg-panel)}.composer-inner{max-width:640px;margin:0 auto;display:flex;gap:10px;align-items:flex-end}.composer textarea{flex:1;resize:none;min-height:46px;max-height:160px;padding:12px 14px;background:var(--bg);font-family:var(--serif);font-size:17px}.composer textarea::placeholder{color:var(--text-faint)}.composer .send{padding:12px 20px;font-weight:600;color:var(--bg-panel);background:var(--accent);border-color:var(--accent)}.composer .send:hover:not(:disabled){background:var(--accent-hot);border-color:var(--accent-hot)}.composer .send:disabled{background:var(--bg-elev);border-color:var(--border);color:var(--text-faint)}.typing{display:flex;align-items:center;gap:9px;padding:4px 0;color:var(--text-faint);font-family:var(--serif);font-style:italic;font-size:16px}.typing-mark{flex:none;width:6px;height:6px;background:var(--accent-dim);animation:typing-pulse 1.4s ease-in-out infinite}@keyframes typing-pulse{0%,to{opacity:.35}50%{opacity:1}}.panel-section{margin-bottom:20px}.panel-foot{margin-top:auto;margin-bottom:0;padding-top:12px;border-top:1px solid var(--border)}.panel-section h3{margin:0 0 8px}.scene-title{font-family:var(--serif);font-size:20px;margin-bottom:6px}.zone-badge{display:inline-block;font-size:11px;padding:1px 8px;border-radius:var(--radius);border:1px solid}.zone-safe{color:var(--safe);border-color:var(--safe)}.zone-hostile{color:var(--hostile);border-color:var(--hostile)}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12.5px;padding:3px 9px;border-radius:var(--radius);color:var(--text-dim);background:transparent;border:1px solid var(--border)}.chip.has-lore{cursor:help}.chip-danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 50%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent)}.npc-card{display:flex;gap:10px;align-items:flex-start;padding:9px;margin-bottom:8px;border:1px solid var(--border)}.npc-card:last-child{margin-bottom:0}.npc-card.disengaged{opacity:.62}.npc-avatar{flex:none;display:block;width:46px;height:56px;overflow:hidden;border:1px solid var(--border);cursor:help}.npc-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}.npc-card.disengaged .npc-avatar img{filter:grayscale(.4)}.npc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.npc-head{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.npc-head.has-lore{cursor:help}.npc-name{font-size:14px;color:var(--text)}.npc-rel{font-size:11px;color:var(--text-faint)}.topic-chips{display:flex;flex-direction:column;gap:5px}.topic-chip{width:100%;text-align:left;font-size:12.5px;padding:5px 9px;color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.topic-chip:hover:not(:disabled){color:var(--text);border-color:var(--accent-dim);background:var(--bg-hover)}.exit-btn{width:100%;text-align:left;margin-bottom:4px}.exit-btn.locked{opacity:1;cursor:not-allowed;font-style:italic;color:var(--locked-text);background:transparent;border-style:dashed;border-color:var(--locked)}.quest{margin-bottom:10px;padding-left:10px;border-left:2px solid var(--accent-dim)}.quest:last-child{margin-bottom:0}.quest .q-title{font-size:14px;color:var(--text)}.quest .q-obj{color:var(--text-dim);font-size:13px}.book-btn-here:before{content:"▤ ";color:var(--accent-dim)}.faint{color:var(--text-faint);font-size:13px}.mono{font-family:var(--mono);font-size:.92em;font-variant-numeric:tabular-nums}.placeholder{border:1px dashed var(--border);border-radius:var(--radius);padding:14px;color:var(--text-faint);font-size:13px;text-align:center}.map-modal{width:min(1120px,96vw);max-height:92vh;display:flex;flex-direction:column}.map-head{display:flex;align-items:center;gap:20px;height:50px;flex-shrink:0;padding:0 20px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.map-head .spacer{flex:1}.map-head .brand{font-family:var(--serif);font-size:17px;letter-spacing:.06em}.map-crumbs{display:flex;align-items:center}.crumb{font-size:13px;padding:4px 11px;color:var(--text-dim);background:transparent;border:1px solid var(--border);border-radius:var(--radius)}.crumb.on{color:var(--bg-panel);background:var(--accent);border-color:var(--accent)}.crumb.on:hover{background:var(--accent-hot);border-color:var(--accent-hot)}.crumb-sep{display:inline-block;margin-left:11px;color:var(--locked)}.crumb.on .crumb-sep{color:var(--bg-panel)}.map-wings{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:9px 20px;border-bottom:1px solid var(--border-soft);background:var(--bg)}.wings-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.map-main{flex:1;min-height:0;display:flex;background:var(--bg-deep)}.map-stage{position:relative;flex:1;min-width:0;align-self:center;margin:16px;line-height:0;overflow:hidden;border:1px solid var(--border)}.map-stage.no-bg{aspect-ratio:3 / 2;background:var(--bg-deep)}.map-bg{display:block;width:auto;height:auto;max-width:100%;max-height:min(62vh,600px);margin:0 auto;filter:saturate(.7) brightness(.58) contrast(1.05)}.map-edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.map-edges line{stroke:#c9a22780;stroke-width:1.4}.map-edges line.dim{stroke:#6b625099;stroke-dasharray:3 5}.map-marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;background:none;border:none;line-height:1;cursor:pointer;z-index:5}.map-marker.hot{z-index:8}.map-marker .dot{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--accent);background:#0b0a0899;transform:rotate(45deg);transition:background .12s ease-out}.map-marker .dot:before{content:"";display:block;width:5px;height:5px;background:var(--accent)}.map-marker .label{padding:2px 8px;font-family:var(--serif);font-size:15px;color:var(--text);white-space:nowrap;background:#0b0a08c7;border:1px solid var(--border)}.map-marker.open:hover .dot{background:var(--accent)}.map-marker.portal .dot{width:20px;height:20px;transform:none;outline:1px solid var(--accent-dim);outline-offset:3px}.map-marker.portal .dot:before{width:7px;height:7px;background:none;border:1px solid var(--accent);transform:rotate(45deg)}.map-marker.portal:hover .dot{background:color-mix(in srgb,var(--accent) 35%,transparent)}.map-marker.current .dot{background:var(--accent);border-color:var(--accent-bright);animation:marker-pulse 2.4s ease-out infinite}.map-marker.current .dot:before{background:var(--bg-panel)}.map-marker.current .label{color:var(--accent-bright);border-color:var(--accent-dim)}@keyframes marker-pulse{0%{box-shadow:0 0 #c9a22773}70%{box-shadow:0 0 0 13px #c9a22700}to{box-shadow:0 0 #c9a22700}}.map-marker.locked{cursor:not-allowed}.map-marker.locked .dot{border-style:dashed;border-color:var(--locked);background:#0b0a088c}.map-marker.locked .dot:before{background:var(--locked);width:3px;height:3px}.map-marker.locked .label{color:var(--locked-text);border-style:dashed;font-style:italic}.map-pop{position:absolute;z-index:20;width:300px;line-height:1.5;text-align:left;background:var(--bg-panel);border:1px solid var(--accent-dim);box-shadow:0 18px 40px #0009;animation:intro-fade .14s ease-out}.mp-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 15px 10px}.mp-title{font-family:var(--serif);font-size:19px;color:var(--text)}.mp-kind{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.mp-go{display:flex;align-items:center;gap:10px;padding:11px 15px;border-top:1px solid var(--border);background:var(--bg-elev)}.mp-cta{padding:7px 16px;font-size:13px;font-weight:600;color:var(--bg-panel);background:var(--accent);border-color:var(--accent)}.mp-cta:hover{background:var(--accent-hot);border-color:var(--accent-hot)}.mp-cost{font-family:var(--mono);font-size:11px;color:var(--text-faint)}.mp-here{padding:10px 15px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--accent) 7%,transparent);font-size:12.5px;color:var(--accent)}.mp-locked{display:flex;flex-direction:column;gap:4px;padding:11px 15px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--danger) 7%,transparent)}.mp-locked-rubric{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--danger)}.mp-locked-text{font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--text-dim);text-wrap:pretty}.map-side{width:264px;flex-shrink:0;display:flex;flex-direction:column;gap:7px;padding:20px 18px;background:var(--bg-panel);border-left:1px solid var(--border);overflow-y:auto}.place-row{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;text-align:left;background:transparent;border:1px solid var(--border)}.place-row.hot:not(:disabled){border-color:var(--accent-dim);background:color-mix(in srgb,var(--accent) 7%,transparent)}.place-row.locked{color:var(--locked-text);font-style:italic;cursor:not-allowed;opacity:1}.place-name{flex:1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.place-state{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.place-dot{display:block;width:9px;height:9px;flex-shrink:0;border:1px solid var(--accent-dim);transform:rotate(45deg)}.place-dot.current{background:var(--accent);border-color:var(--accent)}.place-dot.locked{border-style:dashed;border-color:var(--locked);background:transparent}.place-dot.portal{transform:none;outline:1px solid var(--accent-dim);outline-offset:2px}.map-foot{display:flex;align-items:center;gap:22px;flex-shrink:0;padding:11px 20px;border-top:1px solid var(--border);background:var(--bg-panel)}.map-foot .spacer{flex:1}.legend{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-dim)}@media(max-width:900px){.map-side{display:none}}.notes-modal{width:min(680px,92vw);max-height:88vh;display:flex;flex-direction:column}.notes-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.notes-title{font-weight:600}.notes-status{font-size:12px;color:var(--text-faint);margin-right:auto}.notes-status.saved{color:var(--safe)}.notes-status.error{color:var(--danger)}.notes-area{flex:1;min-height:340px;resize:none;border:none;border-radius:0;background:transparent;padding:14px 16px;font-family:var(--mono);font-size:13px;line-height:1.6}.notes-area:focus{outline:none;border-color:transparent}.notes-foot{padding:8px 16px;border-top:1px solid var(--border);text-align:right}.boot-loading{display:grid;place-items:center;height:100%;color:var(--text-faint)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow-y:auto;background:var(--bg)}.intro-stage{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:40px 20px;background-image:var(--stage-bg);background-size:cover;background-position:center}.intro-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b0a088c,#0b0a08db)}.intro-stage>.intro-card{position:relative;z-index:1}.intro-card{width:min(720px,100%);background:color-mix(in srgb,var(--bg-panel) 94%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 70px #00000080;padding:34px 38px;animation:intro-fade .4s ease-out}.intro-card.wide{width:min(920px,100%)}@keyframes intro-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.intro-prose{font-family:var(--serif);font-size:19px;line-height:1.75;color:var(--text);margin:0 0 26px;letter-spacing:.01em;text-wrap:pretty}.intro-prose.closing{white-space:pre-line;font-size:18px}.intro-dots{display:flex;gap:8px;justify-content:center;margin-bottom:22px}.intro-dots .dot{width:8px;height:8px;border-radius:50%;background:var(--border);cursor:pointer;transition:background .15s,transform .15s}.intro-dots .dot:hover{background:var(--accent-dim)}.intro-dots .dot.active{background:var(--accent);transform:scale(1.25)}.intro-nav{display:flex;align-items:center;gap:10px;margin-top:24px}.intro-nav .spacer{flex:1}.intro-nav .primary{background:var(--accent);border-color:var(--accent);color:var(--bg-panel);padding:10px 22px;font-weight:600}.intro-nav .primary:hover:not(:disabled){background:var(--accent-hot);border-color:var(--accent-hot)}.intro-nav .ghost{background:transparent;color:var(--text-dim)}.intro-lead{font-family:var(--serif);font-size:26px;text-align:center;margin:0 0 22px;color:var(--text);letter-spacing:.01em}.prologue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.prologue-card{position:relative;overflow:hidden;text-align:left;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);transition:border-color .15s,transform .12s}.prologue-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:var(--card-bg);background-size:cover;background-position:center top;opacity:.28;transition:opacity .15s}.prologue-card>*{position:relative;z-index:1}.prologue-card:hover{transform:translateY(-2px);border-color:var(--accent-dim)}.prologue-card:hover:before{opacity:.4}.prologue-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-elev))}.prologue-card.selected:before{opacity:.45}.pc-title{font-weight:600;font-size:15px}.pc-name{font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.pc-flavor{margin:0;font-size:13px;color:var(--text-dim);line-height:1.5}.pc-bonus{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}.prologue-story{margin:20px 0 0;padding:14px 16px;font-size:14px;line-height:1.65;color:var(--text-dim);background:var(--bg-elev);border-left:2px solid var(--accent-dim);border-radius:var(--radius);white-space:pre-line}.chargen{display:grid;grid-template-columns:1fr 300px;gap:22px}.cg-name{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;font-size:13px;color:var(--text-dim)}.cg-name input{font-size:15px}.cg-budget{font-size:14px;margin-bottom:16px;padding:8px 12px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 8%,var(--bg-elev));border:1px solid var(--border)}.cg-budget.over{color:var(--danger);border-color:var(--danger)}.cg-group{margin-bottom:16px}.cg-group h4{margin:0 0 8px}.cg-rows{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}.cg-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cg-stat-name{font-size:13px}.cg-attr{color:var(--text-faint);font-size:11px}.cg-stepper{display:flex;align-items:center;gap:6px}.cg-stepper button{width:24px;height:24px;padding:0;display:grid;place-items:center;border-radius:var(--radius);font-size:15px}.cg-val{min-width:44px;text-align:center;font-family:var(--mono);font-size:13px}.cg-val.weak{color:var(--danger)}.cg-bonus{color:var(--safe);font-size:11px;margin-left:2px}.cg-pool{margin-bottom:22px}.cg-rule{font-size:12px;line-height:1.5;margin:-8px 0 12px}.cg-notice{font-size:12px;line-height:1.5;margin-bottom:14px;padding:8px 12px;border-radius:var(--radius);color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.cg-weak-line{margin-top:8px;font-size:12px;color:var(--danger)}.chargen-preview{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px;align-self:start;position:sticky;top:0}.chargen-preview h4{margin:14px 0 8px}.cg-prologue-name{font-weight:600;margin-bottom:6px}.cg-prologue-bonus,.pc-bonus{display:flex;flex-wrap:wrap;gap:5px}.cg-bonus-chip{font-size:11px;padding:2px 7px;border-radius:var(--radius);color:var(--safe);background:color-mix(in srgb,var(--safe) 10%,transparent);border:1px solid color-mix(in srgb,var(--safe) 35%,transparent)}.cg-magic{margin-top:14px;font-size:14px}.cg-spells{display:flex;flex-direction:column;gap:4px}.cg-spell,.cheat-spell{display:flex;justify-content:space-between;gap:8px;padding:5px 9px;background:var(--bg-elev);border-left:2px solid var(--accent-dim);font-family:var(--serif);font-style:italic;font-size:14px;color:var(--text)}.cg-spell-bonus,.cheat-bonus{font-family:var(--mono);font-style:normal;font-size:12px;color:var(--accent)}.cg-hint{margin-top:12px;line-height:1.5}.cheatsheet-col{flex-shrink:0;border-right:1px solid var(--border);background:var(--bg-panel);overflow-y:auto}.cheatsheet{width:232px;padding:14px;transition:width .15s}.cheatsheet.collapsed{width:40px;padding:10px 6px}.cheat-toggle{width:100%;text-align:left;font-size:12px;color:var(--text-dim);background:transparent;border:none;padding:4px 2px;margin-bottom:8px}.cheatsheet.collapsed .cheat-toggle{writing-mode:vertical-rl;text-orientation:mixed;height:auto}.cheat-rail-label{display:inline-block}.cheat-sec{margin-bottom:16px}.cheat-sec h3{margin:0 0 7px}.cheat-spells{display:flex;flex-direction:column;gap:4px}.cheat-tags{display:flex;flex-wrap:wrap;gap:5px}.cheat-tag{display:inline-flex;align-items:baseline;gap:5px;font-size:12.5px;padding:3px 8px;border-radius:var(--radius);cursor:help;color:var(--text-dim);background:transparent;border:1px solid var(--border)}.cheat-tag.has{color:var(--text);border-color:var(--accent-dim);background:color-mix(in srgb,var(--accent) 8%,transparent)}.cheat-tag.weak{color:var(--text);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:color-mix(in srgb,var(--danger) 8%,transparent)}.cheat-latin{font-family:var(--serif);font-style:italic;color:var(--text-faint);font-size:12px}.cheat-tag.has .cheat-latin{color:var(--accent-dim)}.cheat-lvl{font-family:var(--mono);color:var(--accent);font-size:11px}.cheat-tag.weak .cheat-lvl{color:var(--danger)}.cheat-hint{margin-top:4px;line-height:1.5}.msg-welcome{background:color-mix(in srgb,var(--accent) 6%,var(--bg-elev));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:var(--radius);padding:14px 16px}.msg-welcome p{margin:0 0 .6em}.msg-welcome>div>:last-child{margin-bottom:0}.howto{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.howto summary{cursor:pointer;color:var(--accent);font-size:13px;-webkit-user-select:none;user-select:none}.howto-note{margin:6px 0 0;font-size:12px;color:var(--text-faint)}.howto-ex{display:flex;flex-direction:column;gap:1px;width:100%;margin-top:8px;padding:5px 8px;font-size:13px;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:inherit;cursor:pointer;transition:background .15s,border-color .15s}.howto-ex:hover:not(:disabled){background:var(--bg-elev);border-color:var(--border)}.howto-ex:disabled{cursor:default;opacity:.5}.howto-label{display:block}.howto-text{color:var(--text-dim)}.roll-note{margin:-2px 0 4px;font-size:12px;line-height:1.5;color:var(--text-faint);max-width:62ch}.roll-note a{color:var(--accent-dim);text-decoration:underline;text-underline-offset:2px}.roll-note a:hover{color:var(--accent)}.sheet-modal{width:min(1240px,96vw);max-height:92vh;display:flex;flex-direction:column}.sheet-head{display:flex;align-items:center;gap:20px;height:50px;flex-shrink:0;padding:0 20px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.sheet-head .spacer{flex:1}.sheet-body{flex:1;min-height:0;display:flex;gap:1px;background:var(--border);overflow-y:auto}.sheet-col{display:flex;flex-direction:column;gap:16px;padding:22px 20px;background:var(--bg)}.sheet-col-i{width:318px;flex-shrink:0}.sheet-col-ii{flex:1;min-width:0}.sheet-col-iii{width:430px;flex-shrink:0}.sheet-rubric{display:flex;align-items:baseline;gap:9px;padding-bottom:9px;border-bottom:1px solid var(--border)}.sheet-rubric .spacer{flex:1}.sr-num{font-family:var(--serif);font-size:15px;color:var(--accent)}.sr-label{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.sr-hint{font-size:11.5px;color:var(--text-faint)}.sheet-who{display:flex;gap:14px;align-items:center}.who-frame{width:76px;height:96px;flex-shrink:0;display:grid;place-items:center;background:var(--bg-panel);border:1px solid var(--border);font-family:var(--serif);font-size:30px;color:var(--border)}.who-text{display:flex;flex-direction:column;gap:5px;min-width:0}.who-name{font-family:var(--serif);font-size:26px;line-height:1}.who-sub{font-size:12.5px;color:var(--text-dim)}.who-note{font-size:12px;line-height:1.5;color:var(--text-faint)}.stat-rows{display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;align-items:center;gap:11px;padding:8px 11px;background:var(--bg-panel);border:1px solid var(--border);cursor:help}.stat-row:hover{border-color:var(--accent-dim);background:var(--bg-hover)}.stat-row.lit{border-left:2px solid var(--accent-dim);padding-left:10px}.attr-row{padding:12px 14px}.attr-row.lit{padding-left:13px}.stat-ico{flex:none;width:22px;height:22px;fill:none;stroke:var(--accent);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.stat-ico.small{width:18px;height:18px;stroke:var(--text-dim);stroke-width:1.4}.stat-row.lit .stat-ico.small{stroke:var(--accent)}.stat-names{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.stat-name{font-size:14px;color:var(--text)}.stat-names .stat-name{font-family:var(--serif);font-size:17px;line-height:1.1}.stat-name.flex{flex:1;min-width:0}.stat-code{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--text-faint)}.stat-latin{font-family:var(--serif);font-style:italic;font-size:13.5px;color:var(--text-faint)}.stat-row.lit .stat-latin{color:var(--accent-dim)}.stat-val{font-family:var(--mono);font-size:21px;font-variant-numeric:tabular-nums;color:var(--text-faint)}.stat-val.small{font-size:13px;width:26px;text-align:right}.stat-val.up{color:var(--accent)}.stat-val.down{color:var(--danger)}.stat-val.zero{color:var(--text-faint)}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.skill-group{display:flex;flex-direction:column;gap:7px}.skill-group-head{display:flex;align-items:center;gap:8px}.sg-code{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--accent-dim)}.sg-rule{flex:1;height:1px;background:var(--border)}.sheet-formula{margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.sheet-formula h3{margin:0 0 8px}.formula-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px}.f-tok{padding:4px 9px;background:var(--bg-panel);border:1px solid var(--border);color:var(--text)}.f-tok.mono{font-family:var(--mono);font-size:13px}.f-tok.dc{color:var(--accent);border-color:var(--accent-dim);background:color-mix(in srgb,var(--accent) 8%,transparent)}.f-op{color:var(--text-faint)}.f-tail{font-size:12.5px;color:var(--text-faint)}.arts-block{display:flex;flex-direction:column;gap:8px}.arts-block h3{margin:0}.arts-head{display:flex;align-items:baseline;gap:8px}.arts-title{font-family:var(--serif);font-size:15px;color:var(--text-dim);letter-spacing:.04em}.arts-sub{font-size:11.5px;color:var(--text-faint)}.sheet-note{margin:auto 0 0;padding-top:12px;border-top:1px solid var(--border);font-size:12px;line-height:1.6;color:var(--text-faint);text-wrap:pretty}@media(max-width:1100px){.sheet-body{flex-direction:column}.sheet-col-i,.sheet-col-iii{width:auto}.skill-grid{grid-template-columns:1fr}.sheet-formula,.sheet-note{margin-top:0}}.book-card{align-self:stretch;margin:6px 0;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:#fffaeb09;padding:14px 18px}.book-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid var(--border)}.book-title{font-family:var(--serif);font-size:18px;letter-spacing:.01em}.book-author{font-family:var(--serif);font-size:13.5px;font-style:italic}.book-doc{display:block;font-family:var(--serif);font-size:16.5px;line-height:1.65;color:var(--text)}.book-doc h1{font-size:21px;margin:0 0 4px;font-weight:500}.book-doc h2{font-size:15px;margin:16px 0 6px;color:var(--text-dim);letter-spacing:.02em}.book-doc p{margin:0 0 10px}.book-doc ul,.book-doc ol{margin:0 0 10px;padding-left:22px}.book-doc li{margin:3px 0}.book-doc blockquote{margin:10px 0;padding:2px 0 2px 12px;border-left:2px solid var(--border);color:var(--text-dim);font-style:italic}.book-doc hr{border:0;border-top:1px solid var(--border);margin:14px 0}.book-doc em{font-style:italic}.book-doc-paged{min-height:6.6em}.book-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:9px;border-top:1px solid var(--border)}.book-btn{font:inherit;font-size:12.5px;color:var(--text-dim);background:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:3px 11px;cursor:pointer}.book-btn:hover:not(:disabled){color:var(--text);border-color:var(--text-dim)}.book-btn:disabled{opacity:.38;cursor:default}.book-pageno{font-size:12px;font-variant-numeric:tabular-nums}.library-modal{width:min(720px,92vw);max-height:88vh;display:flex;flex-direction:column}.library-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.library-title{font-weight:600;flex:1}.lib-back{padding:4px 10px}.library-list{padding:12px 16px;overflow-y:auto}.lib-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:10px 12px;margin-bottom:8px}.lib-item-title{font-weight:600}.lib-item-author{font-size:12px;font-style:italic}.library-body{padding:16px 22px;overflow-y:auto}@media(max-width:1160px){.cheatsheet-col{display:none}}@media(max-width:620px){.prologue-grid,.chargen,.char-groups{grid-template-columns:1fr}.intro-card{padding:24px 20px}}.screen-top{display:flex;align-items:center;gap:16px;flex-shrink:0;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--bg-panel)}.screen-top h1{flex:1;margin:0;font-family:var(--serif);font-size:22px;font-weight:500}.link-btn{padding:0;background:none;border:none;color:var(--text-faint);font-size:14px;cursor:pointer}.link-btn:hover:not(:disabled){color:var(--text);background:none}.link-btn.right{margin-left:auto}.link-btn.inline{color:var(--accent);text-decoration:underline;font-size:13px}.card{padding:18px 20px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.card h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:15px;font-weight:600}.card h3{margin:16px 0 8px;font-size:13px;font-weight:600;color:var(--text-dim)}.btn{padding:9px 16px;font-size:14px;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.btn.small{padding:4px 10px;font-size:12.5px}.btn.on{border-color:var(--accent);color:var(--accent)}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.err{color:var(--danger);font-size:13px}.ok{color:var(--safe-lit);font-size:13px}.as-link{display:block;text-align:center;text-decoration:none}.auth-screen{height:100%;display:grid;place-items:center;padding:24px;overflow-y:auto;background:linear-gradient(#0b0a0899,#0b0a08c7),url(/menu/menu_background.webp) center center / cover no-repeat,var(--bg)}.auth-card{width:min(400px,100%);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);padding:26px 26px 22px}.auth-card h1{font-family:var(--serif);font-size:26px;font-weight:500;margin:0 0 6px}.auth-lead{color:var(--text-faint);font-size:13px;margin:0 0 18px;line-height:1.5}.auth-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.auth-field>span{font-size:13px;color:var(--text-faint)}.auth-field input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;color:var(--text);font:inherit;font-size:14px}.auth-field input:focus{outline:none;border-color:var(--accent-dim)}.auth-check{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--text-dim);margin-bottom:16px}.auth-check input{margin-top:3px}.auth-submit{width:100%;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--bg-panel);font-size:15px;font-weight:600}.auth-submit:hover:not(:disabled){background:var(--accent-hot);border-color:var(--accent-hot)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:13px}.auth-links a{color:var(--text-dim);text-decoration:none}.auth-links a:hover{color:var(--accent)}.auth-legal{display:flex;gap:14px;margin:8px 0 0 26px;font-size:12px}.auth-legal a{color:var(--text-dim);text-decoration:none}.auth-legal a:hover{color:var(--accent)}.auth-error{border:1px solid var(--danger);border-radius:var(--radius);padding:9px 12px;margin-bottom:14px;font-size:13px;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}.auth-ok{border:1px solid var(--safe);border-radius:var(--radius);padding:9px 12px;margin-bottom:14px;font-size:13px;color:var(--safe-lit);background:color-mix(in srgb,var(--safe) 8%,transparent)}.auth-note{color:var(--text-faint);font-size:12.5px;line-height:1.5;margin:14px 0 0}