:root{--paper:#f4eee0;--paper-raise:#efe7d3;--ink:#2b2519;--ink-soft:#57503f;--ink-faint:#8a8270;--rule:#d8cdb2;--wax:#8c2f24;--wax-bright:#a63a2c;--gilt:#8a6b2f;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);background-image:repeating-linear-gradient(0deg,rgba(43,37,25,.012),rgba(43,37,25,.012) 1px,transparent 0,transparent 3px);color:var(--ink);font-family:var(--serif);font-size:17.5px;line-height:1.7;-webkit-font-smoothing:antialiased}.wrap{max-width:860px;margin:0 auto;padding:0 24px}.hero{padding:88px 0 60px;text-align:center;border-bottom:1px solid var(--rule)}.rune{font-size:13px;letter-spacing:.42em;text-transform:uppercase;color:var(--gilt);margin-bottom:26px}h1{font-size:clamp(2.7rem,7vw,4.3rem);font-weight:500;letter-spacing:.01em;line-height:1.08;margin-bottom:6px}.hero h1:after{content:"";display:block;width:150px;height:2px;margin:18px auto 0;background:var(--ink);border-radius:2px 1px 2px 1px/1px 2px 1px 2px;transform:rotate(-.35deg)}.tagline{font-size:clamp(1.15rem,2.6vw,1.45rem);font-style:italic;margin:16px 0 22px}.sub,.tagline{color:var(--ink-soft)}.sub{max-width:560px;margin:0 auto 38px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:22px;gap:22px;padding:54px 0;border-bottom:1px solid var(--rule)}.feature{background:transparent;border-top:2px solid var(--ink);padding:18px 4px 0;text-align:left}.feature h2{font-size:1.18rem;font-weight:600;font-style:italic;color:var(--ink);margin-bottom:10px}.feature p{font-size:.98rem;color:var(--ink-soft)}.cta{padding:60px 0 76px;text-align:center}.cta h2{font-size:1.85rem;font-weight:500;margin-bottom:8px}.cta p{color:var(--ink-soft);margin-bottom:28px}.form-row{display:flex;gap:14px;justify-content:center;align-items:flex-end;flex-wrap:wrap}input[type=email]{background:transparent;border:none;border-bottom:1.5px solid var(--ink-soft);border-radius:0;color:var(--ink);font-family:var(--serif);font-size:1.05rem;padding:10px 4px 8px;width:min(320px,100%);outline:none;transition:border-color .15s ease}input[type=email]::placeholder{color:var(--ink-faint);font-style:italic}input[type=email]:focus{border-bottom-color:var(--wax)}button{background:var(--wax);border:none;border-radius:6px 4px 6px 4px/4px 6px 4px 6px;color:#f6efe2;cursor:pointer;font-family:var(--serif);font-size:1rem;font-weight:600;letter-spacing:.02em;padding:12px 26px;transition:background .15s ease}button:hover{background:var(--wax-bright)}button:disabled{opacity:.6;cursor:default}.note{margin-top:16px;font-size:.92rem;font-style:italic;min-height:1.5em}.note.ok{color:#3f6b33}.note.err{color:var(--wax)}.hp{position:absolute;left:-9999px;opacity:0}.auth-page{max-width:460px;padding-top:96px;padding-bottom:80px;text-align:center}.auth-page h1:after{content:"";display:block;width:110px;height:2px;margin:16px auto 0;background:var(--ink);border-radius:2px 1px 2px 1px/1px 2px 1px 2px;transform:rotate(-.35deg)}.auth-form{display:flex;flex-direction:column;gap:18px;align-items:center;margin-top:30px}.auth-form input[type=email],.auth-form input[type=password]{background:transparent;border:none;border-bottom:1.5px solid var(--ink-soft);border-radius:0;color:var(--ink);font-family:var(--serif);font-size:1.05rem;padding:10px 4px 8px;width:min(320px,100%);outline:none;transition:border-color .15s ease}.auth-form input::placeholder{color:var(--ink-faint);font-style:italic}.auth-form input:focus{border-bottom-color:var(--wax)}.auth-aside{margin-top:26px;color:var(--ink-soft)}.auth-aside a{color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule)}.auth-aside a:hover{color:var(--wax)}.game-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.game-header{justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--rule)}.game-header,.game-user{display:flex;align-items:baseline}.game-user{font-size:.85rem;color:var(--ink-faint);gap:12px}button.linklike{background:none;border:none;color:var(--ink-soft);padding:0;font-size:.85rem;text-decoration:underline;text-underline-offset:3px}button.linklike:hover{background:none;color:var(--wax)}.game-root{flex:1 1;min-height:0}.game-launch,.game-root{display:flex;flex-direction:column}.game-launch{margin:auto;text-align:center;gap:22px;align-items:center}.game-toast{position:fixed;top:14px;left:50%;transform:translateX(-50%);background:var(--paper-raise);border:1px solid var(--rule);border-radius:6px 4px 6px 4px;padding:8px 18px;font-style:italic;color:var(--wax);z-index:40}.check-screen{margin:auto;max-width:640px;padding:24px;display:flex;flex-direction:column;gap:20px;text-align:center}.check-prompt{font-size:1.15rem;font-style:italic;color:var(--ink-soft)}.check-approaches{gap:12px}.check-approach,.check-approaches{display:flex;flex-direction:column}.check-approach{background:var(--paper-raise);border:1px solid var(--rule);border-radius:6px 4px 6px 4px/4px 6px 4px 6px;color:var(--ink);padding:14px 18px;text-align:left;gap:4px}.check-approach:hover{background:var(--paper-raise);border-color:var(--wax)}.ca-label{font-weight:600;font-size:1.05rem}.ca-desc{font-style:italic;color:var(--ink-soft);font-size:.95rem}.ca-odds{font-size:.85rem;color:var(--ink-faint)}.combat-screen{flex:1 1;min-height:0;display:flex;flex-direction:column}.combat-middle{flex:1 1;min-height:0;display:flex;gap:0}.initiative-rail{display:flex;align-items:center;gap:16px;padding:8px 18px;border-bottom:1px solid var(--rule)}.ir-round{font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gilt);white-space:nowrap}.ir-tokens{display:flex;gap:8px;flex:1 1;flex-wrap:wrap}.ir-token,.ir-tokens{justify-content:center}.ir-token{width:34px;height:34px;border-radius:50% 46% 50% 46%;display:inline-flex;align-items:center;font-size:.78rem;font-weight:600;text-transform:capitalize;border:1.5px solid var(--ink-soft);color:var(--ink);background:var(--paper-raise)}.ir-foe{border-color:var(--wax);color:var(--wax)}.ir-active{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:scale(1.15)}.ir-foe.ir-active{background:var(--wax);border-color:var(--wax);color:#f6efe2}.ir-down{opacity:.35;text-decoration:line-through}.ir-companions{display:flex;gap:8px}.ir-companion{background:transparent;border:1px solid var(--rule);color:var(--ink-soft);font-size:.78rem;padding:4px 10px}.ir-companion:hover{background:transparent;border-color:var(--wax);color:var(--wax)}.map-frame{flex:1 1;min-width:0;position:relative;overflow:hidden}.map-scroll{position:absolute;inset:0}.battle-map{width:100%;height:100%;display:block;touch-action:none}.cell{fill:transparent;stroke:var(--rule);stroke-width:1}.cell-blocked{fill:var(--ink-soft);opacity:.55}.cell-difficult{fill:var(--gilt);opacity:.16}.cell-reachable{fill:var(--wax);opacity:.14;cursor:pointer}.cell-reachable:hover{opacity:.32}.cell-in-range{fill:var(--gilt);opacity:.18}.cell-target{fill:var(--wax);opacity:.3;cursor:crosshair}.cell-target:hover{opacity:.5}.cell-cost{font-size:9px;fill:var(--ink-faint);text-anchor:middle;pointer-events:none;font-family:var(--serif)}:root{--token-party:#34557a;--hp-good:#3f6b33;--hp-low:#a63a2c}.token{cursor:pointer}.token-body{fill:var(--token-party);stroke:var(--ink);stroke-width:1.4}.token-foe .token-body{fill:var(--wax);stroke:var(--ink)}.token-down{opacity:.4}.token-initial{font-family:var(--serif);font-size:13px;font-weight:700;letter-spacing:.03em;text-anchor:middle;dominant-baseline:middle;fill:var(--paper);pointer-events:none}.hp-track{fill:var(--ink);opacity:.22}.hp-fill{fill:var(--hp-good)}.hp-fill.hp-low{fill:var(--hp-low)}.token-turn-ring{fill:none;stroke:var(--gilt);stroke-width:2;stroke-dasharray:5 4;animation:turnspin 6s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes turnspin{to{transform:rotate(1turn)}}.token-targetable{cursor:crosshair}.token-targetable .token-body{stroke-width:3;stroke:var(--gilt);animation:targetable .9s ease-in-out infinite alternate}.token-targetable:focus-visible .token-body,.token-targetable:hover .token-body{animation:none;stroke-opacity:1;stroke-width:4.5}@keyframes targetable{0%{stroke-opacity:.55}to{stroke-opacity:1}}.token-picked .token-body{animation:none;stroke:var(--gilt);stroke-opacity:1;stroke-width:5}.float-cue{font-family:var(--serif);font-weight:700;font-size:15px;text-anchor:middle;paint-order:stroke;stroke:var(--paper);stroke-width:3px;animation:floatup 1.5s ease-out forwards;pointer-events:none}.float-damage{fill:var(--wax-bright)}.float-heal{fill:var(--hp-good)}.float-miss{fill:var(--ink-faint);font-style:italic;font-weight:500}@keyframes floatup{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 -26px}}.pane-resizer{width:5px;cursor:col-resize;flex:0 0 auto;background:transparent;border-left:1px solid var(--rule);touch-action:none}.pane-resizer:hover{background:var(--rule)}.combat-ended{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-style:italic;background:color-mix(in srgb,var(--paper) 72%,transparent);text-align:center;padding:24px}.narration-panel{width:250px;border-right:1px solid var(--rule);display:flex;flex-direction:column;min-height:0}.narration-panel.collapsed{width:34px}.panel-toggle{background:transparent;border:none;border-bottom:1px solid var(--rule);color:var(--gilt);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;padding:8px;text-align:left;border-radius:0}.panel-toggle:hover{background:var(--paper-raise)}.narration-scroll{flex:1 1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:12px}.narration-beat{font-size:.92rem;font-style:italic;color:var(--ink-soft);border-left:2px solid var(--rule);padding-left:10px}.narration-beat.streaming{border-left-color:var(--gilt)}.narration-empty{color:var(--ink-faint);font-style:italic;font-size:.88rem}.side-panel{width:270px;border-left:1px solid var(--rule);display:flex;flex-direction:column;min-height:0}.sp-tabs{display:flex;border-bottom:1px solid var(--rule)}.sp-tabs button{flex:1 1;background:transparent;border:none;border-radius:0;color:var(--ink-faint);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;padding:8px}.sp-tabs button.active{color:var(--ink);border-bottom:2px solid var(--wax)}.sp-tabs button:hover{background:var(--paper-raise)}.sp-log{flex:1 1;overflow-y:auto;padding:10px 14px;font-size:.84rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:4px}.sp-log .log-round{color:var(--gilt);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;margin-top:8px}.sp-inspect{padding:14px;display:flex;flex-direction:column;gap:8px;font-size:.92rem}.sp-inspect h3{font-size:1.05rem;text-transform:capitalize}.inspect-hint{color:var(--ink-faint);font-style:italic;font-size:.85rem}.inspect-down{color:var(--wax)}.action-window{border-top:1px solid var(--rule);padding:10px 18px 14px;display:flex;flex-direction:column;gap:10px;background:var(--paper-raise);min-height:164px;box-sizing:border-box}.action-window .aw-waiting{margin:auto}.aw-header{display:flex;justify-content:space-between;align-items:baseline}.aw-actor{font-weight:600;text-transform:capitalize}.aw-stats{display:flex;gap:18px;align-items:center}.aw-stats .stat{font-size:1.25rem;font-weight:650;color:var(--ink);display:inline-flex;align-items:baseline;gap:4px}.aw-stats .stat small{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.dot{width:20px;height:20px;border-radius:50% 46% 50% 46%;display:inline-block;border:2px solid;background:transparent}.dot-action{border-color:var(--wax)}.dot-action.full{background:var(--wax)}.dot-bonus{border-color:var(--token-party)}.dot-bonus.full{background:var(--token-party)}.aw-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.aw-row button{padding:8px 16px;font-size:.92rem}.aw-row button:disabled{background:transparent;border:1px solid var(--rule);color:var(--ink-faint)}.aw-gap{flex:1 1}.aw-end{border:1.5px solid var(--ink-soft);color:var(--ink)}.aw-end,.aw-end:hover{background:transparent}.aw-end:hover{border-color:var(--wax);color:var(--wax)}.aw-hint{font-style:italic;color:var(--ink-soft);font-size:.92rem}.aw-waiting{font-style:italic;color:var(--ink-faint);text-align:center}.say-row{display:flex;gap:10px}.say-row input[type=text]{flex:1 1;background:transparent;border:none;border-bottom:1.5px solid var(--ink-soft);color:var(--ink);font-family:var(--serif);font-size:.98rem;padding:8px 4px 6px;outline:none}.say-row input[type=text]::placeholder{color:var(--ink-faint);font-style:italic}.say-row input[type=text]:focus{border-bottom-color:var(--wax)}@media (max-width:900px){.narration-panel{display:none}.side-panel{width:210px}}.creator{flex:1 1;min-height:0;display:flex;flex-direction:column;max-width:880px;width:100%;margin:0 auto;padding:0 18px}.creator-steps{display:flex;gap:4px;border-bottom:1px solid var(--rule);padding:12px 0 0}.creator-steps button{background:transparent;border:none;border-radius:0;color:var(--ink-faint);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px}.creator-steps button.active{color:var(--ink);border-bottom:2px solid var(--wax)}.creator-steps button:hover{background:transparent;color:var(--ink)}.creator-step{flex:1 1;overflow-y:auto;padding:18px 2px 24px;gap:14px}.creator-step,.field{display:flex;flex-direction:column}.field{gap:6px;max-width:380px}.field input[type=text]{background:transparent;border:none;border-bottom:1.5px solid var(--ink-soft);color:var(--ink);font-family:var(--serif);font-size:1.2rem;padding:8px 4px 6px;outline:none}.field input[type=text]:focus{border-bottom-color:var(--wax)}.field-label{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gilt);font-weight:600;margin-top:6px}.field-hint{font-size:.9rem;font-style:italic;color:var(--ink-soft);max-width:68ch}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px}.option-card{background:transparent;border:1px solid var(--rule);border-radius:6px 4px 6px 4px/4px 6px 4px 6px;color:var(--ink);padding:12px 14px;text-align:left;display:flex;flex-direction:column;gap:4px}.option-card:hover{background:transparent;border-color:var(--ink-soft)}.option-card.picked{border-color:var(--wax);border-width:2px;background:var(--paper-raise)}.oc-name{font-weight:600;font-size:1.02rem}.oc-sub{font-size:.78rem;color:var(--ink-faint);line-height:1.4}.pick-list{display:flex;flex-wrap:wrap;gap:8px}.pick{border:1px solid var(--rule);color:var(--ink-soft);font-size:.88rem;padding:6px 12px}.pick,.pick:hover{background:transparent}.pick:hover{border-color:var(--ink-soft);color:var(--ink)}.pick.picked{background:var(--paper-raise);border-color:var(--wax);color:var(--ink);font-weight:600}.pick:disabled{background:transparent;opacity:.45}.field-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:.95rem}.field-row>span:first-child{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gilt);font-weight:600}.radio{display:inline-flex;gap:6px;align-items:center;cursor:pointer}.radio input{accent-color:var(--wax)}.field-inline{display:inline-flex;gap:8px;align-items:center}.creator input[type=number],.creator select{background:var(--paper-raise);border:1px solid var(--rule);border-radius:4px;color:var(--ink);font-family:var(--serif);font-size:.95rem;padding:6px 8px}.subform{border-left:2px solid var(--rule);padding-left:14px;display:flex;flex-direction:column;gap:10px}.subform-title{font-weight:600}.ability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.ability-cell{border:1px solid var(--rule);border-radius:6px 4px 6px 4px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.ability-name{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.ability-final{font-size:1.05rem;font-weight:650}.review-sheet{border:1px solid var(--rule);border-radius:8px 5px 8px 5px;background:var(--paper-raise);padding:22px 26px;display:flex;flex-direction:column;gap:10px;max-width:620px}.review-sheet h2{font-size:1.6rem;font-weight:550}.review-stats{display:flex;gap:20px;font-size:1.15rem;font-weight:650;flex-wrap:wrap}.begin-button{align-self:flex-start;font-size:1.05rem;padding:12px 26px;margin-top:8px}.review-errors ul{padding-left:1.2em;display:flex;flex-direction:column;gap:6px;color:var(--wax);font-size:.95rem}.creator-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--rule);padding:12px 0 16px}.creator-status{font-size:.88rem;font-style:italic;color:var(--ink-soft)}footer{border-top:1px solid var(--rule);padding:30px 0 46px;text-align:center;color:var(--ink-faint);font-size:.85rem}footer a{color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule)}footer a:hover{color:var(--wax)}footer p+p{margin-top:8px}