:root{--color-letterbox:#111;--color-bg:#2a2a2a;--color-surface:#3a3a3a;--color-text:#ddd;--color-text-dim:#999;--color-accent:#888;--font-body:system-ui, sans-serif;--font-mono:ui-monospace, monospace;--space-1:calc(4px * var(--u));--space-2:calc(8px * var(--u));--space-3:calc(16px * var(--u));--font-size-body:calc(16px * var(--u));--font-size-small:calc(12px * var(--u));--z-overlay:100;--stage-w:100vw;--stage-h:100vh;--stage-x:0px;--stage-y:0px;--u:1;--stage-safe-top:env(safe-area-inset-top,0px);--stage-safe-right:env(safe-area-inset-right,0px);--stage-safe-bottom:env(safe-area-inset-bottom,0px);--stage-safe-left:env(safe-area-inset-left,0px);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body{overscroll-behavior:none;background:var(--color-letterbox);height:100dvh;color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-body);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;overflow:hidden}input,textarea{-webkit-user-select:text;user-select:text}[hidden]{display:none!important}#app{left:var(--stage-x);top:var(--stage-y);width:var(--stage-w);height:var(--stage-h);background:var(--color-bg);contain:strict;position:fixed;overflow:hidden}.screen{box-sizing:border-box;padding:var(--stage-safe-top) var(--stage-safe-right) var(--stage-safe-bottom) var(--stage-safe-left);flex-direction:column;display:flex;position:absolute;inset:0}#overlay{z-index:var(--z-overlay);pointer-events:none;position:fixed;inset:0}#overlay>*{pointer-events:auto}.debug-button{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 8px);min-width:44px;min-height:44px;position:fixed}.profiler-panel{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 8px);font:11px/1.3 var(--font-mono);font-variant-numeric:tabular-nums;white-space:pre;color:#fff;background:#0009;margin:0;padding:4px 6px;position:fixed;pointer-events:none!important}.debug-dialog{max-width:min(90vw,360px);color:var(--color-text);background:var(--color-surface)}.debug-dialog pre{font:11px/1.3 var(--font-mono);white-space:pre-wrap}.safe-probe{visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:fixed}:root{--c-charcoal:#1e1b19;--c-soot:#34302b;--c-greybrown:#5a5149;--c-taupe:#8a7f73;--c-bone:#d2c9ba;--c-blue-grey:#6f7782;--c-pink:#b98a8a;--c-blood:#8a1c1c;--c-ink:#2a2420;--c-ink-dim:#6a5f54;--color-letterbox:#0f0d0c;--color-bg:var(--c-charcoal);--color-surface:var(--c-soot);--color-text:var(--c-bone);--color-text-dim:var(--c-taupe);--color-accent:var(--c-blood);--font-body:"Noto Serif KR", "Nanum Myeongjo", "AppleMyungjo", "Batang", serif;--font-ui:"Noto Serif KR", "AppleMyungjo", serif;--fs-xs:calc(11px * var(--u));--fs-s:calc(13px * var(--u));--fs-m:calc(15px * var(--u));--fs-l:calc(18px * var(--u));--fs-xl:calc(24px * var(--u));--fs-xxl:calc(32px * var(--u));--gutter:calc(12px * var(--u))}.screen{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--c-bone);background:var(--c-charcoal) center / cover no-repeat}.btn{appearance:none;box-sizing:border-box;justify-content:center;align-items:center;gap:calc(10px * var(--u));font:500 var(--fs-l) / 1 var(--font-ui);letter-spacing:.04em;color:var(--c-bone);cursor:pointer;touch-action:manipulation;background:0 0;border-style:solid;margin:0;padding:0;display:flex}.btn:disabled{cursor:default;color:var(--c-greybrown)}.btn:focus-visible{outline:2px solid var(--c-taupe);outline-offset:2px}.btn__mark{width:calc(8px * var(--u));height:calc(8px * var(--u));background:var(--c-blood);transform:rotate(45deg)}.btn--menu{width:calc(256px * var(--u));height:calc(50px * var(--u));border-width:calc(7px * var(--u)) calc(29px * var(--u));border-image:url(../assets/ui/btn_menu_normal.webp) 14 58 fill / calc(7px * var(--u)) calc(29px * var(--u))}.btn--menu:active:not(:disabled){border-image-source:url(../assets/ui/btn_menu_pressed.webp)}.btn--menu:disabled{border-image-source:url(../assets/ui/btn_menu_disabled.webp)}.btn--choice,.btn--primary{width:100%;height:calc(54px * var(--u));border-width:calc(8px * var(--u)) calc(31px * var(--u));border-image:url(../assets/ui/btn_choice_normal.webp) 16 62 fill / calc(8px * var(--u)) calc(31px * var(--u))}.btn--choice:active:not(:disabled){border-image-source:url(../assets/ui/btn_choice_pressed.webp)}.btn--choice:disabled{border-image-source:url(../assets/ui/btn_choice_disabled.webp)}.btn--primary{border-image-source:url(../assets/ui/btn_primary_normal.webp)}.btn--primary:active:not(:disabled){border-image-source:url(../assets/ui/btn_primary_pressed.webp)}.btn--accept,.btn--refuse{width:100%;height:calc(50px * var(--u));border-width:calc(7px * var(--u)) calc(29px * var(--u));border-image:url(../assets/ui/btn_revelation_accept_normal.webp) 14 58 fill / calc(7px * var(--u)) calc(29px * var(--u))}.btn--accept:active{border-image-source:url(../assets/ui/btn_revelation_accept_pressed.webp)}.btn--refuse{color:var(--c-taupe);border-image-source:url(../assets/ui/btn_revelation_refuse_normal.webp)}.btn--refuse:active{border-image-source:url(../assets/ui/btn_revelation_refuse_pressed.webp)}.parchment{box-sizing:border-box;color:var(--c-ink);border-style:solid;border-width:calc(32px * var(--u));border-image:url(../assets/ui/panel_log.webp) 64 fill / calc(32px * var(--u))}.divider{height:calc(14px * var(--u));border-style:solid;border-width:0 calc(36px * var(--u));border-image:url(../assets/ui/divider.webp) 0 72 fill / 0 calc(36px * var(--u))}.seal{width:calc(48px * var(--u));height:calc(49px * var(--u));background:url(../assets/ui/seal_wax.webp) 50%/contain no-repeat}.portrait{width:calc(var(--size,96) * 1px * var(--u));height:calc(var(--size,96) * 1px * var(--u));flex:none;position:relative}.portrait img{object-fit:cover;object-position:50% 22%;border-radius:50%;width:83.6%;height:83.6%;position:absolute;inset:8.2%}.portrait:after{content:"";background:url(../assets/ui/frame_portrait.webp) 50%/contain no-repeat;position:absolute;inset:0}.screen[data-screen=title]{background-image:url(../assets/ui/bg_title.webp);background-position:50% 70%}.title{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.title__logo{box-sizing:border-box;width:calc(330px * var(--u));height:calc(169px * var(--u));margin-top:calc(40px * var(--u));padding:calc(30px * var(--u)) calc(40px * var(--u)) calc(38px * var(--u));color:var(--c-ink);text-align:center;background:url(../assets/ui/logo_frame.webp) 50%/contain no-repeat;flex-direction:column;justify-content:center;align-items:center;display:flex}.title__logo h1{font:700 var(--fs-xxl) / 1.1 var(--font-ui);letter-spacing:.02em;font-variant-numeric:tabular-nums;margin:0}.title__logo p{margin:calc(6px * var(--u)) 0 0;font-size:var(--fs-s);color:var(--c-ink-dim);letter-spacing:.12em}.title-menu{gap:calc(8px * var(--u));margin-top:auto;margin-bottom:calc(60px * var(--u));flex-direction:column;display:flex}.title-menu .btn--menu{font-size:var(--fs-l)}.title__build{bottom:calc(10px * var(--u));right:calc(12px * var(--u));font-size:var(--fs-xs);color:var(--c-taupe);opacity:.7;position:absolute}.title__bot{bottom:calc(6px * var(--u));left:calc(10px * var(--u));padding:calc(4px * var(--u)) calc(6px * var(--u));font:var(--fs-xs) var(--font-ui);color:var(--c-taupe);border:1px solid var(--c-greybrown);background:#1e1b1999;position:absolute}.icon{--icon-size:calc(24px * var(--u));width:var(--icon-size);height:var(--icon-size);background:url(../assets/ui/atlas_icons.webp) no-repeat;background-size:calc(var(--icon-size) * 6.5833) auto;background-position:calc(var(--ix,0) * var(--icon-size) * -1) calc(var(--iy,0) * var(--icon-size) * -1);flex:none;display:inline-block}.icon[data-icon=icon_age]{--ix:.0833;--iy:.0833}.icon[data-icon=icon_back]{--ix:1.1667;--iy:.0833}.icon[data-icon=icon_class]{--ix:2.25;--iy:.0833}.icon[data-icon=icon_close]{--ix:3.3333;--iy:.0833}.icon[data-icon=icon_copy]{--ix:4.4167;--iy:.0833}.icon[data-icon=icon_debug]{--ix:5.5;--iy:.0833}.icon[data-icon=icon_faith]{--ix:.0833;--iy:1.1667}.icon[data-icon=icon_fame]{--ix:1.1667;--iy:1.1667}.icon[data-icon=icon_health]{--ix:2.25;--iy:1.1667}.icon[data-icon=icon_language]{--ix:3.3333;--iy:1.1667}.icon[data-icon=icon_mana]{--ix:4.4167;--iy:1.1667}.icon[data-icon=icon_parents]{--ix:5.5;--iy:1.1667}.icon[data-icon=icon_race]{--ix:.0833;--iy:2.25}.icon[data-icon=icon_region]{--ix:1.1667;--iy:2.25}.icon[data-icon=icon_settings]{--ix:2.25;--iy:2.25}.icon[data-icon=icon_sex_female]{--ix:3.3333;--iy:2.25}.icon[data-icon=icon_sex_male]{--ix:4.4167;--iy:2.25}.icon[data-icon=icon_share]{--ix:5.5;--iy:2.25}.icon[data-icon=icon_talent]{--ix:.0833;--iy:3.3333}.icon[data-icon=icon_treasury]{--ix:1.1667;--iy:3.3333}.icon[data-icon=icon_wealth]{--ix:2.25;--iy:3.3333}.icon[data-icon=icon_year]{--ix:3.3333;--iy:3.3333}.icon[data-icon=tl_adventure]{--ix:4.4167;--iy:3.3333}.icon[data-icon=tl_birth]{--ix:5.5;--iy:3.3333}.icon[data-icon=tl_child]{--ix:.0833;--iy:4.4167}.icon[data-icon=tl_death]{--ix:1.1667;--iy:4.4167}.icon[data-icon=tl_marriage]{--ix:2.25;--iy:4.4167}.icon[data-icon=tl_move]{--ix:3.3333;--iy:4.4167}.icon[data-icon=tl_plague]{--ix:4.4167;--iy:4.4167}.icon[data-icon=tl_relation_help]{--ix:5.5;--iy:4.4167}.icon[data-icon=tl_relation_revenge]{--ix:.0833;--iy:5.5}.icon[data-icon=tl_revelation]{--ix:1.1667;--iy:5.5}.icon[data-icon=tl_school]{--ix:2.25;--iy:5.5}.icon[data-icon=tl_war]{--ix:3.3333;--iy:5.5}.icon[data-icon=tl_wealth]{--ix:4.4167;--iy:5.5}.icon[data-icon=tl_work]{--ix:5.5;--iy:5.5}.scroll-body,.birth-record,.log__list,.epitaph,.card__body,.popup__text{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:var(--c-taupe) transparent;overflow-y:auto}.birth__actions,.life__actions,.end__actions,.screen-bar,.hud{flex:none}.screen-bar{box-sizing:border-box;justify-content:center;align-items:center;gap:calc(10px * var(--u));height:calc(48px * var(--u));border-style:solid;border-width:calc(18px * var(--u)) calc(24px * var(--u));border-image:url(../assets/ui/panel_hud.webp) 36 48 fill / calc(18px * var(--u)) calc(24px * var(--u));flex:none;display:flex}.screen-bar__title{font:600 var(--fs-l) / 1 var(--font-ui);letter-spacing:.3em}.screen-bar__sub{font-size:var(--fs-s);color:var(--c-taupe)}.scene{background:var(--c-soot);flex:none;margin:0;position:relative;overflow:hidden}.scene img{inset:calc(10px * var(--u));width:calc(100% - 20px * var(--u));height:calc(100% - 20px * var(--u));object-fit:cover;position:absolute}.scene:after{content:"";pointer-events:none;border-style:solid;border-width:calc(28px * var(--u));border-image:url(../assets/ui/frame_scene.webp) 56 / calc(28px * var(--u));position:absolute;inset:0}.icon--disc{--icon-size:calc(30px * var(--u));background-color:#34302b24;border-radius:50%;box-shadow:inset 0 0 0 1px #34302b59}.gauge{align-items:center;gap:calc(4px * var(--u));min-width:0;display:flex}.gauge .icon{--icon-size:calc(22px * var(--u))}.gauge__track{box-sizing:border-box;height:calc(14px * var(--u));border-style:solid;border-width:calc(4px * var(--u)) calc(9px * var(--u));border-image:url(../assets/ui/gauge_frame.webp) 8 18 fill / calc(4px * var(--u)) calc(9px * var(--u));flex:1;position:relative;overflow:hidden}.gauge__fill{inset:0 calc(-6px * var(--u));transform-origin:0;background:url(../assets/ui/gauge_fill_health.webp) 50%/100% 100% no-repeat;transition:transform .4s ease-out;position:absolute;transform:scaleX(0)}[data-gauge=wealth] .gauge__fill{background-image:url(../assets/ui/gauge_fill_wealth.webp)}[data-gauge=fame] .gauge__fill{background-image:url(../assets/ui/gauge_fill_fame.webp)}.screen[data-screen=birth]{background-image:url(../assets/ui/bg_life.webp)}.birth{gap:calc(8px * var(--u));min-height:0;padding:calc(6px * var(--u)) calc(6px * var(--u)) calc(14px * var(--u));flex-direction:column;flex:1;display:flex}.scene--birth{flex:0 3 calc(262px * var(--u));min-height:calc(96px * var(--u))}.birth-record{box-sizing:border-box;flex:1 1 calc(300px * var(--u));min-height:0;padding:calc(4px * var(--u)) calc(6px * var(--u));color:var(--c-ink);border-style:solid;border-width:calc(20px * var(--u));border-image:url(../assets/ui/panel_birth_record.webp) 40 fill / calc(20px * var(--u));flex-direction:column;display:flex;position:relative}.birth-record__title{text-align:center;font:600 var(--fs-xl) / 1.3 var(--font-ui);letter-spacing:.2em;margin:0}.birth-record__seal{top:calc(-4px * var(--u));right:calc(-4px * var(--u));--seal:44;width:calc(44px * var(--u));height:calc(45px * var(--u));position:absolute}.birth-record__rows{margin:calc(6px * var(--u)) 0 0;flex-direction:column;flex:none;padding:0;list-style:none;display:flex}.birth-row{grid-template-columns:calc(38px * var(--u)) calc(44px * var(--u)) auto minmax(calc(8px * var(--u)), 1fr) auto;align-items:center;gap:calc(6px * var(--u));min-height:calc(38px * var(--u));font-size:var(--fs-m);border-bottom:1px solid #5a514959;display:grid}.birth-row__label{font-size:var(--fs-s);letter-spacing:.1em;color:var(--c-greybrown);font-weight:600}.birth-row__value{white-space:nowrap;font-weight:600}.birth-row__dots{margin-bottom:calc(14px * var(--u));border-bottom:1px dotted var(--c-taupe);align-self:end}.birth-row__permille{text-align:right;white-space:nowrap;font-size:var(--fs-s);font-variant-numeric:tabular-nums;color:var(--c-greybrown);font-style:italic}.birth__actions{padding:0 calc(20px * var(--u));flex:none}.screen[data-screen=life]{background-image:url(../assets/ui/bg_life.webp)}.life{gap:calc(6px * var(--u));min-height:0;padding-bottom:calc(12px * var(--u));flex-direction:column;flex:1;display:flex}.hud{box-sizing:border-box;align-items:center;gap:calc(8px * var(--u));height:calc(108px * var(--u));padding:0 calc(4px * var(--u));border-style:solid;border-width:calc(18px * var(--u)) calc(16px * var(--u));border-image:url(../assets/ui/panel_hud.webp) 36 48 fill / calc(18px * var(--u)) calc(24px * var(--u));flex:none;display:flex}.hud__portrait{--size:84;margin:calc(-14px * var(--u)) 0 calc(-14px * var(--u)) calc(-6px * var(--u))}.hud__body{gap:calc(5px * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.hud__line{align-items:baseline;gap:calc(6px * var(--u));display:flex}.hud__k{font-size:var(--fs-s);letter-spacing:.15em;color:var(--c-taupe)}.hud__v{min-width:calc(48px * var(--u));font:600 var(--fs-xl) / 1 var(--font-ui);font-variant-numeric:tabular-nums}.hud__sep{width:1px;height:calc(18px * var(--u));margin:0 calc(6px * var(--u));background:var(--c-greybrown);align-self:center}.hud__tag{padding:calc(2px * var(--u)) calc(10px * var(--u));font-size:var(--fs-xs);letter-spacing:.15em;color:var(--c-taupe);border:1px solid var(--c-greybrown);align-self:flex-start}.hud__gauges{gap:calc(8px * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.scene--life{flex:0 3 calc(232px * var(--u));min-height:calc(90px * var(--u));margin:0 calc(3px * var(--u))}.log{flex:1 1 calc(200px * var(--u));min-height:calc(110px * var(--u));margin:0 calc(6px * var(--u));border-width:calc(24px * var(--u)) calc(14px * var(--u));border-image-width:calc(32px * var(--u));padding:0;display:flex}.log__list{padding:0 calc(4px * var(--u)) 0 calc(14px * var(--u));overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;border-left:1px solid #5a514973;flex:1;margin:0;list-style:none;overflow-y:auto}.log-row{grid-template-columns:calc(52px * var(--u)) calc(34px * var(--u)) 1fr;gap:calc(4px * var(--u));padding:calc(6px * var(--u)) 0;font-size:var(--fs-m);content-visibility:auto;contain-intrinsic-size:auto calc(32px * var(--u));line-height:1.45;display:grid;position:relative}.log-row__year{font:600 var(--fs-l) / 1.2 var(--font-ui);font-variant-numeric:tabular-nums}.log-row__age{padding-top:calc(3px * var(--u));font-size:var(--fs-xs);color:var(--c-ink-dim)}.log-row:has(.log-row__year:not(:empty)){border-top:1px solid #5a514940}.log-row:has(.log-row__year:not(:empty)):before{content:"";left:calc(-18px * var(--u));top:calc(13px * var(--u));width:calc(6px * var(--u));height:calc(6px * var(--u));background:var(--c-greybrown);position:absolute;transform:rotate(45deg)}.log-row.is-latest:has(.log-row__year:not(:empty)):before{background:var(--c-blood);width:calc(9px * var(--u));height:calc(9px * var(--u));left:calc(-19.5px * var(--u))}.log-row[data-tone=bad] .log-row__text{color:var(--c-blood)}.log-row[data-tone=major] .log-row__text{font-weight:700}.log-row.is-new{animation:.36s ease-out both log-in}@keyframes log-in{0%{opacity:0;transform:translateY(calc(6px * var(--u)))}}.life__actions{padding:0 calc(10px * var(--u));flex:none}.screen[data-dead=true] .life__actions .btn--choice{border-image-source:url(../assets/ui/btn_primary_normal.webp)}.screen[data-screen=death],.screen[data-screen=chronicle_card]{background-image:url(../assets/ui/bg_death.webp)}.death,.chronicle{align-items:center;gap:calc(10px * var(--u));min-height:0;padding:calc(10px * var(--u)) calc(12px * var(--u)) calc(18px * var(--u));flex-direction:column;flex:1;display:flex}.tomb{flex:0 3 calc(390px * var(--u));min-height:calc(150px * var(--u));border-radius:calc(4px * var(--u));width:100%;margin:0;position:relative;overflow:hidden}.tomb img{object-fit:cover;object-position:50% 40%;width:100%;height:100%}.tomb__engrave{white-space:nowrap;align-items:center;gap:calc(6px * var(--u));padding:calc(8px * var(--u)) calc(14px * var(--u));color:#2b2724;border-radius:calc(4px * var(--u));text-shadow:0 1px #ffffff40;background:#d2c9ba8c;flex-direction:column;display:flex;position:absolute;top:31%;left:34%;transform:translate(-50%)}.tomb__here{font:700 var(--fs-l) / 1 var(--font-ui);letter-spacing:.2em}.tomb__name{font:600 var(--fs-m) / 1 var(--font-ui)}.tomb__years{font:600 var(--fs-xl) / 1 var(--font-ui);font-variant-numeric:tabular-nums}.epitaph{box-sizing:border-box;flex:1 1 calc(220px * var(--u));width:100%;min-height:calc(120px * var(--u));padding:0 calc(6px * var(--u));border-width:calc(24px * var(--u));flex-direction:column;align-items:center;display:flex}.epitaph__meta{font-size:var(--fs-m);color:var(--c-greybrown);margin:0}.epitaph .divider{width:80%;margin:calc(6px * var(--u)) 0}.epitaph__lines{justify-content:center;gap:calc(6px * var(--u));text-align:center;flex-direction:column;flex:1 0 auto;display:flex}.epitaph__line{font:italic 500 var(--fs-l) / 1.5 var(--font-body);margin:0}.end__actions{gap:calc(8px * var(--u));flex-direction:column;flex:none;align-items:center;display:flex}.chronicle .end__actions{flex-direction:row}.btn--half{width:calc(170px * var(--u))}.chronicle{justify-content:flex-start}.card{box-sizing:border-box;gap:calc(8px * var(--u));width:100%;min-height:0;padding:calc(4px * var(--u)) calc(6px * var(--u));color:var(--c-ink);border-style:solid;border-width:calc(38px * var(--u));border-image:url(../assets/ui/card_chronicle.webp) 76 fill / calc(38px * var(--u));flex-direction:column;flex:0 auto;display:flex;position:relative}.card__head{align-items:center;gap:calc(10px * var(--u));display:flex}.card__portrait{--size:104}.card__titles{align-items:center;gap:calc(4px * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.card__title{font:700 var(--fs-xl) / 1.2 var(--font-ui);letter-spacing:.04em;text-align:center;word-break:keep-all;margin:0}.card__titles .divider{width:100%}.card__subtitle{font-size:var(--fs-s);color:var(--c-greybrown);text-align:center;margin:0}.card__rarity{font:600 var(--fs-s) / 1.3 var(--font-ui);color:var(--c-blood);text-align:center;margin:0}.card__body{grid-template-columns:1fr calc(104px * var(--u));align-items:start;gap:calc(10px * var(--u));flex:auto;min-height:0;display:grid}.card__rows{gap:calc(8px * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.card-row{align-items:center;gap:calc(8px * var(--u));font-size:var(--fs-s);line-height:1.35;display:flex}.card__stats{justify-content:center;gap:calc(18px * var(--u));padding-left:calc(8px * var(--u));border-left:1px solid #5a514966;flex-direction:column;display:flex}.card__seal{right:calc(-14px * var(--u));bottom:calc(-18px * var(--u));width:calc(64px * var(--u));height:calc(65px * var(--u));position:absolute}.chronicle__status{min-height:1.2em;font-size:var(--fs-s);color:var(--c-taupe);margin:0}.screen[data-screen=options]{background-image:url(../assets/ui/bg_options.webp)}.options{gap:calc(8px * var(--u));min-height:0;padding:calc(6px * var(--u)) calc(6px * var(--u)) calc(14px * var(--u));flex-direction:column;flex:1;display:flex}.options__panel{gap:calc(2px * var(--u));padding:0 calc(2px * var(--u));flex-direction:column;flex:none;display:flex}.options__actions{align-items:center;gap:calc(8px * var(--u));flex-direction:column;margin-top:auto;display:flex}.opt-group{border:0;min-width:0;margin:0;padding:0}.opt-group__title{float:left;width:100%;margin-bottom:calc(6px * var(--u));text-align:center;font:600 var(--fs-m) / 1.3 var(--font-ui);letter-spacing:.2em;padding:0}.opt-group__title+*{clear:both}.options .divider{margin:calc(6px * var(--u)) 0;flex:none}.segments{gap:calc(4px * var(--u));display:flex}.segment{cursor:pointer;flex:1;min-width:0;display:block}.segment input{opacity:0;pointer-events:none;position:absolute}.segment span{box-sizing:border-box;height:calc(46px * var(--u));border-style:solid;border-width:calc(11px * var(--u)) calc(11px * var(--u)) calc(8px * var(--u));border-image:url(../assets/ui/segment_normal.webp) 22 22 16 fill / calc(11px * var(--u)) calc(11px * var(--u)) calc(8px * var(--u));font:500 var(--fs-s) / 1 var(--font-ui);white-space:nowrap;color:var(--c-bone);justify-content:center;align-items:center;display:flex}.segment input:checked+span{color:var(--c-ink);border-image-source:url(../assets/ui/segment_selected.webp);font-weight:700}.segment input:focus-visible+span{outline:2px solid var(--c-blood);outline-offset:1px}.opt-slider{align-items:center;gap:calc(8px * var(--u));height:calc(34px * var(--u));font:500 var(--fs-s) / 1 var(--font-ui);display:flex}.opt-slider__label{width:calc(52px * var(--u));flex:none}.opt-slider__value{width:calc(34px * var(--u));text-align:right;font-variant-numeric:tabular-nums;flex:none}.opt-slider input{appearance:none;min-width:0;height:calc(28px * var(--u));cursor:pointer;touch-action:pan-y;background:0 0;flex:1;margin:0}.opt-slider input::-webkit-slider-runnable-track{height:calc(12px * var(--u));background:url(../assets/ui/slider_track.webp) 50%/100% 100% no-repeat}.opt-slider input::-webkit-slider-thumb{appearance:none;width:calc(28px * var(--u));height:calc(28px * var(--u));margin-top:calc(-8px * var(--u));background:url(../assets/ui/slider_thumb.webp) 50%/contain no-repeat;border:0}.opt-slider input::-moz-range-track{height:calc(12px * var(--u));background:url(../assets/ui/slider_track.webp) 50%/100% 100% no-repeat}.opt-slider input::-moz-range-thumb{width:calc(28px * var(--u));height:calc(28px * var(--u));background:url(../assets/ui/slider_thumb.webp) 50%/contain no-repeat;border:0}.opt-slider input:focus-visible{outline:2px solid var(--c-blood);outline-offset:2px}.opt-toggle{justify-content:space-between;align-items:center;gap:calc(8px * var(--u));height:calc(40px * var(--u));padding:0 calc(4px * var(--u));font:500 var(--fs-s) / 1.2 var(--font-ui);cursor:pointer;display:flex}.toggle{appearance:none;width:calc(72px * var(--u));height:calc(32px * var(--u));cursor:pointer;background:url(../assets/ui/toggle_off.webp) 50%/contain no-repeat;flex:none;margin:0}.toggle:checked{background-image:url(../assets/ui/toggle_on.webp)}.toggle:focus-visible{outline:2px solid var(--c-blood);outline-offset:2px}.popup{box-sizing:border-box;width:calc(366px * var(--u));max-width:96vw;max-height:min(calc(var(--stage-h) - 16px), calc(100dvh - 16px));color:var(--c-bone);font-family:var(--font-body);font-variant-numeric:tabular-nums;background:0 0;border:none;margin:auto;padding:0;overflow:visible}.popup[open]{flex-direction:column;display:flex}.popup::backdrop{background:#0f0d0cb8}.popup[open]{animation:.22s ease-out both popup-in}@keyframes popup-in{0%{opacity:0;transform:scale(.96)}}.popup__panel{box-sizing:border-box;gap:calc(8px * var(--u));min-height:0;padding:calc(2px * var(--u)) calc(4px * var(--u)) calc(6px * var(--u));border-style:solid;border-width:calc(20px * var(--u));border-image:url(../assets/ui/panel_popup.webp) 92 fill / calc(46px * var(--u));flex-direction:column;flex:auto;display:flex;position:relative}.popup[data-kind=revelation] .popup__panel{border-image:url(../assets/ui/panel_popup_revelation.webp) 56 fill / calc(28px * var(--u))}.popup__crest{display:none}.popup[data-kind=revelation] .popup__crest{top:calc(-44px * var(--u));width:calc(46px * var(--u));height:calc(47px * var(--u));z-index:1;background:url(../assets/ui/seal_wax.webp) 50%/contain no-repeat;display:block;position:absolute;left:50%;transform:translate(-50%)}.popup__scene{flex:0 1 calc(230px * var(--u));min-height:calc(80px * var(--u));border:1px solid var(--c-greybrown);margin:0;position:relative;overflow:hidden}.popup__scene>img{object-fit:cover;width:100%;height:100%}.popup__scene>.popup__npc{width:auto;height:calc(96% * var(--npc-scale,1));object-fit:contain;object-position:bottom;pointer-events:none;max-height:100%;position:absolute;bottom:0;right:2%}.popup__title{justify-content:center;align-items:center;gap:calc(10px * var(--u));margin:calc(2px * var(--u)) 0 0;font:600 var(--fs-xl) / 1.2 var(--font-ui);letter-spacing:.15em;display:flex}.popup[data-kind=revelation] .popup__title .btn__mark{background:#b0904e}.popup__text{min-height:calc(70px * var(--u));border-width:calc(18px * var(--u));border-image-width:calc(32px * var(--u));flex:0 auto;margin:0;padding:0}.popup__text p{font-size:var(--fs-m);margin:0;line-height:1.6}.popup__source{align-items:center;gap:calc(6px * var(--u));color:var(--c-greybrown);font-style:italic;display:flex;margin-top:calc(10px * var(--u))!important;font-size:var(--fs-s)!important}.popup__source .icon{--icon-size:calc(18px * var(--u))}.popup__rule{border-bottom:1px solid var(--c-taupe);flex:1}.popup__choices{gap:calc(6px * var(--u));flex-direction:column;flex:none;display:flex}.popup__choice{gap:calc(2px * var(--u));flex-direction:column}.popup__choice-check{font-size:var(--fs-xs);letter-spacing:.04em;color:var(--c-taupe)}.popup__choice:disabled{opacity:.6}.popup__roll{align-items:center;gap:calc(4px * var(--u));flex-direction:column;flex:none;display:flex}.popup__dice{min-width:calc(64px * var(--u));min-height:calc(64px * var(--u));font:700 calc(40px * var(--u)) / 1 var(--font-ui);font-variant-numeric:tabular-nums;place-items:center;display:grid}.popup__formula{font-size:var(--fs-s);color:var(--c-taupe);font-variant-numeric:tabular-nums;margin:0}.popup__verdict{font-size:var(--fs-m);text-align:center;margin:0}.popup__roll[data-result=fail] .popup__verdict,.popup__roll[data-result=crit_fail] .popup__verdict{color:var(--c-pink)}.popup__dice:empty{display:none}.popup__panel:focus{outline:none}