:root{color-scheme:dark;--color-bg:#080808;--color-fg:#eee9df;--color-card-bg:#e9e3d6;--color-card-text:#171715;--color-dim:#b5afa3;--line:#6b685f;--border-double:3px double #aaa598;--font-gothic:"Cinzel", Georgia, serif;--font-reading:"EB Garamond", Georgia, serif;--font-ui:"Cinzel", Georgia, serif;--panel-inset:22px;--panel-gap:16px;--label-size:.64rem}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;background:#080808}html:has(.modal-select-hero,.simple-modal){overflow:hidden}body{color:var(--color-fg);font-family:var(--font-reading);background:linear-gradient(#08080855,#080808bb),url(/Background.webp) top/cover fixed;min-height:100svh;font-size:18px}button,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--color-fg);outline-offset:4px}button{-webkit-tap-highlight-color:transparent}input{user-select:text}img{max-width:100%}.engraved-icon{vertical-align:middle;flex:0 0 22px;width:22px;height:22px}#game-app{min-height:100svh;position:relative}#ui-root{--folio-height:clamp(360px, calc(100svh - 328px), 500px);z-index:10;grid-template-columns:154px minmax(0,1fr) 270px;align-items:start;gap:20px;width:min(1580px,100%);min-height:100svh;margin:auto;padding:28px 24px;display:grid;position:relative}.col-left,.col-center,.col-right{min-width:0}.col-left{flex-direction:column;justify-content:space-between;align-self:stretch;display:flex}.logo-container{background:linear-gradient(#0000,#080808ee 30% 85%,#0000);padding:8px 0 28px}.logo-image{width:154px;margin:auto;display:block}.divider-diamond{align-items:center;gap:12px;margin:22px 4px;font-size:10px;display:flex}.divider-diamond:before,.divider-diamond:after{content:"";background:var(--line);flex:1;height:1px}.menu-nav{flex-direction:column;gap:4px;display:flex}.menu-btn{text-align:left;background:0 0;border:1px solid #0000;padding:10px 12px;font-size:1rem;transition:background .15s,border-color .15s}.menu-btn:hover:not(:disabled),.menu-btn.active{color:#080808;background:#eee9df}.menu-btn:disabled{opacity:.4}.left-bottom-quote{font-family:var(--font-gothic);letter-spacing:2px;text-align:center;color:var(--color-dim);padding:36px 0 16px;font-size:.7rem;line-height:1.8}.sub-diamond{margin-top:16px;font-size:9px}.col-center{flex-direction:column;gap:24px;display:flex}.gameplay-upper{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;display:grid}.mobile-header,.mobile-navigation,.chapter-mobile-action{display:none}.chapter-card{color:var(--color-card-text);background:var(--color-card-bg) url(/cadre_carte.webp) center / 100% 100%;padding:var(--panel-inset);gap:var(--panel-gap);height:var(--folio-height);border:3px solid #0000;flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #0008}.chapter-header{font-family:var(--font-gothic);font-size:var(--label-size);letter-spacing:2px;text-align:center;border-bottom:1px solid #17171566;padding-bottom:12px;font-weight:700}.chapter-card>.chapter-header,.chapter-card>.card-main-title{flex-shrink:0}.chapter-body{scrollbar-width:thin;scrollbar-color:#58564d #d4cdbe;flex:1;min-height:0;overflow-y:auto}.card-image-box{aspect-ratio:1.25;background:#0c0c0c;border:1px solid #171715;justify-content:center;align-items:center;display:flex;overflow:hidden}.card-art-img{object-fit:cover;object-position:center 62%;width:100%;height:100%;display:block}.card-image-box:has(.card-art-img--full){aspect-ratio:3/2}.card-art-img.card-art-img--full{object-fit:contain;object-position:center}.card-image-box svg{width:100%;height:100%}.card-main-title{font-family:var(--font-gothic);text-align:center;text-wrap:balance;font-size:1.03rem;font-weight:900;line-height:1.4}.card-story-prose{text-align:left;text-wrap:pretty;margin-top:16px;font-size:1.08rem;line-height:1.45}.choices-panel{min-width:0;min-height:0;height:var(--folio-height);gap:var(--panel-gap);padding:var(--panel-inset);border:var(--border-double);background:#090909f2;flex-direction:column;display:flex;overflow:hidden}.choices-panel>.action-heading,.choices-panel>.action-context{flex-shrink:0}.action-body{gap:inherit;scrollbar-width:thin;scrollbar-color:#aaa598 #090909;scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;padding:4px 6px 4px 4px;scroll-padding:8px;display:flex;overflow-y:auto}.action-body>*{flex-shrink:0}.action-body .choice-item-btn:focus-visible{outline-offset:2px}.action-context{font-family:var(--font-gothic);text-wrap:balance;font-size:1.03rem;font-weight:900;line-height:1.4}.folio-scroll-hint{border:0;border-top:1px solid var(--line);min-height:24px;color:var(--color-dim);font-family:var(--font-ui);letter-spacing:.6px;text-align:right;background:0 0;flex-shrink:0;padding:4px;font-size:.57rem}.folio-scroll-hint[data-direction=none]{visibility:hidden}.folio-scroll-hint:hover{color:var(--color-fg)}.chapter-card>.folio-scroll-hint{color:#4b4942;border-color:#17171566}.chapter-card>.folio-scroll-hint:hover{color:#171715}.action-helper{border-top:1px solid var(--line);color:var(--color-dim);margin-top:auto;padding-top:16px;font-size:.82rem;font-style:italic;line-height:1.4}.test-summary{border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:12px;font-size:1rem;display:flex}.test-summary span{color:var(--color-dim);flex-basis:100%;font-size:.85rem}.action-heading{font-family:var(--font-gothic);color:var(--color-dim);font-size:var(--label-size);letter-spacing:2px;border-bottom:1px solid var(--line);padding-bottom:12px;font-weight:700}.choices-list{flex-direction:column;gap:10px;display:flex}.choice-item-btn{border:1px solid var(--line);text-align:left;background:#111;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 12px;transition:background .15s,border-color .15s;display:flex}.choice-item-btn:hover:not(:disabled){color:#080808;border-color:var(--color-fg);background:#eee9df}.choice-item-btn:disabled{opacity:.55}.choice-label-group{flex-direction:column;gap:6px;display:flex}.choice-title{font-size:1.03rem;font-weight:600;line-height:1.25}.choice-subtitle{color:var(--color-dim);font-size:.83rem;line-height:1.3}.choice-item-btn:hover:not(:disabled) .choice-subtitle{color:#48463e}.choice-arrow{flex:none;font-size:.7rem}.choice-item-btn.selected-approach{border-color:var(--color-fg);box-shadow:inset 3px 0 var(--color-fg);background:#24231f}.choice-item-btn.selected-approach:hover{background:var(--color-fg)}.approach-preview{border-top:1px solid var(--line);color:var(--color-dim);flex-direction:column;gap:4px;padding-top:6px;font-size:.82rem;line-height:1.3;display:flex}.approach-preview .approach-risk{color:var(--color-fg)}.choice-item-btn:hover:not(:disabled) .approach-preview,.choice-item-btn:hover:not(:disabled) .approach-risk{color:#171715}.roll-feedback{border:1px solid var(--line);background:#161612;flex-direction:column;gap:10px;padding:12px;display:flex}.roll-feedback-title{font-family:var(--font-gothic);letter-spacing:1px;font-size:.66rem}.roll-feedback-dice{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.roll-feedback-die{min-width:0;color:var(--color-dim);border:1px dashed #6b685f;flex-direction:column;align-items:center;gap:4px;padding:8px 3px;font-size:.74rem;display:flex}.roll-feedback-die small{font-size:.68rem}.roll-feedback-die.matched{background:var(--color-fg);color:var(--color-bg);border-style:solid}.roll-feedback-impact{font-size:.95rem;font-weight:600;line-height:1.3}.roll-feedback-protection{color:var(--color-dim);font-size:.82rem;line-height:1.3}.new-roll-feedback{animation:.35s ease-out reveal-roll}@keyframes reveal-roll{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.monster-title-bar{font-family:var(--font-gothic);font-size:1rem;line-height:1.4}.combat-threat{color:var(--color-dim);margin:8px 0 14px;font-size:.85rem}.monster-shields-row{flex-wrap:wrap;gap:6px;display:flex}.monster-shield-pip{border:1px solid #aaa598;align-items:center;gap:5px;padding:6px 8px;font-size:.8rem;display:inline-flex}.monster-shield-pip .engraved-icon{flex-basis:17px;width:17px;height:17px}.monster-shield-pip.broken{opacity:.35;border-style:dashed;text-decoration:line-through}.outcome-box{border-left:2px solid var(--color-fg);padding:4px 0 4px 12px;font-size:1.08rem;line-height:1.45}.combat-journal{color:var(--color-dim);border-top:1px solid var(--line);padding-top:12px;font-size:.83rem;line-height:1.35}.combat-journal p+p{margin-top:8px}.combat-journal p:last-child{color:var(--color-fg)}.dice-arena-wrapper{width:100%}#dice-pit{border:1px solid var(--line);background:#090909;width:100%;height:200px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #080808,inset 0 0 0 6px #36342f}#dice-pit.ready{cursor:pointer;border-color:#aaa598}#dice-pit canvas{width:100%;height:100%;display:block}.dice-roll-banner{border:1px solid var(--line);width:100%;min-height:48px;color:var(--color-fg);font-family:var(--font-gothic);letter-spacing:1px;background:#090909;border-top:none;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:.7rem;display:flex}.dice-roll-banner:hover:not(:disabled){background:var(--color-fg);color:var(--color-bg)}.dice-roll-banner:disabled{color:var(--color-dim)}.dice-roll-banner.advance-action{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg);font-weight:700}.dice-roll-banner.advance-action:hover{background:#fff}.col-right{flex-direction:column-reverse;gap:20px;display:flex}.poetic-watermark{color:var(--color-dim);font-family:var(--font-gothic);letter-spacing:1.3px;justify-content:space-between;font-size:.52rem;display:flex}.character-sheet{border:var(--border-double);padding:var(--panel-inset);gap:var(--panel-gap);background:#090909f2;flex-direction:column;display:flex}.sheet-section{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;display:flex}.hero-identity{grid-template-columns:78px minmax(0,1fr);align-items:center;gap:14px;display:grid}.char-title-header{flex-direction:column;gap:7px;display:flex}.char-title-main{font-family:var(--font-gothic);letter-spacing:2px;font-size:1.4rem;font-weight:900}.char-name-sub{color:var(--color-dim);font-size:.9rem;font-style:italic}.char-stats-block{width:100%}.char-portrait-thumb{border:1px solid var(--line);width:78px;height:98px;overflow:hidden}.char-portrait-thumb img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.char-attributes-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.char-attribute-row{background:#121210;border:1px solid #444139;flex-direction:column;align-items:center;gap:8px;padding:9px 3px;display:flex}.attr-value{font-variant-numeric:tabular-nums;font-size:1.35rem;line-height:1}.attr-value small{color:var(--color-dim);font-size:.7rem;font-weight:400}.attr-label{flex-direction:column;align-items:center;gap:5px;font-size:.72rem;display:flex}.attr-label .engraved-icon{flex-basis:15px;width:15px;height:15px}.char-vitality-section{flex-direction:column;gap:7px;display:flex}.vitality-header-row,.vitality-title-group,.vitality-value-group{justify-content:space-between;align-items:center;gap:5px;display:flex}.vitality-title,.sheet-section-header{font-family:var(--font-gothic);font-size:var(--label-size);letter-spacing:1.4px;font-weight:700}.vitality-icon{font-size:.9rem}.vitality-num{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1rem}.vitality-grid{gap:3px;display:grid}.vitality-pip{border:1px solid var(--line);justify-content:center;align-items:center;height:17px;font-size:.45rem;display:flex}.vitality-pip.filled{background:var(--color-fg);color:var(--color-bg);border-color:var(--color-fg)}.vitality-pip.empty{color:var(--color-dim);border-style:dashed}.critical{outline:1px dashed var(--color-fg);outline-offset:7px}.hp-danger-tag{font-family:var(--font-gothic);background:var(--color-fg);color:var(--color-bg);padding:3px;font-size:.48rem}.sheet-section-header{justify-content:space-between;align-items:center;display:flex}.section-sub{font-family:var(--font-reading);letter-spacing:0;color:var(--color-dim);font-size:.83rem}.inventory-slots-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.inv-box{aspect-ratio:1;border:1px solid var(--line);background:#080808;justify-content:center;align-items:center;width:100%;min-height:44px;padding:4px;display:flex;position:relative}.inv-box:hover:not(:disabled){border-color:var(--color-fg);background:#23221e}.inv-box.empty{opacity:.45;border-style:dashed}.inv-item-art{object-fit:contain;width:100%;height:100%}.custom-item-tooltip{border:1px solid var(--color-fg);text-align:left;pointer-events:none;z-index:20;background:#080808;width:210px;padding:12px;display:none;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 5px 20px #000}.inv-box:hover .custom-item-tooltip,.inv-box:focus-visible .custom-item-tooltip{display:block}.tip-title{margin-bottom:6px;font-size:1rem}.tip-desc,.tip-callout{color:var(--color-dim);font-size:.8rem;line-height:1.35}.tip-callout{color:var(--color-fg);margin-top:8px}.chapters-progress-row{grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;display:grid}.chapter-step-box{min-height:26px;color:var(--color-dim);border:1px solid #444139;justify-content:center;align-items:center;font-size:.64rem;display:flex}.chapter-step-box .engraved-icon{flex-basis:16px;width:16px;height:16px}.chapter-step-box.done{background:var(--color-fg);color:#080808}.chapter-step-box.current{color:var(--color-fg);border-color:var(--color-fg);outline:1px solid var(--color-fg);outline-offset:2px}.hero-ability-note{color:var(--color-dim);border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:12px;font-size:.84rem;line-height:1.4;display:flex}.hero-ability-note strong{color:var(--color-fg);font-family:var(--font-gothic);letter-spacing:1px;font-size:.62rem}.ward-note{border:1px solid var(--line);padding:8px;font-size:.83rem}.run-seed{color:var(--color-dim);font-variant-numeric:tabular-nums;border-top:1px solid #444139;padding-top:10px;font-size:.7rem}.modal-select-hero,.simple-modal{backdrop-filter:blur(3px);z-index:200;background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.simple-modal{z-index:250}.hero-select-panel,.simple-modal-box{border:var(--border-double);overscroll-behavior:contain;scrollbar-color:#aaa598 #090909;background:#090909;max-height:calc(100dvh - 48px);overflow-y:auto;box-shadow:0 20px 80px #000}.hero-select-panel{width:min(1080px,100%);padding:28px}.modal-select-header{padding-right:44px;position:relative}.modal-select-title{font-family:var(--font-gothic);letter-spacing:3px;font-size:1.5rem;font-weight:700}.hero-select-intro{color:var(--color-dim);margin:10px 0 24px;font-size:1rem;font-style:italic}.modal-close-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--color-fg);background:#090909;flex:0 0 40px;position:absolute;top:0;right:0}.modal-close-btn:hover{background:var(--color-fg);color:var(--color-bg)}.cards-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.hero-full-card{border:1px solid var(--line);text-align:left;background:#0d0d0d;flex-direction:column;align-items:stretch;gap:7px;min-width:0;padding:12px;transition:border-color .15s;display:flex}.hero-full-card:hover{border-color:var(--color-fg)}.hero-full-card.selected{border-color:var(--color-fg);outline:1px solid var(--color-fg);outline-offset:3px}.hero-select-name{font-family:var(--font-gothic);letter-spacing:2px;font-size:1.2rem;font-weight:900}.hero-select-title{min-height:2.5em;color:var(--color-dim);font-size:.86rem;line-height:1.25}.hero-full-card img{object-fit:cover;object-position:center top;border:1px solid var(--line);width:100%;height:clamp(130px,20vh,220px)}.hero-select-vitality{border-bottom:1px solid var(--line);padding:8px 0;font-size:.9rem;font-weight:600}.hero-select-trait{justify-content:space-between;align-items:center;font-size:.83rem;display:flex}.hero-select-trait>span{align-items:center;gap:6px;display:flex}.hero-select-trait .engraved-icon{flex-basis:16px;width:16px;height:16px}.hero-select-ability{color:var(--color-dim);border-top:1px solid #444139;flex:1;margin-top:4px;padding:10px 0;font-size:.84rem;line-height:1.35}.hero-select-state{font-family:var(--font-gothic);letter-spacing:1px;border:1px solid var(--line);text-align:center;padding:10px;font-size:.62rem}.selected .hero-select-state{background:var(--color-fg);color:var(--color-bg)}.hero-select-footer{z-index:1;border-top:1px solid var(--line);background:#090909;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:20px 0 4px;display:flex;position:sticky;bottom:-28px}.hero-select-footer .btn-confirm-hero{margin:0}.seed-entry{color:var(--color-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:.9rem;display:flex}.seed-entry input{width:150px;color:var(--color-fg);border:1px solid var(--line);background:#111;padding:8px 10px}.btn-confirm-hero{border:1px solid var(--color-fg);background:var(--color-fg);color:#080808;font-family:var(--font-gothic);letter-spacing:1px;min-height:48px;margin:0 auto;padding:14px 22px;font-size:.82rem;font-weight:700;display:block}.btn-confirm-hero:hover:not(:disabled){background:#fff;border-color:#fff}.btn-confirm-hero:disabled{opacity:.4}.simple-modal-box{flex-direction:column;gap:20px;width:min(480px,100%);padding:28px;display:flex}.simple-modal-title{font-family:var(--font-gothic);letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:1.2rem}.simple-modal-box p{line-height:1.45}.reward-modal-box{width:min(560px,100%)}.ending-emblem .engraved-icon{width:64px;height:64px}.item-inspect-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.item-inspect-body{align-items:center;gap:16px;display:flex}.item-inspect-art-wrap{border:1px solid var(--line);flex:0 0 86px;justify-content:center;align-items:center;width:86px;height:100px;padding:8px;display:flex}.item-inspect-art{object-fit:contain;width:100%;height:100%}.item-inspect-details{flex-direction:column;gap:10px;display:flex}.item-inspect-name{font-family:var(--font-gothic);font-size:1.08rem}.item-inspect-effect{font-size:.95rem}.item-inspect-desc{color:var(--color-dim);font-size:.88rem;line-height:1.4}.item-inspect-warning{border-left:2px solid var(--color-fg);padding-left:8px;font-size:.88rem;font-style:italic}.item-inspect-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-top:16px;display:flex}.btn-consume{margin:0;padding:12px;font-size:.7rem}.btn-keep{font-size:.9rem}#vfx-overlay{pointer-events:none;z-index:100;position:fixed;inset:0}.flash-white{background:#fffa}.flash-black{background:#000a}.screen-shake{animation:.35s both shake}@keyframes shake{25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}@media (width>=1450px){#ui-root{--folio-height:clamp(360px, calc(100svh - 348px), 500px)}#dice-pit{height:220px}}@media (width>=1200px) and (height<=800px){#ui-root{--folio-height:clamp(320px, calc(100svh - 264px), 480px);--panel-inset:20px;--panel-gap:12px;padding-top:24px;padding-bottom:24px}.col-center{gap:18px}.card-image-box{aspect-ratio:1.65}.card-story-prose{font-size:1.04rem}#dice-pit{height:150px}.choice-item-btn{padding:12px}.combat-journal{font-size:.8rem;line-height:1.3}.combat-journal p+p{margin-top:6px}.action-helper{padding-top:12px;font-size:.78rem}}@media (width>=1001px) and (height<=800px){.character-sheet{gap:10px;padding:16px}.sheet-section{gap:7px;padding-top:10px}.hero-identity{grid-template-columns:64px minmax(0,1fr);gap:12px}.char-portrait-thumb{width:64px;height:80px}.char-title-main{letter-spacing:1.5px;font-size:1.2rem}.char-name-sub{font-size:.85rem}.char-attribute-row{gap:6px;padding:8px 3px}.attr-label{flex-direction:row;gap:4px;font-size:.68rem}.attr-label .engraved-icon{flex-basis:13px;width:13px;height:13px}.attr-value{font-size:1.2rem}.vitality-pip{height:14px}.hero-ability-note{gap:6px;padding-top:10px}.col-right{gap:14px}}@media (width>=1001px) and (height<=650px){.character-sheet{gap:8px}.sheet-section{padding-top:8px}.hero-identity{grid-template-columns:56px minmax(0,1fr)}.char-portrait-thumb{width:56px;height:68px}.char-title-main{font-size:1.1rem}.hero-ability-note,.run-seed{padding-top:8px}.col-right{gap:10px}}@media (width<=1199px){#ui-root{--folio-height:clamp(360px, calc(100svh - 400px), 500px);grid-template-columns:minmax(0,1fr) 280px;gap:22px;padding:22px}.col-left{grid-column:1/-1}.logo-container{background:#080808dd;justify-content:space-between;align-items:center;gap:20px;padding:0;display:flex}.logo-image{width:150px;margin:0}.divider-diamond,.left-bottom-quote{display:none}.menu-nav{flex-flow:wrap}.menu-btn{font-size:.92rem}.col-right{position:sticky;top:22px}}@media (width>=1001px) and (width<=1199px){.card-image-box{aspect-ratio:1.6}#dice-pit{height:160px}}@media (width<=1000px){.gameplay-upper{grid-template-columns:minmax(0,1fr)}.chapter-card{height:auto}.chapter-body{flex:none;overflow:visible}.chapter-card>.folio-scroll-hint{display:none}.card-image-box{aspect-ratio:1.8}.choices-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.choices-list>:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=760px),(width<=1000px) and (height<=500px){#ui-root{--folio-height:max(220px, calc(100svh - 385px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));--panel-inset:16px;--panel-gap:14px;--mobile-left:max(12px, env(safe-area-inset-left));--mobile-right:max(12px, env(safe-area-inset-right));padding:0 var(--mobile-right) calc(90px + env(safe-area-inset-bottom)) var(--mobile-left);display:block}.col-left,.poetic-watermark{display:none}.mobile-header{z-index:60;margin:0 calc(-1 * var(--mobile-right)) 16px calc(-1 * var(--mobile-left));padding:calc(10px + env(safe-area-inset-top)) var(--mobile-right) 10px var(--mobile-left);border-bottom:1px solid var(--line);background:#090909;align-items:center;gap:10px;display:flex;position:sticky;top:0}.mobile-logo{flex:0 0 82px;width:82px}.mobile-status{text-align:left;background:0 0;border:1px solid #0000;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:44px;padding:2px;display:flex}.mobile-status img{object-fit:cover;object-position:center top;border:1px solid var(--line);width:30px;height:38px}.mobile-status strong,.mobile-status small{display:block}.mobile-status strong{font-size:.76rem;font-weight:600;line-height:1.3}.mobile-status small{color:var(--color-dim);margin-top:3px;font-size:.68rem}.mobile-menu-toggle{border:1px solid var(--line);background:#090909;flex:0 0 44px;width:44px;height:44px;font-size:1.3rem}.mobile-navigation{z-index:70;border-top:1px solid var(--line);padding:8px var(--mobile-right) calc(8px + env(safe-area-inset-bottom)) var(--mobile-left);background:#090909;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-view-button{min-height:48px;font-family:var(--font-gothic);border:1px solid var(--line);background:#090909;justify-content:center;align-items:center;gap:8px;font-size:.7rem;display:flex}.mobile-view-button[aria-pressed=true]{color:#080808;background:var(--color-fg);border-color:var(--color-fg)}.mobile-view-button .engraved-icon{flex-basis:18px;width:18px;height:18px}#ui-root:not([data-mobile-view=hero]) .col-right,#ui-root[data-mobile-view=hero] .col-center,#ui-root[data-mobile-view=chapter] .choices-panel,#ui-root:not([data-mobile-view=actions]) .dice-arena-wrapper,#ui-root[data-mobile-view=actions] .chapter-card{display:none}.gameplay-upper{display:block}.col-center{gap:16px}.chapter-card{min-height:0;padding:22px}.card-image-box{aspect-ratio:1.15}.card-main-title{font-size:1.1rem}.card-story-prose{font-size:1.08rem}.chapter-mobile-action{width:100%;min-height:48px;color:var(--color-card-text);border:1px solid var(--color-card-text);font-family:var(--font-gothic);background:0 0;justify-content:space-between;align-items:center;padding:12px;font-size:.73rem;font-weight:700;display:flex}.choices-list{grid-template-columns:minmax(0,1fr)}.folio-scroll-hint{min-height:44px}.action-context{font-size:1.1rem}.choice-item-btn{min-height:64px}#dice-pit{height:150px}.dice-roll-banner{letter-spacing:.5px;font-size:.63rem}.col-right{position:static}.character-sheet{padding:18px}.hero-identity{grid-template-columns:92px minmax(0,1fr);gap:18px}.char-portrait-thumb{width:92px;height:112px}.char-title-main{font-size:1.5rem}.attr-label{font-size:.83rem}.attr-value{font-size:1.5rem}.inventory-slots-grid{gap:10px}.inv-box{max-height:80px}.custom-item-tooltip{display:none!important}.hero-ability-note{font-size:.95rem}.mobile-menu-box .menu-nav{flex-direction:column;display:flex}.mobile-menu-box .menu-btn{border:1px solid var(--line);min-height:48px}.modal-select-hero,.simple-modal{padding:12px}.hero-select-panel,.simple-modal-box{max-height:calc(100dvh - 24px)}.hero-select-panel{padding:18px}.hero-select-footer{flex-direction:column;gap:12px;padding:12px 0 4px;bottom:-18px}.hero-select-footer .btn-confirm-hero{width:100%}.seed-entry{gap:6px;font-size:.8rem}.seed-entry input{width:125px}.modal-select-title{letter-spacing:1px;font-size:1.1rem}.hero-select-intro{font-size:.95rem}.cards-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-full-card{padding:10px}.hero-full-card img{height:180px}.hero-select-title{min-height:2.6em}.hero-select-name{font-size:1.05rem}.hero-select-ability{font-size:.88rem}.simple-modal-box{padding:20px}.item-inspect-body{align-items:flex-start}.item-inspect-art-wrap{flex-basis:66px;width:66px;height:82px}}@media (width<=420px){.cards-gallery{grid-template-columns:minmax(0,1fr)}.hero-full-card{grid-template-columns:100px minmax(0,1fr);gap:6px 12px;display:grid}.hero-full-card img{grid-area:1/1/7;height:172px}.hero-select-name,.hero-select-title,.hero-select-vitality,.hero-select-trait{grid-column:2}.hero-select-title{min-height:0}.hero-select-vitality{padding:3px 0}.hero-select-ability,.hero-select-state{grid-column:1/-1}.hero-select-ability{padding:8px 0}.hero-select-state{padding:8px}}@media (width<=360px){.mobile-logo{flex-basis:68px;width:68px}.mobile-status img{display:none}.mobile-view-button{gap:5px;font-size:.65rem}}@media (width>=761px) and (width<=1000px) and (height<=500px){#ui-root{--folio-height:max(200px, calc(100svh - 171px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));--panel-inset:12px;--panel-gap:8px}.chapter-card{padding:18px}.chapter-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;display:grid}.card-image-box{aspect-ratio:auto;height:clamp(140px,100svh - 190px,220px)}.card-story-prose{margin:0}.action-heading{padding-bottom:6px}.action-context{font-size:.9rem;line-height:1.3}.folio-scroll-hint{min-height:32px}#ui-root[data-mobile-view=actions] .col-center{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);align-items:start;gap:14px;display:grid}.dice-arena-wrapper{position:sticky;top:80px}#dice-pit{height:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.flash-white,.flash-black{background:0 0}}@media (width>=1001px){.gameplay-upper{align-items:start}.chapter-card{height:auto;min-height:0;overflow:visible}.chapter-body{flex:none;overflow:visible}.chapter-card>.folio-scroll-hint{display:none}.card-image-box,.card-image-box:has(.card-art-img--full){aspect-ratio:auto;height:clamp(120px,20svh,190px)}.card-story-prose{margin-top:12px;font-size:1rem;line-height:1.4}}.hero-full-card .portrait-art--full,.char-portrait-thumb .portrait-art--full,.mobile-status .portrait-art--full{object-fit:contain;object-position:center;background:#000}