:root{--paper-board: #f2e8d0;--paper-card: #f7f0df;--paper-aged: #e3d4b0;--paper-shadow: #c9b88a;--paper-box: #d8c9a6;--ink: #1a1714;--ink-text: #241f1a;--ink-faded: #6b6156;--red: #d8402f;--blue: #2b6cb0;--yellow: #f2c230;--green: #3e9b57;--purple: #7b4c9e;--orange: #e8802b;--serif: "Noto Serif KR", Georgia, serif;--sans: "Noto Sans KR", system-ui, -apple-system, sans-serif;--s1: 8px;--s2: 16px;--s3: 24px;--s4: 32px;--radius: 6px;--tap: 44px;--line: 2px;--line-bold: 3px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--paper-box);color:var(--ink-text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}.app{height:100%;display:flex;flex-direction:column;background:var(--paper-box)}.stage{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--s2);padding-bottom:0}.wrap{max-width:860px;margin:0 auto;width:100%}.hud{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);padding-top:max(var(--s2),env(safe-area-inset-top));border-bottom:var(--line-bold) solid var(--ink);background:var(--paper-card);position:sticky;top:0;z-index:20}.hud__title{font-family:var(--serif);font-weight:700;font-size:14px;letter-spacing:2px;color:var(--ink);white-space:nowrap}.hud__stats{display:flex;gap:var(--s2);margin-left:auto;align-items:center;flex-wrap:wrap;justify-content:flex-end}.stat{text-align:right;min-width:52px}.stat__label{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-faded)}.stat__value{font-family:var(--serif);font-size:17px;line-height:1.15}.stat--hp .stat__value{color:var(--green)}.stat--hp.is-low .stat__value{color:var(--red)}.stat--debt .stat__value{color:var(--purple)}.meter{width:60px;height:4px;background:var(--paper-aged);border:1px solid var(--ink);overflow:hidden;margin-top:3px;margin-left:auto}.meter__fill{height:100%;transition:width .35s ease}.iconbtn{width:var(--tap);height:var(--tap);border-radius:50%;display:grid;place-items:center;font-size:17px;background:var(--paper-aged);border:var(--line) solid var(--ink);transition:background .15s}.iconbtn:hover:not(:disabled){background:var(--yellow)}.tray{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s3) 0}.die{width:128px;height:128px;display:grid;place-items:center}.die img,.die svg{width:100%;height:100%}.die.is-rolling{animation:tumble .6s cubic-bezier(.3,.9,.4,1)}@keyframes tumble{0%{transform:translateY(-42px) rotate(-28deg) scale(.86)}55%{transform:translateY(6px) rotate(12deg) scale(1.06)}75%{transform:translateY(-4px) rotate(-5deg) scale(.98)}to{transform:translateY(0) rotate(0) scale(1)}}.tray__face{font-family:var(--serif);font-size:40px;line-height:1;color:var(--red)}.tray__band{font-size:11px;letter-spacing:3px;text-transform:uppercase}.band--failure{color:var(--red)}.band--ordinary{color:var(--ink-faded)}.band--strong{color:var(--ink-text)}.band--empowered{color:var(--green)}.band--critical{color:var(--yellow)}.tray__hint{color:var(--ink-faded);font-size:13px;text-align:center;max-width:32ch}.manips{display:flex;gap:var(--s1);flex-wrap:wrap;justify-content:center}.manip{padding:9px 14px;min-height:40px;border-radius:999px;border:var(--line) solid var(--ink);background:var(--paper-card);color:var(--ink-text);font-size:12px;letter-spacing:.6px;display:inline-flex;align-items:center;gap:6px;transition:background .15s,transform .1s}.manip:hover:not(:disabled){background:var(--purple);color:var(--paper-card)}.manip:active:not(:disabled){transform:scale(.96)}.manip__cost{font-size:10px;color:var(--purple)}.manip--free .manip__cost{color:var(--green)}.board{display:grid;gap:var(--s1);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.room{text-align:left;padding:var(--s2);border-radius:var(--radius);border:var(--line-bold) solid var(--ink);background:var(--paper-card);min-height:86px;display:flex;flex-direction:column;gap:4px;transition:border-color .15s,background .15s,transform .1s}.room:hover:not(:disabled){background:var(--yellow)}.room:active:not(:disabled){transform:scale(.985)}.room.is-current{background:var(--yellow)}.room.is-cleared{opacity:.5}.room__name{font-family:var(--serif);font-size:15px}.room__meta{font-size:11px;color:var(--ink-faded);display:flex;gap:var(--s1)}.room__cost{color:var(--red)}.panel{border-radius:var(--radius);border:var(--line-bold) solid var(--ink);background:var(--paper-card);padding:var(--s3);display:flex;flex-direction:column;gap:var(--s2)}.panel__title{font-family:var(--serif);font-weight:700;font-size:21px;color:var(--ink);margin:0}.panel__body{font-size:15px;line-height:1.75;color:var(--ink-text);margin:0;white-space:pre-wrap}.speaker{display:flex;gap:var(--s2);align-items:center}.speaker__portrait{width:62px;height:62px;border-radius:4px;flex:0 0 auto;background:var(--paper-card);border:var(--line-bold) solid var(--ink)}.speaker__name{font-family:var(--serif);font-size:16px}.speaker__stage{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-faded)}.speaker__rel{display:flex;gap:10px;font-size:11px;margin-top:4px}.rel__trust{color:var(--green)}.rel__resent{color:var(--red)}.lines{display:flex;flex-direction:column;gap:var(--s1)}.line{font-size:15px;line-height:1.75;color:var(--ink-text);padding-left:var(--s2);border-left:var(--line-bold) solid var(--blue)}.choices{display:flex;flex-direction:column;gap:var(--s1)}.choice{text-align:left;padding:14px var(--s2);min-height:var(--tap);border-radius:4px;border:var(--line) solid var(--ink);background:var(--paper-card);font-size:14.5px;display:flex;align-items:center;gap:var(--s1);transition:border-color .15s,background .15s,transform .1s}.choice:hover:not(:disabled){background:var(--yellow)}.choice:active:not(:disabled){transform:scale(.99)}.choice.is-blocked{opacity:.45}.choice__tag{margin-left:auto;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:999px;white-space:nowrap}.tag--roll{background:#ffcc7a29;color:var(--red)}.tag--item{background:#5a5f634d;color:var(--ink-faded)}.tag--fact{background:#4a6fa540;color:var(--blue)}.wait-btn{align-self:flex-start;font-size:12px;color:var(--ink-faded);text-decoration:underline dotted;padding:var(--s1) 0;min-height:var(--tap)}.bars{display:flex;flex-direction:column;gap:var(--s1)}.bar__row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:3px}.bar{height:11px;background:var(--paper-aged);border:var(--line) solid var(--ink);overflow:hidden}.bar__fill{height:100%;transition:width .3s ease}.bar__fill--player{background:var(--green)}.bar__fill--monster{background:var(--red)}.tactics{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:var(--s1)}.tactic{padding:12px var(--s1);min-height:var(--tap);border-radius:4px;border:var(--line) solid var(--ink);background:var(--paper-card);font-size:13px;display:flex;flex-direction:column;gap:2px;transition:border-color .15s,background .15s}.tactic:hover:not(:disabled){background:var(--yellow)}.tactic--mercy{border-color:#6fd3c780}.tactic--flee{border-color:#5a5f6399}.tactic__hint{font-size:10px;color:var(--ink-faded)}.feed{display:flex;flex-direction:column;gap:6px;margin-top:var(--s2)}.entry{font-size:13px;line-height:1.65;padding:var(--s1) 12px;border-radius:3px;background:var(--paper-card);border:var(--line) solid var(--ink);border-left:var(--line-bold) solid var(--ink-faded);color:var(--ink-text);animation:rise .28s ease}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.entry--streak{border-left-color:var(--green)}.entry--fateEvent{border-left-color:var(--purple)}.entry--easterEgg{border-left-color:var(--yellow);color:var(--red)}.entry--titleEarned,.entry--hiddenClass{border-left-color:var(--yellow)}.entry--promiseBroken{border-left-color:var(--red)}.entry--rested{border-left-color:var(--green)}.entry__head{display:block;font-family:var(--serif);letter-spacing:.02em;margin-bottom:2px}.actionbar{position:sticky;bottom:0;padding:var(--s2);padding-bottom:max(var(--s2),env(safe-area-inset-bottom));display:flex;justify-content:center;background:var(--paper-box);border-top:var(--line-bold) solid var(--ink);z-index:15}.roll-btn{width:100%;max-width:420px;min-height:58px;border-radius:999px;background:var(--yellow);border:var(--line-bold) solid var(--ink);color:var(--ink);font-family:var(--serif);font-weight:700;font-size:17px;letter-spacing:1.4px;display:flex;align-items:center;justify-content:center;gap:var(--s1);transition:transform .1s}.roll-btn:active:not(:disabled){transform:scale(.975)}.roll-btn--ghost{background:var(--paper-card);color:var(--ink-text)}.roll-btn:disabled{opacity:.55;cursor:not-allowed}.actionbar__row{display:flex;gap:var(--s1);width:100%;max-width:640px;justify-content:center}.actionbar__row .roll-btn{flex:1 1 0}.rest-btn{flex-direction:column;gap:0;line-height:1.2;max-width:220px}.rest-btn__note{font-family:var(--sans, inherit);font-size:11px;font-weight:400;letter-spacing:0;opacity:.8}@media (max-width: 420px){.actionbar__row{flex-direction:column}.rest-btn{max-width:none;min-height:48px}}.select{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s3) var(--s2);min-height:100%;justify-content:center}.select__title{font-family:var(--serif);font-size:30px;text-align:center;color:var(--red);margin:0;letter-spacing:2px}.select__tagline{text-align:center;color:var(--ink-faded);font-size:13px;margin:0}.select__hero{display:flex;flex-direction:column;align-items:center;gap:var(--s2);text-align:center}.select__portrait{width:190px;height:190px;border-radius:var(--radius);border:var(--line-bold) solid var(--ink);background:var(--paper-card)}.select__name{font-family:var(--serif);font-size:25px;margin:0}.select__desc{font-size:14px;line-height:1.75;color:var(--ink-text);max-width:44ch;margin:0}.select__crit{font-size:12.5px;color:var(--red);border:1px dashed rgba(255,204,122,.35);border-radius:8px;padding:var(--s1) 12px}.select__strip{display:flex;gap:var(--s1);justify-content:center;flex-wrap:wrap}.thumb{width:78px;padding:var(--s1);border-radius:4px;border:var(--line) solid var(--ink);background:var(--paper-card);display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;transition:background .15s}.thumb.is-active{background:var(--yellow);border-width:var(--line-bold)}.thumb img{width:52px;height:52px;border-radius:6px}.seedrow{display:flex;gap:var(--s1);align-items:center;justify-content:center;font-size:12px;color:var(--ink-faded)}.seedrow input{background:var(--paper-card);border:var(--line) solid var(--ink);border-radius:4px;color:var(--ink-text);padding:9px 12px;font-family:var(--sans);font-size:13px;min-height:var(--tap);width:190px}.chapter{border-left:var(--line-bold) solid var(--red);padding-left:var(--s2);margin-bottom:var(--s3)}.chapter__no{font-size:10px;letter-spacing:2px;color:var(--ink-faded);text-transform:uppercase}.chapter__title{font-family:var(--serif);font-size:19px;color:var(--red);margin:2px 0 var(--s1)}.chapter__line{font-size:14px;line-height:1.8;color:var(--ink-text);margin:0 0 4px}.summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--s1);margin-top:var(--s2)}.summary__cell{padding:12px;border-radius:4px;background:var(--paper-card);border:var(--line) solid var(--ink)}.summary__label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-faded)}.summary__value{font-family:var(--serif);font-size:22px;color:var(--red)}.faces{display:flex;gap:5px;align-items:flex-end;height:46px;margin-top:var(--s1)}.faces__bar{flex:1;background:var(--blue);border:var(--line) solid var(--ink);border-bottom:none;min-height:3px;position:relative}.faces__bar span{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-size:9px;color:var(--ink-faded)}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);background:var(--paper-card);border:var(--line-bold) solid var(--red);color:var(--ink-text);padding:12px var(--s2);border-radius:10px;font-size:13px;z-index:50;max-width:min(92vw,420px);animation:rise .2s ease}.muted{color:var(--ink-faded);font-size:12.5px}.section-title{font-family:var(--serif);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-faded);margin:var(--s3) 0 var(--s1)}@media (max-width: 480px){.panel{padding:var(--s2)}.select__portrait{width:152px;height:152px}.die{width:108px;height:108px}}@media (prefers-reduced-motion: reduce){.die.is-rolling,.entry{animation:none}*{transition-duration:.01ms!important}}.map{position:relative;margin:var(--s1) auto var(--s3);max-width:calc(var(--map-max-h) * var(--map-ar, .85));--map-max-h: min(66dvh, 620px);border-radius:var(--radius);border:var(--line-bold) solid var(--ink);background:var(--paper-board);padding:0;overflow:hidden}@media (min-width: 900px){.map{width:min(1180px,calc(100vw - var(--s4)));--map-max-h: min(60dvh, 700px)}}.map--expanded{position:fixed;inset:0;z-index:70;margin:0;width:auto;transform:none;border-radius:0;border:none;padding:0;overflow:auto;-webkit-overflow-scrolling:touch;display:block;background:var(--paper-box)}.map--expanded .map__svg{height:calc(100dvh - 72px);max-height:none;width:auto;max-width:none;margin:0 auto}.map--expanded .map__legend{position:sticky;left:0;padding:var(--s1) var(--s2) var(--s2)}.map--expanded .map__expand{position:fixed}.map__expand{position:absolute;top:var(--s1);right:var(--s1);z-index:5;width:var(--tap);height:var(--tap);border-radius:4px;display:grid;place-items:center;font-size:17px;color:var(--ink);background:var(--paper-card);border:var(--line-bold) solid var(--ink);transition:background .15s}.map__expand:hover{background:var(--yellow)}.map__svg{display:block;width:100%;height:auto}.corridor{stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-dasharray:11 9;opacity:.55}.corridor--hidden{stroke-dasharray:3 12;stroke:var(--purple);opacity:.9}.corridor--live{stroke:var(--red);stroke-width:8;stroke-dasharray:13 8;opacity:1}.corridor__pip{fill:var(--red);stroke:var(--ink);stroke-width:2}.tile__name{font-family:var(--serif);font-weight:700;font-size:17px;fill:var(--ink);paint-order:stroke;stroke:var(--paper-board);stroke-width:2.5px;stroke-linejoin:round;letter-spacing:.02em}.tile--fogged .tile__name{display:none}.tile--cleared .tile__name{fill:var(--ink-faded);text-decoration:line-through}.tile--clickable{cursor:pointer}.tile--clickable:hover,.tile--clickable:focus-visible{transform-box:fill-box;transform-origin:center}.tile--clickable:hover image,.tile--clickable:focus-visible image{transform:translateY(-3px)}.tile--clickable:focus-visible{outline:none}.tile--clickable:focus-visible .tile__name{fill:var(--red);text-decoration:underline}.tile--reachable image{animation:beckon 2.2s ease-in-out infinite}@keyframes beckon{0%,to{opacity:.88}50%{opacity:1}}.token{pointer-events:none}.map__legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-top:var(--s1);font-size:10.5px;color:var(--ink-faded)}.legend__item{display:inline-flex;align-items:center;gap:5px}.legend__item i{width:11px;height:11px;border:1.5px solid var(--ink);display:inline-block}.panel--room{flex-direction:row;align-items:flex-start;gap:var(--s2);padding:var(--s2)}.room__art{width:168px;height:168px;flex:0 0 auto;border-radius:4px;border:var(--line-bold) solid var(--ink);background:var(--paper-card)}.room__text{display:flex;flex-direction:column;gap:6px;min-width:0}@media (max-width: 480px){.panel--room{flex-direction:column}.room__art{width:100%;height:210px;object-fit:cover;object-position:center 56%}.tile__name{font-size:19px}}@media (prefers-reduced-motion: reduce){.tile--reachable image{animation:none}}.tray--compact{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--s2);padding:var(--s2) 0 0;border-top:1px solid rgba(69,59,46,.5)}.tray--compact .die{width:72px;height:72px}.tray--compact .tray__face{font-size:26px}.tray--compact>div:nth-child(2){text-align:left!important}.tray--compact .manips{justify-content:flex-start;flex:1 1 220px}.speaker__portrait{width:92px;height:92px;border-radius:12px}@media (max-width: 480px){.speaker__portrait{width:78px;height:78px}}.hand{position:sticky;bottom:0;z-index:18;margin-top:var(--s3);border-top:var(--line-bold) solid var(--ink);padding:var(--s2) var(--s2) var(--s1);background:var(--paper-box)}.hand__label{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-faded);margin-bottom:var(--s1);position:relative;z-index:50}.hand__ready{color:var(--red)}.hand__fan{display:flex;justify-content:center;padding:var(--s3) 0 0;min-height:116px}.card{width:88px;flex:0 0 auto;padding:0;border-radius:7px;overflow:hidden;transition:transform .16s ease,filter .16s ease;transform-origin:bottom center;opacity:.55;border:var(--line) solid var(--ink)}.card+.card{margin-left:-34px}.card img{display:block;width:100%;height:auto}.card--playable{opacity:1;transform:translateY(-12px);border-width:var(--line-bold)}.card:hover,.card:focus-visible{transform:translateY(-26px) scale(1.06);z-index:40!important;opacity:1;outline:none}.card:focus-visible{border-color:var(--red);border-width:var(--line-bold)}.sheet{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:var(--s2)}.sheet__scrim{position:absolute;inset:0;background:#1a1714b8;border:none;cursor:pointer}.sheet__body{position:relative;display:flex;gap:var(--s3);align-items:flex-start;max-width:620px;width:100%;background:var(--paper-card);border:var(--line-bold) solid var(--ink);border-radius:var(--radius);padding:var(--s3);max-height:88vh;overflow-y:auto}.sheet__card{width:190px;flex:0 0 auto;border-radius:4px;border:var(--line) solid var(--ink)}.sheet__info{display:flex;flex-direction:column;gap:6px;min-width:0}.sheet__name{font-family:var(--serif);font-weight:700;font-size:22px;color:var(--ink);margin:0}.sheet__actions{display:flex;gap:var(--s1);margin-top:var(--s2);flex-wrap:wrap}.sheet__actions .roll-btn{min-height:48px;font-size:15px;flex:1 1 160px;max-width:none}@media (max-width: 560px){.sheet__body{flex-direction:column;align-items:center}.sheet__card{width:168px}.card{width:74px}.card+.card{margin-left:-30px}}.entry--cardPlayed{border-left-color:var(--yellow)}.entry--cardDrawn{border-left-color:var(--ink-faded)}.fx{position:fixed;inset:0;z-index:60;pointer-events:none;display:grid;overflow:hidden}.fx--centre{place-items:center}.fx--tray{place-items:center;align-content:center}.fx--floor{place-items:end center;padding-bottom:8vh}.fx__art{width:min(42vmin,280px);height:auto;animation-timing-function:cubic-bezier(.2,.8,.3,1);animation-fill-mode:forwards;will-change:transform,opacity}.fx__art--critBurst{animation-name:fx-burst}.fx__art--fateDebtPulse{animation-name:fx-pulse}.fx__art--discoveryRing{animation-name:fx-ring;width:min(56vmin,360px)}.fx__art--dust{animation-name:fx-dust;width:min(60vmin,380px)}.fx__art--shimmer{animation-name:fx-shimmer;width:min(80vmin,520px)}@keyframes fx-burst{0%{opacity:0;transform:scale(.35) rotate(-14deg)}35%{opacity:1;transform:scale(1.12) rotate(4deg)}to{opacity:0;transform:scale(1.5) rotate(10deg)}}@keyframes fx-pulse{0%{opacity:0;transform:scale(.7)}40%{opacity:.95;transform:scale(1.05)}to{opacity:0;transform:scale(1.3)}}@keyframes fx-ring{0%{opacity:0;transform:scale(.45)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes fx-dust{0%{opacity:0;transform:translateY(18px) scale(.9)}30%{opacity:.9;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-16px) scale(1.08)}}@keyframes fx-shimmer{0%{opacity:0;transform:translate(-28%)}40%{opacity:.8;transform:translate(0)}to{opacity:0;transform:translate(28%)}}@media (prefers-reduced-motion: reduce){.fx__art{animation-name:fx-fade!important}@keyframes fx-fade{0%{opacity:0}30%{opacity:.75}to{opacity:0}}}.tile__rest{fill:var(--green);font-size:14px}.speaker__portrait--art{object-fit:cover;border:var(--line-bold) solid var(--ink);background:var(--paper-card)}.speaker__portrait--art.mood--warm{box-shadow:0 0 0 4px var(--green)}.speaker__portrait--art.mood--wary{box-shadow:0 0 0 4px var(--yellow)}.speaker__portrait--art.mood--hostile{box-shadow:0 0 0 4px var(--red)}.speaker__portrait--art.mood--broken{filter:grayscale(1) contrast(.9);box-shadow:0 0 0 4px var(--ink-faded)}.monster__art{display:block;width:min(220px,60%);aspect-ratio:5 / 7;object-fit:cover;margin:0 auto var(--s2);border:var(--line-bold) solid var(--ink);border-radius:6px;background:var(--paper-card)}.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:12px;margin-top:var(--s2)}.legal-links a{color:var(--ink-faded);text-decoration:underline;text-underline-offset:2px}