: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[open]{flex-direction:column;display:flex;overflow:hidden}.debug-dialog__body{min-height:0;position:relative}.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}.screen[data-screen=loading]{background-color:var(--c-charcoal,#1e1b19);background-image:url(../assets/ui/bg_loading.webp);background-position:50%;background-repeat:no-repeat;background-size:cover}.loading{min-height:0;padding:0 var(--gutter,calc(12px * var(--u))) calc(24px * var(--u));flex-direction:column;flex:1;align-items:center;display:flex}.loading:before{content:"";flex:0 63%;min-height:0}.loading__body{width:min(calc(322px * var(--u)), 100%);flex-direction:column;flex:none;align-items:stretch;display:flex}.loading__caption{margin:0 0 calc(9px * var(--u));text-align:center;font:400 var(--fs-s,calc(13px * var(--u))) / 1 var(--font-ui,serif);letter-spacing:.32em;text-indent:.32em;color:var(--c-taupe,#8a7f73)}.loading-bar{--k:1.25;--loading-flare-core:#fff8df;--loading-flare-light:#ffd19a;--loading-flare-halo:#e6844a66;box-sizing:border-box;height:calc(16px * var(--k) * var(--u));border-style:solid;border-width:calc(4px * var(--k) * var(--u)) calc(9px * var(--k) * var(--u));border-image:url(../assets/ui/gauge_frame.webp) 8 18 fill / calc(4px * var(--k) * var(--u)) calc(9px * var(--k) * var(--u));position:relative}.loading-bar:after{content:"";z-index:1;inset:calc(-4px * var(--k) * var(--u)) calc(-9px * var(--k) * var(--u));pointer-events:none;border-style:solid;border-width:calc(4px * var(--k) * var(--u)) calc(9px * var(--k) * var(--u));border-image:url(../assets/ui/gauge_frame_rim.webp) 8 18 fill / calc(4px * var(--k) * var(--u)) calc(9px * var(--k) * var(--u));position:absolute}.loading-bar__groove,.loading-bar__track{inset:calc(-1px * var(--k) * var(--u)) calc(-5px * var(--k) * var(--u));position:absolute}.loading-bar__groove{border-radius:calc(5px * var(--k) * var(--u));overflow:hidden}.loading-bar__fill{transform-origin:0;will-change:transform;background:url(../assets/ui/gauge_fill_health.webp) 50%/100% 100% no-repeat;position:absolute;inset:0;transform:scaleX(0)}.loading-bar__track{z-index:2;pointer-events:none;mix-blend-mode:screen;mix-blend-mode:plus-lighter;will-change:transform;transform:translate(0)}.loading-bar__tip{width:calc(12px * var(--u));height:calc(34px * var(--u));margin:calc(-17px * var(--u)) 0 0 calc(-6px * var(--u));background:radial-gradient(ellipse at center, var(--loading-flare-core) 0% 12%, var(--loading-flare-light) 24%, var(--loading-flare-halo) 48%, transparent 72%);animation:1.6s ease-in-out infinite loading-flare;position:absolute;top:50%;left:0}@keyframes loading-flare{0%,to{opacity:.58;transform:scale(.85,.88)}50%{opacity:1;transform:scale(1.1,1.12)}}.screen[hidden] .loading-bar__tip{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.loading-bar__tip{opacity:.8;animation:none}}.loading__status{align-items:baseline;gap:calc(10px * var(--u));margin:calc(8px * var(--u)) 0 0;font:400 var(--fs-s,calc(13px * var(--u))) / 1.3 var(--font-ui,serif);color:var(--c-bone,#d2c9ba);display:flex}.loading__stage{white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;flex:1;min-width:0;overflow:hidden}.loading__percent{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch;color:var(--c-taupe,#8a7f73);flex:none}.loading-tip{box-sizing:border-box;column-gap:calc(12px * var(--u));min-height:calc(92px * var(--u));margin-top:calc(22px * var(--u));padding:calc(6px * var(--u)) calc(4px * var(--u));border-style:solid;border-width:calc(16px * var(--u));border-image:url(../assets/ui/panel_log.webp) 64 fill / calc(16px * var(--u));color:var(--c-ink,#2a2420);grid-template-columns:auto 1fr;align-items:start;display:grid}.loading-tip__label{align-items:center;gap:calc(7px * var(--u));font:600 var(--fs-m,calc(15px * var(--u))) / 1.35 var(--font-ui,serif);letter-spacing:.08em;display:inline-flex}.loading-tip__mark{width:calc(8px * var(--u));height:calc(8px * var(--u));background:var(--c-blood,#8a1c1c);transform:rotate(45deg)}.loading-tip__text{font:400 var(--fs-s,calc(13px * var(--u))) / 1.55 var(--font-body,serif);word-break:keep-all;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.credits{padding-bottom:calc(2px * var(--u))}.credits>section{margin-top:calc(18px * var(--u))}.credits h3{margin:0 0 calc(6px * var(--u));color:var(--c-taupe);font:600 var(--fs-s) / 1.5 var(--font-ui);letter-spacing:.12em}.credits p,.credits dl{margin:0}.credits dt{margin-top:calc(12px * var(--u));font-weight:700}.credits dd{margin:calc(3px * var(--u)) 0 0}.credits__intro{text-align:center}.credits .credits__thanks{margin-top:calc(24px * var(--u));padding-top:calc(14px * var(--u));border-top:1px solid var(--c-greybrown);text-align:center;color:var(--c-taupe)}.common-popup{box-sizing:border-box;width:calc(var(--stage-w) - var(--stage-safe-left) - var(--stage-safe-right) - 24px * var(--u));max-width:calc(366px * var(--u));max-height:calc(var(--stage-h) - var(--stage-safe-top) - var(--stage-safe-bottom) - 32px * var(--u));padding:calc(6px * var(--u));border:calc(24px * var(--u)) solid transparent;border-image:url(../assets/ui/common_popup_e950f8a14f40.webp) 64 fill / calc(24px * var(--u));color:var(--c-bone);font-family:var(--font-body);background:0 0;margin:auto;position:fixed;inset:0;overflow:hidden}.common-popup[open]{gap:calc(16px * var(--u));flex-direction:column;display:flex}.common-popup::backdrop{background:#0c0a09e0}.common-popup__header{justify-content:center;align-items:center;gap:calc(12px * var(--u));padding-bottom:calc(14px * var(--u));border-bottom:1px solid var(--c-greybrown);flex:none;display:flex}.common-popup__header h2{font:600 var(--fs-xl) / 1.3 var(--font-ui);letter-spacing:.12em;margin:0}.common-popup__body{min-height:0;padding-right:calc(8px * var(--u));font-size:var(--fs-s);overflow-wrap:anywhere;word-break:keep-all;flex:auto;line-height:1.65}.common-popup__body:focus-visible{outline:1px solid var(--c-taupe);outline-offset:-1px}.common-popup__footer{flex:none}: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) * 7.6667) 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=coin]{--ix:.0833;--iy:.0833}.icon[data-icon=icon_age]{--ix:1.1667;--iy:.0833}.icon[data-icon=icon_back]{--ix:2.25;--iy:.0833}.icon[data-icon=icon_class]{--ix:3.3333;--iy:.0833}.icon[data-icon=icon_close]{--ix:4.4167;--iy:.0833}.icon[data-icon=icon_copy]{--ix:5.5;--iy:.0833}.icon[data-icon=icon_debug]{--ix:6.5833;--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:6.5833;--iy:1.1667}.icon[data-icon=icon_region]{--ix:.0833;--iy:2.25}.icon[data-icon=icon_settings]{--ix:1.1667;--iy:2.25}.icon[data-icon=icon_sex_female]{--ix:2.25;--iy:2.25}.icon[data-icon=icon_sex_male]{--ix:3.3333;--iy:2.25}.icon[data-icon=icon_share]{--ix:4.4167;--iy:2.25}.icon[data-icon=icon_talent]{--ix:5.5;--iy:2.25}.icon[data-icon=icon_treasury]{--ix:6.5833;--iy:2.25}.icon[data-icon=icon_wealth]{--ix:.0833;--iy:3.3333}.icon[data-icon=icon_year]{--ix:1.1667;--iy:3.3333}.icon[data-icon=item_accessory]{--ix:2.25;--iy:3.3333}.icon[data-icon=item_armor]{--ix:3.3333;--iy:3.3333}.icon[data-icon=item_heirloom]{--ix:4.4167;--iy:3.3333}.icon[data-icon=item_magic]{--ix:5.5;--iy:3.3333}.icon[data-icon=item_tool]{--ix:6.5833;--iy:3.3333}.icon[data-icon=item_weapon]{--ix:.0833;--iy:4.4167}.icon[data-icon=quality_common]{--ix:1.1667;--iy:4.4167}.icon[data-icon=quality_fine]{--ix:2.25;--iy:4.4167}.icon[data-icon=quality_legendary]{--ix:3.3333;--iy:4.4167}.icon[data-icon=quality_rare]{--ix:4.4167;--iy:4.4167}.icon[data-icon=status_buff]{--ix:5.5;--iy:4.4167}.icon[data-icon=status_debuff]{--ix:6.5833;--iy:4.4167}.icon[data-icon=tl_adventure]{--ix:.0833;--iy:5.5}.icon[data-icon=tl_birth]{--ix:1.1667;--iy:5.5}.icon[data-icon=tl_child]{--ix:2.25;--iy:5.5}.icon[data-icon=tl_death]{--ix:3.3333;--iy:5.5}.icon[data-icon=tl_marriage]{--ix:4.4167;--iy:5.5}.icon[data-icon=tl_move]{--ix:5.5;--iy:5.5}.icon[data-icon=tl_plague]{--ix:6.5833;--iy:5.5}.icon[data-icon=tl_relation_help]{--ix:.0833;--iy:6.5833}.icon[data-icon=tl_relation_revenge]{--ix:1.1667;--iy:6.5833}.icon[data-icon=tl_revelation]{--ix:2.25;--iy:6.5833}.icon[data-icon=tl_school]{--ix:3.3333;--iy:6.5833}.icon[data-icon=tl_war]{--ix:4.4167;--iy:6.5833}.icon[data-icon=tl_wealth]{--ix:5.5;--iy:6.5833}.icon[data-icon=tl_work]{--ix:6.5833;--iy:6.5833}.birth-record,.epitaph{overflow:hidden}.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(16px * 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}.gauge__track:after{content:"";inset:calc(-4px * var(--u)) calc(-9px * var(--u));pointer-events:none;border-style:solid;border-width:calc(4px * var(--u)) calc(9px * var(--u));border-image:url(../assets/ui/gauge_frame_rim.webp) 8 18 fill / calc(4px * var(--u)) calc(9px * var(--u));position:absolute}.gauge__groove{inset:calc(-1px * var(--u)) calc(-5px * var(--u));border-radius:calc(5px * var(--u));position:absolute;overflow:hidden}.gauge__fill{border-radius:calc(5px * var(--u));background:url(../assets/ui/gauge_fill_health.webp) 50%/100% 100% no-repeat;transition:transform .4s ease-out;position:absolute;inset:0;transform:translate(-100%)}[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{--seal:44;width:calc(44px * var(--u));height:calc(45px * var(--u));position:absolute;top:0;right:0}.birth-record__rows{margin:calc(6px * var(--u)) 0 0;flex-direction:column;flex:0 auto;min-height:0;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(112px * 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.2 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}.hud__gauges .gauge{column-gap:calc(3px * var(--u));grid-template-rows:auto auto;grid-template-columns:auto 1fr;row-gap:0;display:grid}.hud__gauges .gauge .icon{grid-row:1/span 2;align-self:center}.gauge__cap{justify-content:space-between;gap:calc(4px * var(--u));padding:0 calc(2px * var(--u));font-size:calc(10px * var(--u));color:var(--c-taupe);white-space:nowrap;line-height:1.3;display:flex}.gauge__value{font-variant-numeric:tabular-nums;color:var(--c-bone);text-align:right;min-width:3ch}.gauge--card .gauge__cap{display:none}.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));border-left:1px solid #5a514973;flex:1;margin:0;list-style:none}.life__actions{align-items:center;gap:calc(8px * var(--u));padding:0 calc(10px * var(--u));flex:none;display:flex}.life__center{flex:1;justify-content:center;min-width:0;display:flex}.life__status{font-size:var(--fs-s);letter-spacing:.1em;color:var(--c-taupe);margin:0}.log{cursor:pointer;position:relative}.log__latest{left:50%;bottom:calc(4px * var(--u));padding:calc(4px * var(--u)) calc(12px * var(--u));font:600 var(--fs-s) / 1.2 var(--font-ui);color:var(--c-bone);border:1px solid var(--c-taupe);border-radius:calc(12px * var(--u));cursor:pointer;background:#1e1b19eb;position:absolute;transform:translate(-50%)}.btn-round{appearance:none;width:calc(44px * var(--u));height:calc(46px * var(--u));color:var(--c-bone);font:600 var(--fs-m) / 1 var(--font-ui);cursor:pointer;touch-action:manipulation;background:url(../assets/ui/btn_icon_round_normal.webp) 50%/100% 100% no-repeat;border:none;flex:none;place-items:center;padding:0;display:grid}.btn-round[aria-pressed=true]{color:var(--c-blood)}.screen[data-dead=true] .life__actions .btn--choice{border-image-source:url(../assets/ui/btn_primary_normal.webp)}.screen[data-screen=death]{isolation:isolate;overflow:clip}.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}.death:before{content:"";flex:0 1 calc(290px * var(--u));min-height:calc(244px * var(--u))}.tomb{z-index:-1;aspect-ratio:780/1170;pointer-events:none;background:linear-gradient(to bottom, #1e1b1900 40%, #1e1b198c 60%, #1e1b19e0 80%, var(--c-charcoal) 100%), url(../assets/ui/bg_death.webp) 0 0 / 100% 100% no-repeat;width:120%;margin:0;position:absolute;top:0;left:-9.23077%}.tomb__engrave{box-sizing:border-box;justify-content:center;align-items:center;gap:calc(6px * var(--u));text-align:center;word-break:keep-all;color:#221e1bdb;text-shadow:0 1px #e2dacc52;flex-direction:column;width:20.5128%;height:11.9658%;display:flex;position:absolute;top:22.0513%;left:26.9231%}.tomb__here{font:700 calc(12.5px * var(--u)) / 1 var(--font-body);letter-spacing:.14em}.tomb__name{font:700 calc(12.5px * var(--u)) / 1.15 var(--font-body)}.tomb[data-long=true] .tomb__name{font-size:calc(10.5px * var(--u))}.tomb__years{font:700 calc(13.5px * var(--u)) / 1 var(--font-body);font-variant-numeric:tabular-nums;white-space:nowrap}.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{align-self:stretch;gap:calc(6px * var(--u));text-align:center;flex-direction:column;flex:auto;min-height:0;display:flex}.epitaph__lines>:first-child{margin-top:auto}.epitaph__lines>:last-child{margin-bottom:auto}.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}body{background:var(--color-letterbox) none center / cover no-repeat}body:before{content:"";pointer-events:none;background:radial-gradient(#0f0d0c00 30%,#0f0d0cd9 100%);position:fixed;inset:0}body:has(section[data-screen=loading]:not([hidden])){background-image:url(../assets/ui/bg_loading_blur.webp)}body:has(section[data-screen=title]:not([hidden])){background-image:url(../assets/ui/bg_title_blur.webp)}body:has(section[data-screen=options]:not([hidden])){background-image:url(../assets/ui/bg_options_blur.webp)}:is(body:has(section[data-screen=birth]:not([hidden])),body:has(section[data-screen=life]:not([hidden]))){background-image:url(../assets/ui/bg_life_blur.webp)}:is(body:has(section[data-screen=death]:not([hidden])),body:has(section[data-screen=chronicle_card]:not([hidden]))){background-image:url(../assets/ui/bg_death_blur.webp)}#app{box-shadow:0 0 calc(18px * var(--u)) #000000b3}.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;inset:auto;left:var(--stage-x);bottom:var(--stage-y);width:var(--stage-w);max-width:none;max-height:min(calc(var(--stage-h) * .8), calc(100dvh - 16px));color:var(--c-bone);font-family:var(--font-body);font-variant-numeric:tabular-nums;background:0 0;border:none;margin:0;padding:0;position:fixed;overflow:visible}.popup[open]{flex-direction:column;animation:.24s ease-out both sheet-in;display:flex}.popup::backdrop{background:#0c0a09e6}@keyframes sheet-in{0%{opacity:0;transform:translateY(calc(40px * var(--u)))}}.popup__panel{box-sizing:border-box;gap:calc(8px * var(--u));min-height:0;padding:calc(4px * var(--u)) calc(8px * var(--u)) calc(10px * var(--u));border-style:solid;border-width:calc(30px * var(--u)) calc(28px * var(--u)) calc(14px * var(--u));border-image:url(../assets/ui/choice_sheet.webp) 60 56 40 56 fill / calc(30px * var(--u)) calc(28px * var(--u)) calc(20px * var(--u));flex-direction:column;flex:auto;display:flex;position:relative}.popup__panel:focus{outline:none}.popup[data-kind=revelation]{left:calc(var(--stage-x) + var(--stage-w) / 2);width:min(calc(366px * var(--u)), var(--stage-w));max-height:min(calc(var(--stage-h) - 16px), calc(100dvh - 16px));top:50%;bottom:auto;transform:translate(-50%,-50%)}.popup[data-kind=revelation][open]{animation:none}.popup[data-kind=revelation] .popup__panel{padding:calc(2px * var(--u)) calc(4px * var(--u)) calc(6px * var(--u));border-width:calc(24px * var(--u));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 3 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__npc{right:calc(6px * var(--u));bottom:calc(100% + 26px * var(--u));width:auto;height:calc(210px * var(--u) * var(--npc-scale,1));object-fit:contain;object-position:bottom;pointer-events:none;position:absolute}.popup[data-kind=revelation] .popup__npc{display:none}.popup__title{align-items:center;gap:calc(10px * var(--u));font:600 var(--fs-xl) / 1.25 var(--font-ui);letter-spacing:.06em;word-break:keep-all;flex:none;margin:0;display:flex}.popup[data-kind=revelation] .popup__title{justify-content:center}.popup[data-kind=revelation] .popup__title .btn__mark{background:#b0904e}.popup__divider{background:var(--c-greybrown);flex:none;height:1px}.popup__text{min-height:calc(44px * var(--u));padding-right:calc(4px * var(--u));flex:0 3 auto;margin:0}.popup__text p{font-size:var(--fs-m);color:var(--c-bone);word-break:keep-all;overflow-wrap:anywhere;margin:0;line-height:1.6}.popup__source{align-items:center;gap:calc(6px * var(--u));font-style:italic;display:flex;margin-top:calc(8px * var(--u))!important;font-size:var(--fs-s)!important;color:var(--c-taupe)!important}.popup__source .icon{--icon-size:calc(18px * var(--u))}.popup__rule{border-bottom:1px solid var(--c-greybrown);flex:1}.popup__choices{min-height:min(calc(64px * var(--u)), 100%);gap:calc(8px * var(--u));flex-direction:column;flex:0 auto;display:flex}.btn.popup__choice{width:100%;height:auto;min-height:calc(54px * var(--u));justify-content:flex-start;align-items:center;gap:calc(8px * var(--u));padding:calc(6px * var(--u)) 0;text-align:left;letter-spacing:.02em;flex-direction:row;flex:none}.popup__choice-label{min-width:0;font:500 calc(16px * var(--u)) / 1.3 var(--font-ui);word-break:keep-all;overflow-wrap:anywhere;flex:1}.popup__check{align-items:center;gap:calc(4px * var(--u));padding:calc(4px * var(--u)) calc(8px * var(--u));border:1px solid var(--c-greybrown);border-radius:calc(4px * var(--u));font-size:var(--fs-s);font-variant-numeric:tabular-nums;color:var(--c-bone);background:#14121099;flex:none;display:flex}.popup__check-stats{gap:calc(2px * var(--u));display:flex}.popup__check .icon{--icon-size:calc(18px * var(--u))}.popup__d20{font-size:var(--fs-xs);color:var(--c-taupe)}.popup__check-pct{text-align:right;min-width:3ch}.btn--accept.popup__choice,.btn--refuse.popup__choice{min-height:calc(50px * var(--u));text-align:center;justify-content:center}.btn--accept .popup__choice-label,.btn--refuse .popup__choice-label{text-align:center;flex:0 auto}.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__dice:empty{display:none}.popup__formula{font-size:var(--fs-s);color:var(--c-taupe);font-variant-numeric:tabular-nums;text-align:center;margin:0}.popup__verdict{font-size:var(--fs-m);text-align:center;word-break:keep-all;margin:0}.popup__roll[data-result=fail] .popup__verdict,.popup__roll[data-result=crit_fail] .popup__verdict{color:var(--c-pink)}:root{--float-gain:#e3c578;--float-loss:#d8675d;--float-neutral:#d2c9ba;--float-item:#eadfc8;--float-shadow:#14110f;--float-plate:#1e1b19cc}.float-layer{pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}#overlay>.float-layer{pointer-events:none}.float{opacity:0;pointer-events:none;position:absolute;top:0;left:0}.float[hidden]{display:none}.float.is-active{will-change:transform, opacity}.float__inner{align-items:center;gap:calc(3px * var(--u,1));padding:calc(2px * var(--u,1)) calc(8px * var(--u,1));border-radius:calc(12px * var(--u,1));background:var(--float-plate);white-space:nowrap;font:700 calc(15px * var(--u,1)) / 1.2 var(--font-ui,serif);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--float-neutral);text-shadow:0 calc(1px * var(--u,1)) 0 var(--float-shadow), 0 0 calc(3px * var(--u,1)) var(--float-shadow);display:flex;transform:translate(-50%,-100%)}.float[data-tone=gain] .float__inner{color:var(--float-gain)}.float[data-tone=loss] .float__inner{color:var(--float-loss)}.float[data-tone=item] .float__inner{color:var(--float-item)}.float__badge{width:calc(22px * var(--u,1));height:calc(22px * var(--u,1));flex:none;display:inline-block;position:relative}.float__badge:has(>.float__icon[hidden]){display:none}.float__icon,.float__ring{--icon-size:calc(22px * var(--u,1));position:absolute;inset:0}.float__ring{--icon-size:calc(28px * var(--u,1));inset:calc(-3px * var(--u,1))}.float__icon[hidden],.float__ring[hidden]{display:none}.float__badge:has(>.float__ring:not([hidden])) .float__icon{--icon-size:calc(16px * var(--u,1));inset:calc(3px * var(--u,1))}.scene--transition{--scene-fade-black:#13100f;--scene-fade-white:#eee7db;perspective:1100px}.scene--transition:after{z-index:2}.scene-transition{inset:calc(10px * var(--u));pointer-events:none;z-index:1;position:absolute;overflow:hidden}.scene-transition__image,.scene-transition__veil,.scene-transition__tile{backface-visibility:hidden;position:absolute;inset:0}.scene-transition img.scene-transition__image{width:100%;height:100%;inset:0}.scene-transition__veil{background:var(--scene-fade-black)}.scene-transition[data-style=white] .scene-transition__veil{background:var(--scene-fade-white)}.scene-transition[data-style^=page-]{overflow:visible}.scene-transition[data-style=page-left] .scene-transition__image{transform-origin:0}.scene-transition[data-style=page-right] .scene-transition__image{transform-origin:100%}.scene-transition__tile{width:12.5%;height:25%;inset:auto;overflow:hidden}.scene-transition__tile img.scene-transition__image{width:800%;max-width:none;height:400%;inset:auto}@media (prefers-reduced-motion:reduce){.scene-transition{display:none}}.log__list{padding:0 calc(6px * var(--u)) 0 0;background:url(../assets/ui/tl_axis_line.webp) repeat-y;background-size:calc(4px * var(--u)) calc(128px * var(--u));background-position:calc(12px * var(--u)) 0;background-attachment:local;border-left:none}.log-year{grid-template-columns:calc(74px * var(--u)) 1fr;column-gap:calc(4px * var(--u));padding:calc(8px * var(--u)) 0;content-visibility:auto;contain-intrinsic-size:auto calc(64px * var(--u));border-top:1px solid #5a514947;display:grid;position:relative}.log-year:first-child{border-top:none}.log-year__rail{padding-left:calc(26px * var(--u));flex-direction:column;align-items:center;display:flex;position:relative}.tl-node{left:calc(2px * var(--u));top:calc(2px * var(--u));width:calc(24px * var(--u));height:calc(24px * var(--u));background:url(../assets/ui/tl_node_normal.webp) 50%/contain no-repeat;position:absolute}.log-year.is-major .tl-node,.log-year.is-latest .tl-node{background-image:url(../assets/ui/tl_node_major.webp)}.log-year[data-check=success] .tl-node{background-image:url(../assets/ui/tl_node_check_success.webp)}.log-year[data-check=fail] .tl-node{background-image:url(../assets/ui/tl_node_check_fail.webp)}.tl-plate{box-sizing:border-box;min-width:calc(50px * var(--u));padding:0 calc(4px * var(--u));text-align:center;font:600 var(--fs-s) / 1.25 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--c-bone);border-style:solid;border-width:calc(4px * var(--u)) calc(8px * var(--u));border-image:url(../assets/ui/tl_year_plate.webp) 18 28 fill / calc(9px * var(--u)) calc(14px * var(--u))}.log-year__age{margin-top:calc(2px * var(--u));font-size:var(--fs-xs);color:var(--c-ink-dim);font-variant-numeric:tabular-nums}.log-year__body{min-width:0;position:relative}.log-year__lines{gap:calc(3px * var(--u));flex-direction:column;display:flex}.tl-ribbon,.tl-seal{display:none}.log-year.is-major .log-year__body{padding:calc(2px * var(--u)) calc(16px * var(--u)) calc(4px * var(--u)) calc(14px * var(--u));border-style:solid;border-width:calc(10px * var(--u));border-image:url(../assets/ui/tl_block_major.webp) 48 fill / calc(24px * var(--u))}.log-year.is-major .tl-ribbon{left:calc(-4px * var(--u));top:calc(-12px * var(--u));width:calc(14px * var(--u));height:calc(42px * var(--u));background:url(../assets/ui/tl_ribbon_major.webp) top/contain no-repeat;display:block;position:absolute}.log-year.is-major .tl-seal{right:calc(-6px * var(--u));bottom:calc(-6px * var(--u));width:calc(32px * var(--u));height:calc(33px * var(--u));display:block;position:absolute}.log-line{font-size:var(--fs-m);word-break:keep-all;overflow-wrap:anywhere;margin:0;line-height:1.5}.log-year__lines>.log-line:first-child{font-weight:700}.log-line[data-kind=ambient]{color:var(--c-ink-dim);font-style:italic;font-weight:400}.log-line[data-tone=major],.log-line[data-emphasis="3"]{font-weight:700}.log-line[data-tone=good],.log-line[data-tone=bad]{padding-left:calc(16px * var(--u));position:relative}.log-line[data-tone=good]:before,.log-line[data-tone=bad]:before{font-size:var(--fs-s);position:absolute;top:0;left:0}.log-line[data-tone=good]{color:#3f5a3a}.log-line[data-tone=good]:before{content:"★";color:#a8873e}.log-line[data-tone=bad]{color:var(--c-blood)}.log-line[data-tone=bad]:before{content:"✕";color:var(--c-taupe)}.log-line.is-new{animation:.3s ease-out both log-in}@keyframes log-in{0%{opacity:0;transform:translateY(calc(4px * var(--u)))}}.log-line.is-typing:after{content:"";width:calc(35.5px * var(--u));height:calc(36px * var(--u));margin:calc(-28.4px * var(--u)) 0 calc(-7.6px * var(--u)) calc(-4.9px * var(--u));vertical-align:baseline;pointer-events:none;background:url(../assets/ui/tl_quill_cursor.webp) 50%/contain no-repeat;display:inline-block}.scene--life{flex-basis:calc(150px * var(--u))}.life__actions{box-sizing:border-box;height:calc(56px * var(--u));margin:0 calc(4px * var(--u));padding:0 calc(4px * var(--u));border-style:solid;border-width:calc(4px * var(--u)) calc(10px * var(--u));border-image:url(../assets/ui/ctrl_bar.webp) 30 52 fill / calc(15px * var(--u)) calc(26px * var(--u))}.btn-round{background-image:url(../assets/ui/btn_ctrl_pause_normal.webp)}.btn-round:active{background-image:url(../assets/ui/btn_ctrl_pause_pressed.webp)}.btn-round .btn-round__glyph{display:none}.screen[data-playing=false] .btn-round[data-action=toggle-play]{box-shadow:0 0 0 calc(2px * var(--u)) var(--c-blood);background-image:url(../assets/ui/btn_ctrl_play_normal.webp);border-radius:50%}.screen[data-playing=false] .btn-round[data-action=toggle-play]:active{background-image:url(../assets/ui/btn_ctrl_play_pressed.webp)}.btn-round[data-action=toggle-ff]{background-image:url(../assets/ui/btn_ctrl_ffwd_normal.webp);border-radius:50%}.btn-round[data-action=toggle-ff]:active{background-image:url(../assets/ui/btn_ctrl_ffwd_pressed.webp)}.btn-round[data-action=toggle-ff][aria-pressed=true]{box-shadow:0 0 0 calc(2px * var(--u)) var(--c-blood)}.life__speed{min-width:2.4em;font:600 var(--fs-m) / 1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--c-bone);flex:none}.life__center .btn--choice{height:calc(44px * var(--u));font-size:var(--fs-m)}:root{--lore-link:#78291f;--lore-rule:#9f8c70;--lore-selected:#65251f;--lore-paper:#cbbda3}.lore-link{color:var(--lore-link);text-decoration:underline;-webkit-text-decoration-color:var(--lore-rule);text-decoration-color:var(--lore-rule);text-underline-offset:.2em;cursor:pointer;touch-action:manipulation;text-decoration-style:dotted}.lore-link:hover{text-decoration-style:solid}.lore-link:focus-visible{outline:2px solid var(--lore-link);outline-offset:3px}.hud .lore-link{color:var(--c-bone)}.lore-tooltip{box-sizing:border-box;width:min(calc(320px * var(--u)), calc(var(--stage-w) - 24px));max-height:min(calc(420px * var(--u)), calc(var(--stage-h) - var(--stage-safe-top) - var(--stage-safe-bottom) - 24px));padding:calc(12px * var(--u));border:calc(10px * var(--u)) solid transparent;border-image:url(../assets/ui/panel_log.webp) 64 fill / calc(10px * var(--u));background:var(--lore-paper);color:var(--c-ink);font:400 var(--fs-s) / 1.75 var(--font-body);margin:0;position:fixed;inset:auto}.lore-tooltip:popover-open{flex-direction:column;display:flex}.lore-tooltip__head{color:var(--c-ink-dim);font-size:var(--fs-xs);letter-spacing:.1em;justify-content:space-between;align-items:center;display:flex}.lore-close,.lore-back,.lore-read{appearance:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}.lore-close{width:calc(36px * var(--u));height:calc(36px * var(--u));font-size:var(--fs-xl)}.lore-tooltip h2{margin:0 0 calc(8px * var(--u));color:var(--lore-link);font-size:var(--fs-l);overflow-wrap:anywhere;line-height:1.5}.lore-tooltip p{margin:0 0 calc(12px * var(--u));word-break:keep-all;overflow-wrap:anywhere}.lore-tooltip__scroll{overscroll-behavior:contain;touch-action:pan-y;min-height:0;overflow-y:auto}.lore-facts{gap:calc(5px * var(--u)) calc(14px * var(--u));margin:calc(12px * var(--u)) 0;font-size:var(--fs-s);grid-template-columns:max-content minmax(0,1fr);display:grid}.lore-facts dt{color:var(--c-ink-dim)}.lore-facts dd{overflow-wrap:anywhere;margin:0}.lore-source{color:var(--c-ink-dim);font-size:var(--fs-xs);display:block}.lore-read{margin-top:calc(12px * var(--u));padding:calc(10px * var(--u)) 0 0;border-top:1px solid var(--lore-rule);text-align:left;color:var(--lore-link);font-size:var(--fs-s);flex:none}.lore-reader{box-sizing:border-box;width:var(--stage-w);height:var(--stage-h);max-width:100vw;max-height:100dvh;color:var(--c-bone);background:var(--c-charcoal) url(../assets/ui/bg_life.webp) center / cover;font-family:var(--font-body);border:0;margin:auto;padding:0;position:fixed;inset:0}.lore-reader::backdrop{background:#0c0a09e0}[data-screen=world_codex]{background-image:url(../assets/ui/bg_life.webp)}.lore-page{box-sizing:border-box;gap:calc(10px * var(--u));height:100%;padding:calc(var(--stage-safe-top) + 8px * var(--u)) calc(var(--stage-safe-right) + 8px * var(--u)) calc(var(--stage-safe-bottom) + 8px * var(--u)) calc(var(--stage-safe-left) + 8px * var(--u));font-family:var(--font-body);flex-direction:column;display:flex}.lore-page .screen-bar{flex:none;justify-content:space-between}.lore-back{min-height:calc(36px * var(--u));font-size:var(--fs-s)}.lore-book{min-height:0;padding:calc(20px * var(--u)) calc(18px * var(--u));color:var(--c-ink);flex-direction:column;flex:1;display:flex}.lore-book__head{border-bottom:1px solid var(--lore-rule);padding-bottom:calc(12px * var(--u));flex:none}.lore-eyebrow{color:var(--lore-link);font-size:var(--fs-xs);letter-spacing:.2em}.lore-book h1{margin:calc(6px * var(--u)) 0;font-size:var(--fs-l);font-weight:600}.lore-book__head p{font-size:var(--fs-xs);margin:0;line-height:1.8}.lore-search{gap:calc(5px * var(--u));margin-top:calc(12px * var(--u));font-size:var(--fs-xs);color:var(--c-ink-dim);flex:none;display:grid}.lore-search input{box-sizing:border-box;width:100%;min-width:0;height:calc(38px * var(--u));padding:0 calc(10px * var(--u));border:1px solid var(--lore-rule);color:var(--c-ink);font:inherit;font-size:var(--fs-s);touch-action:manipulation;background:#fff5db47;border-radius:2px}.lore-search input::placeholder{color:var(--c-ink-dim)}.lore-categories{gap:calc(5px * var(--u));margin-top:calc(10px * var(--u));flex-wrap:wrap;flex:none;display:flex}.lore-categories button{appearance:none;padding:calc(7px * var(--u)) calc(9px * var(--u));border:1px solid var(--lore-rule);color:var(--c-ink-dim);font:400 var(--fs-xs) / 1.4 var(--font-ui);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:2px}.lore-categories button[aria-pressed=true]{background:var(--lore-selected);border-color:var(--lore-selected);color:var(--c-bone)}.lore-count{margin:calc(10px * var(--u)) 0 calc(4px * var(--u));font-size:var(--fs-xs);color:var(--c-ink-dim);flex:none}.lore-results{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;position:relative;overflow-y:auto}.lore-card{border-bottom:1px solid var(--lore-rule);content-visibility:auto;contain-intrinsic-size:auto calc(68px * var(--u))}.lore-card summary{justify-content:space-between;align-items:center;gap:calc(8px * var(--u));padding:calc(12px * var(--u)) calc(2px * var(--u));cursor:pointer;touch-action:manipulation;list-style:none;display:flex}.lore-card summary::-webkit-details-marker{display:none}.lore-card summary small{font-size:var(--fs-xs);color:var(--c-ink-dim);display:block}.lore-card__name{font-size:var(--fs-m);overflow-wrap:anywhere;line-height:1.6;display:block}.lore-card__mark{color:var(--lore-link)}.lore-card[open] .lore-card__mark{transform:rotate(45deg)}.lore-card__body{padding:0 calc(2px * var(--u)) calc(16px * var(--u));font-size:var(--fs-s);word-break:keep-all;overflow-wrap:anywhere;line-height:1.8}.lore-card__body p{margin:0}.lore-empty{margin:calc(30px * var(--u)) 0;text-align:center;font-size:var(--fs-s);color:var(--c-ink-dim);line-height:1.9}.lore-page__foot{text-align:center;font-size:var(--fs-xs);color:var(--c-taupe);flex:none}.lore-book button:focus-visible,.lore-back:focus-visible,.lore-tooltip button:focus-visible,.lore-card summary:focus-visible,.lore-search input:focus-visible{outline:2px solid var(--lore-link);outline-offset:-2px}@media (height<=600px){.lore-book{padding-block:calc(12px * var(--u))}.lore-book__head>p:last-child,.lore-page__foot{display:none}}.status{--c-gold:#a88a4e;--c-gold-dim:#7d6738;--st-pad:calc(10px * var(--u));box-sizing:border-box;inset:auto;left:var(--stage-x);top:var(--stage-y);width:var(--stage-w);height:var(--stage-h);max-width:none;max-height:none;padding:calc(6px * var(--u)) calc(4px * var(--u)) calc(4px * var(--u));padding-top:max(calc(6px * var(--u)), var(--stage-safe-top,0px));padding-bottom:max(calc(4px * var(--u)), var(--stage-safe-bottom,0px));color:var(--c-ink);font-family:var(--font-body);font-variant-numeric:tabular-nums;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:none;margin:0;position:fixed;overflow:visible}.status[open]{animation:.2s ease-out both status-in;display:flex}.status::backdrop{background:#0c0a09db}@keyframes status-in{0%{opacity:0;transform:translateY(calc(24px * var(--u)))}}.status__panel{box-sizing:border-box;gap:calc(6px * var(--u));min-width:0;min-height:0;padding:calc(4px * var(--u)) calc(2px * var(--u)) calc(2px * var(--u));border-style:solid;border-width:calc(22px * var(--u));border-image:url(../assets/ui/panel_ledger.webp) 56 fill / calc(22px * var(--u)) round;flex-direction:column;flex:1;display:flex;position:relative}.status__close{z-index:2;top:calc(-20px * var(--u));right:calc(-18px * var(--u));position:absolute}.status__close .icon{--icon-size:calc(22px * var(--u))}.status__head{align-items:center;gap:calc(10px * var(--u));padding-right:calc(28px * var(--u));flex:none;display:flex}.status__portrait{--size:78}.status__id{gap:calc(6px * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.status__name{align-items:baseline;gap:calc(8px * var(--u));font:700 var(--fs-xl) / 1.1 var(--font-ui);color:var(--c-ink);flex-wrap:wrap;margin:0;display:flex}.status__age{font:500 var(--fs-s) / 1 var(--font-ui);color:var(--c-ink-dim)}.status__chips{gap:calc(4px * var(--u)) calc(8px * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.st-chip{align-items:center;gap:calc(4px * var(--u));min-width:0;font:500 var(--fs-s) / 1.2 var(--font-ui);white-space:nowrap;text-overflow:ellipsis;display:flex;overflow:hidden}.st-chip .icon{--icon-size:calc(18px * var(--u))}.status__tabs{gap:calc(1px * var(--u));flex:none;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.status__tab{appearance:none;box-sizing:border-box;min-width:0;height:calc(36px * var(--u));font:500 var(--fs-s) / 1 var(--font-ui);letter-spacing:-.02em;white-space:nowrap;color:var(--c-bone);border-style:solid;border-width:calc(8px * var(--u)) calc(4px * var(--u));border-image:url(../assets/ui/tab_normal.webp) 20 24 fill / calc(8px * var(--u)) calc(6px * var(--u));cursor:pointer;touch-action:manipulation;background:0 0;margin:0;padding:0}.status__tab:active{opacity:.8}.status__tab[aria-selected=true]{color:var(--c-ink);border-image-source:url(../assets/ui/tab_selected.webp);font-weight:700}.status__tab:focus-visible{outline:2px solid var(--c-blood);outline-offset:1px}.status__body{flex:1;min-height:0;display:flex;position:relative}.status__scroll{overscroll-behavior:contain;min-height:0;padding:calc(2px * var(--u)) calc(14px * var(--u)) calc(8px * var(--u)) calc(4px * var(--u));flex:1;overflow-y:auto}.status__scroll+.sbar{--sb-shift:calc(4px * var(--u))}.status__pane[hidden]{display:none}.st-h{align-items:center;gap:calc(6px * var(--u));margin:calc(12px * var(--u)) 0 calc(6px * var(--u));font:700 var(--fs-s) / 1 var(--font-ui);letter-spacing:.1em;color:var(--c-ink);display:flex}.st-h:first-child{margin-top:calc(4px * var(--u))}.st-h[hidden]{display:none}.st-note,.st-empty{margin:calc(4px * var(--u)) 0;font:italic 400 var(--fs-xs) / 1.45 var(--font-body);color:var(--c-ink-dim)}.st-stats{margin:0;padding:0;list-style:none}.st-stat{grid-template-columns:calc(92px * var(--u)) minmax(0, 1fr) calc(26px * var(--u)) calc(12px * var(--u));align-items:center;gap:calc(6px * var(--u));padding:calc(5px * var(--u)) 0;border-bottom:1px solid #5a514940;display:grid}.st-stat__name{gap:calc(2px * var(--u));min-width:0;font:600 var(--fs-s) / 1.15 var(--font-ui);flex-direction:column;display:flex}.st-stat__desc{font:400 calc(10px * var(--u)) / 1.3 var(--font-body);color:var(--c-ink-dim)}.st-stat__bar{height:calc(14px * var(--u))}.st-stat[data-fill=wealth] .gauge__fill{background-image:url(../assets/ui/gauge_fill_wealth.webp)}.st-stat[data-fill=fame] .gauge__fill{background-image:url(../assets/ui/gauge_fill_fame.webp)}.st-stat .gauge__fill{transition:none}.st-stat__avg{z-index:1;top:calc(-3px * var(--u));bottom:calc(-3px * var(--u));width:calc(2px * var(--u));margin-left:calc(-1px * var(--u));background:var(--c-gold);position:absolute}.st-stat__val{font:600 var(--fs-s) / 1 var(--font-ui);text-align:right}.st-stat__trend{font-size:calc(9px * var(--u));line-height:1}.st-stat__trend[data-trend=up]{color:var(--c-gold-dim)}.st-stat__trend[data-trend=down]{color:var(--c-blood)}.st-stats--rep .st-stat{padding:calc(3px * var(--u)) 0}.status__foot{justify-content:flex-end;align-items:center;gap:calc(6px * var(--u));padding:0 calc(14px * var(--u)) calc(2px * var(--u)) 0;font:400 var(--fs-xs) / 1 var(--font-body);color:var(--c-ink-dim);flex:none;margin:0;display:flex}.status__foot[hidden]{display:none}.st-avg-mark{width:calc(2px * var(--u));height:calc(12px * var(--u));background:var(--c-gold)}.st-wealth{align-items:center;gap:calc(10px * var(--u));padding:calc(6px * var(--u)) 0;display:flex}.st-wealth .icon{--icon-size:calc(36px * var(--u))}.st-wealth__main{flex:1;min-width:0}.st-wealth__tier{font:700 var(--fs-l) / 1.2 var(--font-ui);margin:0}.st-wealth__coins{margin:calc(2px * var(--u)) 0 0;font:500 var(--fs-s) / 1.2 var(--font-ui);color:var(--c-ink-dim)}.st-wealth__score{font:600 var(--fs-xl) / 1 var(--font-ui);color:var(--c-greybrown);margin:0}.st-chart{padding:calc(6px * var(--u));background:#34302b0f;border:1px solid #5a514966;margin:0}.st-chart[hidden]{display:none}.st-chart__svg{width:100%;height:calc(90px * var(--u));display:block}.st-chart__band{stroke:#5a514940;stroke-width:1px;vector-effect:non-scaling-stroke}.st-chart__line{fill:none;stroke:var(--c-gold-dim);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.st-chart__axis{margin-top:calc(2px * var(--u));font:400 var(--fs-xs) / 1 var(--font-body);color:var(--c-ink-dim);justify-content:space-between;display:flex}.st-rows{margin:0}.st-row{grid-template-columns:calc(64px * var(--u)) minmax(0, 1fr);gap:calc(8px * var(--u));padding:calc(5px * var(--u)) 0;border-bottom:1px dotted #5a514966;display:grid}.st-row dt{font:600 var(--fs-s) / 1.3 var(--font-ui);color:var(--c-greybrown)}.st-row dd{gap:calc(2px * var(--u));min-width:0;font:500 var(--fs-s) / 1.3 var(--font-ui);overflow-wrap:anywhere;flex-direction:column;margin:0;display:flex}.st-row small{font:italic 400 calc(10px * var(--u)) / 1.35 var(--font-body);color:var(--c-ink-dim)}.st-row small[hidden]{display:none}.st-slots{grid-template-columns:repeat(auto-fill, minmax(calc(70px * var(--u)), 1fr));gap:calc(6px * var(--u));margin:0;padding:0;list-style:none;display:grid}.st-slot{align-items:center;gap:calc(3px * var(--u));flex-direction:column;min-width:0;display:flex}.st-slot__frame,.st-item__frame{box-sizing:border-box;border-style:solid;border-width:calc(12px * var(--u));border-image:url(../assets/ui/slot_frame_empty.webp) 36 fill / calc(12px * var(--u));color:var(--c-bone);place-items:center;display:grid}.st-slot__frame{aspect-ratio:1;width:100%;padding:0}[data-q=common]{border-image-source:url(../assets/ui/slot_frame_common.webp)}[data-q=fine]{border-image-source:url(../assets/ui/slot_frame_fine.webp)}[data-q=rare]{border-image-source:url(../assets/ui/slot_frame_rare.webp)}[data-q=legendary]{border-image-source:url(../assets/ui/slot_frame_legendary.webp)}.st-slot__name{font:600 calc(11px * var(--u)) / 1.2 var(--font-ui);text-align:center;overflow-wrap:anywhere}.st-slot__label{font:500 var(--fs-xs) / 1 var(--font-ui);color:var(--c-ink-dim)}.st-list{gap:calc(6px * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.st-item{align-items:center;gap:calc(10px * var(--u));display:flex}.st-item__frame{width:calc(56px * var(--u));height:calc(56px * var(--u));flex:none}.st-item__q{font:600 calc(10px * var(--u)) / 1 var(--font-ui)}.st-item__text,.st-cond__text,.st-npc__text{flex:1;min-width:0}.st-item__name,.st-cond__name{font:700 var(--fs-s) / 1.3 var(--font-ui);margin:0}.st-item__note,.st-item__mods,.st-cond__desc,.st-cond__mods,.st-cond__remain{margin:calc(2px * var(--u)) 0 0;font:400 var(--fs-xs) / 1.4 var(--font-body);color:var(--c-ink-dim)}.st-item__mods,.st-cond__mods{color:var(--c-greybrown);font-weight:600}.st-item__mods[hidden],.st-cond__desc[hidden],.st-cond__mods[hidden],.st-stat__desc[hidden],.st-empty[hidden],.st-note[hidden]{display:none}.st-cond{align-items:flex-start;gap:calc(8px * var(--u));padding:calc(6px * var(--u)) 0;border-bottom:1px solid #5a514940;display:flex}.st-cond__mark{width:calc(9px * var(--u));height:calc(9px * var(--u));margin-top:calc(4px * var(--u));background:var(--c-taupe);flex:none;transform:rotate(45deg)}.st-cond[data-kind=buff] .st-cond__mark{background:var(--c-gold)}.st-cond[data-kind=debuff] .st-cond__mark{background:var(--c-blood)}.st-cond__remain{font-style:italic}.st-npcs{margin:0;padding:0;list-style:none}.st-npc{grid-template-columns:calc(46px * var(--u)) minmax(0, 1fr) calc(104px * var(--u));align-items:center;gap:calc(8px * var(--u));padding:calc(5px * var(--u)) 0;border-bottom:1px solid #5a514940;display:grid}.st-npc__thumb{width:calc(46px * var(--u));height:calc(46px * var(--u));background:var(--c-soot);border-radius:50%;position:relative;overflow:hidden}.st-npc__thumb:after{content:"";background:url(../assets/ui/portrait_thumb_frame.webp) 50%/contain no-repeat;position:absolute;inset:0}.st-npc__thumb img{width:200%;max-width:none;height:auto;position:absolute;top:-12%;left:-50%}.st-npc[data-alive=false] .st-npc__thumb img{opacity:.45}.st-npc[data-alive=false] .st-npc__name{color:var(--c-ink-dim)}.st-npc__name{align-items:center;gap:calc(6px * var(--u));font:700 var(--fs-s) / 1.3 var(--font-ui);flex-wrap:wrap;margin:0;display:flex}.st-npc__role{padding:calc(2px * var(--u)) calc(7px * var(--u));font:500 calc(10px * var(--u)) / 1.2 var(--font-ui);color:var(--c-bone);background:var(--c-soot);border-radius:calc(8px * var(--u))}.st-npc__sub{margin:calc(2px * var(--u)) 0 0;font:400 calc(10px * var(--u)) / 1.35 var(--font-body);color:var(--c-ink-dim);overflow-wrap:anywhere}.st-rel{box-sizing:border-box;height:calc(14px * var(--u));border-style:solid;border-width:0 calc(8px * var(--u));border-image:url(../assets/ui/relation_track.webp) 0 40 fill / 0 calc(8px * var(--u));position:relative}.st-rel__fill{width:calc(50% + 2px * var(--u));border-radius:calc(4px * var(--u));transform-origin:0;background:url(../assets/ui/relation_fill_affection.webp) 50%/100% 100% no-repeat;position:absolute;top:22%;bottom:22%;left:50%}.st-rel[data-sign=neg] .st-rel__fill{transform-origin:100%;background-image:url(../assets/ui/relation_fill_grudge.webp);left:auto;right:50%}.st-rel__notch{top:calc(-3px * var(--u));bottom:calc(-3px * var(--u));width:calc(5px * var(--u));margin-left:calc(-2.5px * var(--u));background:url(../assets/ui/relation_notch.webp) 50%/100% 100% no-repeat;position:absolute;left:50%}.tooltip{z-index:30;max-width:calc(200px * var(--u));padding:calc(5px * var(--u)) calc(9px * var(--u));font:500 var(--fs-xs) / 1.35 var(--font-ui);color:var(--c-bone);background:var(--c-charcoal);border:1px solid var(--c-greybrown);border-radius:calc(4px * var(--u));pointer-events:none;white-space:nowrap;position:absolute;top:0;left:0}.tooltip[hidden]{display:none}.hud[data-action=open-status]{cursor:pointer;-webkit-touch-callout:none;position:relative}.hud[data-action=open-status]:focus-visible{outline:2px solid var(--c-taupe);outline-offset:-2px}.scrollbox{--sb-fade:calc(22px * var(--u));overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;overflow-y:auto}.scrollbox::-webkit-scrollbar{width:0;height:0;display:none}.scrollbox.is-fade-top{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--sb-fade));-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--sb-fade));mask-image:linear-gradient(to bottom, transparent, #000 var(--sb-fade))}.scrollbox.is-fade-bottom{-webkit-mask-image:linear-gradient(to top, transparent, #000 var(--sb-fade));-webkit-mask-image:linear-gradient(to top, transparent, #000 var(--sb-fade));mask-image:linear-gradient(to top, transparent, #000 var(--sb-fade))}.scrollbox.is-fade-top.is-fade-bottom{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--sb-fade), #000 calc(100% - var(--sb-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--sb-fade), #000 calc(100% - var(--sb-fade)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--sb-fade), #000 calc(100% - var(--sb-fade)), transparent)}.sbar{--sb-shift:0px;--sb-cap:calc(7px * var(--u));z-index:1;box-sizing:border-box;width:calc(20px * var(--u));margin-left:calc(-20px * var(--u) + var(--sb-shift));opacity:.5;touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;transition:opacity .26s ease-out;display:none;position:absolute;top:0;left:0}.sbar.is-on{display:block}.sbar.is-active,.sbar.is-drag{opacity:1;transition-duration:90ms}@media (hover:hover){.sbar:hover{opacity:1;transition-duration:90ms}}.sbar:before{content:"";top:calc(var(--sb-cap) * .6);bottom:calc(var(--sb-cap) * .6);left:calc(5px * var(--u));width:calc(10px * var(--u));box-sizing:border-box;border-style:solid;border-width:calc(6px * var(--u)) 0;border-image:url(../assets/ui/scroll_track.webp) 12 0 12 0 fill / calc(6px * var(--u)) 0;position:absolute}.sbar:after{content:"";pointer-events:none;background:url(../assets/ui/scroll_cap_top.webp) center top / calc(14px * var(--u)) calc(16px * var(--u)) no-repeat, url(../assets/ui/scroll_cap_bottom.webp) center bottom / calc(14px * var(--u)) calc(16px * var(--u)) no-repeat;margin:calc(-2px * var(--u)) 0;position:absolute;inset:0}.sbar__rail{top:calc(var(--sb-cap) + 6px * var(--u));bottom:calc(var(--sb-cap) + 6px * var(--u));position:absolute;left:0;right:0}.sbar__thumb{top:0;left:calc(6px * var(--u));width:calc(8px * var(--u));height:calc(28px * var(--u));box-sizing:border-box;border-style:solid;border-width:calc(8px * var(--u)) 0;border-image:url(../assets/ui/scroll_thumb.webp) 16 0 16 0 fill / calc(8px * var(--u)) 0;cursor:grab;position:absolute}.sbar.is-active .sbar__thumb{will-change:transform}.sbar.is-drag .sbar__thumb{cursor:grabbing;border-image-source:url(../assets/ui/scroll_thumb_active.webp)}.birth-record__rows.scrollbox{padding-right:calc(12px * var(--u))}.birth-record__rows+.sbar{--sb-shift:calc(10px * var(--u))}.log__list.scrollbox{padding-right:calc(14px * var(--u))}.log__list+.sbar{--sb-shift:calc(11px * var(--u))}.popup__text.scrollbox,.popup__choices.scrollbox,.epitaph__lines.scrollbox,.card__body.scrollbox{padding-right:calc(12px * var(--u))}.popup__text+.sbar,.popup__choices+.sbar,.epitaph__lines+.sbar,.card__body+.sbar{--sb-shift:calc(10px * var(--u))}@media (prefers-reduced-motion:reduce){.sbar{transition:none}}