:root{--color-bg:#050505;--color-fg:#f2eee3;--color-card-bg:#ece7db;--color-card-text:#111;--color-dim:#888;--border-double:3px double #fff;--border-thin:1px solid #fff;--border-card:2px solid #111;--font-gothic:"Cinzel", "MedievalSharp", serif;--font-reading:"Cormorant Garamond", "Cinzel", serif;--font-mono:"VT323", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{width:100vw;height:100vh;color:var(--color-fg);font-family:var(--font-reading), serif;background:#000 url(/Background.webp) 50%/cover no-repeat;font-size:16px;overflow:hidden}#game-app{width:100vw;height:100vh;position:relative;overflow:hidden}#vfx-overlay{pointer-events:none;z-index:100;width:100%;height:100%;transition:background-color 80ms ease-out;position:absolute;top:0;left:0}.flash-white{background-color:#fff!important}.flash-black{background-color:#000!important}.screen-shake{animation:.35s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-3px)}20%,80%{transform:translate(4px,1px)}30%,50%,70%{transform:translate(-5px,-2px)}40%,60%{transform:translate(5px,2px)}}#ui-root{z-index:10;pointer-events:none;grid-template-rows:1fr;grid-template-columns:240px 1fr 370px;gap:20px;width:100%;height:100%;padding:16px 24px;display:grid;position:absolute;top:0;left:0}#ui-root button,#ui-root .interactive,#ui-root .card-interactive,#ui-root #dice-pit{pointer-events:auto}.col-left{flex-direction:column;justify-content:flex-start;height:100%;display:flex;position:relative}.logo-container{z-index:10;background:linear-gradient(#03030300 0%,#030303bf 6%,#030303f5 16% 82%,#03030399 93%,#03030300 100%);border-radius:4px;flex-direction:column;align-items:center;width:100%;padding:16px 12px 50px;display:flex;position:relative}.logo-image{filter:drop-shadow(0 2px 10px #000000e6);width:210px;height:auto;margin:0 auto;display:block}.divider-diamond{justify-content:center;align-items:center;width:100%;margin:12px 0 14px;display:flex;position:relative}.divider-diamond:before,.divider-diamond:after{content:"";background:#f2eee399;flex:1;height:1px}.divider-diamond span{color:#ece7db;text-shadow:0 0 6px #fff6;padding:0 10px;font-size:.85rem;line-height:1}.menu-nav{z-index:10;background:0 0;flex-direction:column;gap:5px;width:100%;padding:0;display:flex;position:relative}.menu-btn{color:#f2eee3;text-align:left;cursor:pointer;letter-spacing:.5px;background:0 0;border:none;border-radius:2px;padding:7px 12px;font-family:EB Garamond,Cormorant Garamond,Georgia,serif;font-size:1.3rem;font-weight:400;line-height:1.25;transition:all .15s}.menu-btn:hover:not(:disabled){color:#fff;text-shadow:0 0 8px #fff6;transform:translate(3px)}.menu-btn:disabled{opacity:.35;cursor:not-allowed}.menu-btn.active{color:#0c0c0c;background:#ece8df;border-radius:2px;padding:7px 14px;font-weight:600;box-shadow:0 2px 10px #0009}.menu-btn.active:hover{color:#000;background:#fff;transform:none}.left-bottom-quote{width:100%;font-family:var(--font-gothic);letter-spacing:2px;color:#ffffff73;text-align:center;z-index:1;pointer-events:none;user-select:none;font-size:.92rem;line-height:1.45;position:absolute;bottom:8px;left:0}.sub-diamond{color:#ffffff59;margin-top:5px;font-size:.72rem}.col-center{flex-direction:column;justify-content:space-between;align-items:center;height:100%;display:flex;position:relative}.gameplay-upper{justify-content:center;align-items:stretch;gap:22px;width:100%;max-width:720px;margin-top:5px;display:flex}.chapter-card{width:320px;min-height:440px;color:var(--color-card-text);pointer-events:auto;background:#ece7db url(/cadre_carte.webp) 50%/100% 100% no-repeat;border:none;border-radius:4px;flex-direction:column;padding:22px 20px 18px;display:flex;box-shadow:0 8px 25px #000000f2}.chapter-header{font-family:var(--font-gothic);text-align:center;letter-spacing:3px;text-transform:uppercase;color:#111;margin-bottom:8px;font-size:.85rem;font-weight:900}.card-image-box{background:#000;border:2px solid #111;border-radius:2px;justify-content:center;align-items:center;width:100%;height:160px;margin-bottom:10px;display:flex;overflow:hidden}.card-image-box img.card-art-img{object-fit:cover;width:100%;height:100%;display:block}.card-image-box svg{width:100%;height:100%;display:block}.card-main-title{font-family:var(--font-gothic);color:#0c0c0c;margin-bottom:6px;font-size:1.25rem;font-weight:900}.card-story-prose{font-family:var(--font-reading);color:#1a1a1a;text-align:justify;font-size:1.05rem;font-weight:600;line-height:1.35}.choices-panel{border:var(--border-double);pointer-events:auto;background:#0a0a0aeb;flex-direction:column;justify-content:space-between;width:340px;padding:14px;display:flex;box-shadow:0 4px 20px #000000e6}.choices-list{flex-direction:column;gap:9px;display:flex}.choice-item-btn{color:#fff;cursor:pointer;text-align:left;background:#000;border:1px solid #fff6;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.choice-item-btn:hover:not(:disabled){background:#ffffff26;border-color:#fff;transform:translate(3px)}.choice-label-group{flex-direction:column;display:flex}.choice-title{font-family:var(--font-reading);font-size:1.15rem;font-weight:700}.choice-subtitle{color:var(--color-dim);margin-top:2px;font-size:.85rem}.choice-arrow{color:#fff;margin-left:8px;font-size:1.1rem}.combat-hud-group{margin-bottom:10px}.monster-title-bar{font-family:var(--font-gothic);border-bottom:1px dashed #fff6;margin-bottom:6px;padding-bottom:4px;font-size:1.1rem}.monster-shields-row{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.monster-shield-pip{background:#000;border:1px solid #fff;align-items:center;gap:4px;padding:3px 6px;font-size:.85rem;display:flex}.monster-shield-pip.broken{opacity:.25;text-decoration:line-through}.dice-arena-wrapper{pointer-events:auto;flex-direction:column;align-items:center;width:100%;margin-bottom:6px;display:flex}#dice-pit{cursor:pointer;clip-path:polygon(16px 0%,calc(100% - 16px) 0%,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0% calc(100% - 16px),0% 16px);background:radial-gradient(#1b1713 0%,#0c0a08 65%,#020202 100%);border:2px solid #2f271f;width:520px;height:220px;transition:border-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 0 35px #000000fa,inset 0 0 10px #000000e6,0 8px 25px #000000d9}#dice-pit:before{content:"";pointer-events:none;clip-path:polygon(12px 0%,calc(100% - 12px) 0%,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0% calc(100% - 12px),0% 12px);border:1px dashed #f2eee333;position:absolute;inset:6px}#dice-pit:hover{border-color:#f2eee380;box-shadow:inset 0 0 35px #000000fa,inset 0 0 15px #ffffff0d,0 10px 30px #000000e6}#dice-pit canvas{display:block;width:100%!important;height:100%!important}.dice-roll-banner{font-family:var(--font-gothic);letter-spacing:2px;color:#ffffffbf;text-align:center;cursor:pointer;margin-top:4px;padding:4px 10px;font-size:.82rem;transition:all .15s}.dice-roll-banner:hover{color:#fff;text-shadow:0 0 8px #fffc}.col-right{flex-direction:column;justify-content:flex-start;height:100%;padding-top:55px;display:flex;position:relative}.poetic-watermark{font-family:var(--font-mono);letter-spacing:3px;color:#fff6;text-align:right;z-index:1;pointer-events:none;user-select:none;flex-direction:column;gap:2px;font-size:.92rem;line-height:1.15;display:flex;position:absolute;top:0;right:4px}.character-sheet{border:var(--border-double);pointer-events:auto;z-index:10;background:#0a0a0af5;flex-direction:column;gap:10px;margin-top:0;padding:16px 18px;display:flex;position:relative;box-shadow:0 6px 25px #000000f2}.char-title-header{font-family:var(--font-gothic);border-bottom:1px solid #ffffff40;justify-content:space-between;align-items:baseline;padding-bottom:6px;font-size:1.18rem;font-weight:700;display:flex}.char-title-main{color:#fff;letter-spacing:.5px}.char-name-sub{font-family:var(--font-reading);color:var(--color-dim);font-size:.92rem;font-style:italic}.char-stats-block{align-items:center;gap:16px;display:flex}.char-portrait-thumb{background:#000;border:1px solid #ffffffa6;flex:0 0 96px;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden;box-shadow:0 3px 10px #000c}.char-portrait-thumb img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.char-attributes-list{height:96px;font-family:var(--font-reading);flex-direction:column;flex:1;justify-content:space-between;display:flex}.char-attribute-row{border-bottom:1px dotted #ffffff1f;justify-content:space-between;align-items:center;padding:2px 0;font-size:1.12rem;display:flex}.attr-label{color:#ece7db;letter-spacing:.5px}.attr-dots{color:#fff;letter-spacing:4px;font-size:1.05rem}.sheet-divider{background:#ffffff2e;width:100%;height:1px;margin:1px 0}.char-vitality-section{flex-direction:column;gap:3px;display:flex}.vitality-header-row{justify-content:space-between;align-items:baseline;display:flex}.vitality-title-group{align-items:center;gap:6px;display:flex}.vitality-icon{color:#d94b4b;font-size:1.1rem;line-height:1}.vitality-title{font-family:var(--font-gothic);letter-spacing:1.5px;color:#f2eee3;font-size:.9rem;font-weight:700}.vitality-value-group{align-items:center;gap:8px;display:flex}.vitality-num{font-family:var(--font-gothic);color:#fff;letter-spacing:.5px;font-size:.92rem;font-weight:700}.vitality-legend{color:var(--color-dim);margin-top:-2px;font-size:.74rem;font-style:italic}.vitality-grid{gap:4px;width:100%;margin-top:3px;display:grid}.vitality-pip{border-radius:2px;justify-content:center;align-items:center;height:22px;font-size:.78rem;transition:all .2s;display:flex}.vitality-pip.filled{color:#ece7db;background:#191512;border:1px solid #ffffffbf;box-shadow:0 0 4px #ffffff40}.vitality-pip.empty{color:#fff3;background:#080706;border:1px dashed #ffffff2e}.char-vitality-section.critical .vitality-pip.filled{color:#ff6b6b;border-color:#f44;animation:1.2s ease-in-out infinite agonie-pulse;box-shadow:0 0 6px #ff3c3c99}.hp-danger-tag{color:#fff;letter-spacing:1px;background:#7a0b0b;border:1px solid #f44;border-radius:2px;padding:1px 5px;font-size:.66rem}.sheet-section-header{font-family:var(--font-gothic);letter-spacing:1.5px;color:#f2eee3;justify-content:space-between;align-items:center;font-size:.88rem;font-weight:700;display:flex}.section-sub{font-family:var(--font-reading);color:var(--color-dim);letter-spacing:.5px;font-size:.86rem;font-weight:400}.inventory-slots-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.inv-box{aspect-ratio:1;cursor:pointer;background:#060606;border:1px solid #ffffff80;border-radius:2px;justify-content:center;align-items:center;width:100%;padding:4px;font-size:1.4rem;transition:all .18s;display:flex;position:relative;overflow:visible}.inv-box:hover:not(.empty){background:#1c1c1c;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff40}.inv-box.empty{opacity:.25;cursor:default;border-style:dashed}.inv-item-art{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.custom-item-tooltip{pointer-events:none;opacity:0;visibility:hidden;z-index:150;text-align:left;background:#0d0c0a;border:1px double #fff;width:210px;padding:8px 10px;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 8px);right:0;transform:translateY(4px);box-shadow:0 6px 20px #000000f2}.inv-box:hover:not(.empty) .custom-item-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.custom-item-tooltip .tip-title{font-family:var(--font-gothic);color:#fff;border-bottom:1px dashed #ffffff4d;margin-bottom:4px;padding-bottom:3px;font-size:.95rem}.custom-item-tooltip .tip-desc{color:#ccc;margin-bottom:6px;font-size:.82rem;line-height:1.3}.custom-item-tooltip .tip-callout{color:#ffe89e;letter-spacing:.5px;font-size:.72rem;font-weight:700}.item-inspect-modal-box{background:#090807;border:2px solid #f2eee3;max-width:440px;padding:20px;box-shadow:0 0 35px #000000f2}.item-inspect-header{border-bottom:1px dashed #ffffff4d;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;display:flex}.item-inspect-body{align-items:center;gap:16px;margin-bottom:16px;display:flex}.item-inspect-art-wrap{background:#000;border:1px solid #ffffff80;flex:0 0 90px;justify-content:center;align-items:center;width:90px;height:90px;padding:4px;display:flex;box-shadow:0 4px 15px #000c}.item-inspect-art{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.item-inspect-details{flex-direction:column;flex:1;gap:4px;display:flex}.item-inspect-name{font-family:var(--font-gothic);color:#fff;font-size:1.25rem}.item-inspect-effect{color:#ffe89e;font-size:.95rem;font-weight:700}.item-inspect-desc{color:var(--color-dim);font-size:.88rem;line-height:1.35}.item-inspect-warning{color:#ff6b6b;margin-top:4px;font-size:.82rem;font-style:italic}.item-inspect-actions{border-top:1px dashed #fff3;justify-content:flex-end;gap:10px;padding-top:12px;display:flex}.btn-consume{margin:0!important;padding:8px 18px!important;font-size:.95rem!important}.btn-consume:disabled{opacity:.35;cursor:not-allowed;filter:grayscale();box-shadow:none!important}.btn-keep{padding:8px 16px!important;font-size:.95rem!important}.chapters-progress-row{grid-template-columns:repeat(9,1fr);gap:5px;width:100%;display:grid}.chapter-step-box{aspect-ratio:1;width:100%;font-family:var(--font-gothic);color:#fff6;background:#060606;border:1px solid #ffffff59;border-radius:2px;justify-content:center;align-items:center;font-size:.78rem;transition:all .2s;display:flex}.chapter-step-box.done{color:#0c0c0c;background:#ece7db;border-color:#ece7db;font-weight:900}.chapter-step-box.current{color:#fff;background:#1c1814;border:2px solid #fff;font-weight:900;box-shadow:0 0 8px #fff}.chapter-step-box.boss{font-size:.88rem}.modal-select-hero{z-index:200;pointer-events:auto;background:#000000d1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.hero-select-panel{border:var(--border-double);background:#060606fa;flex-direction:column;align-items:center;width:min(1120px,100% - 24px);max-height:calc(100vh - 32px);padding:22px;display:flex;overflow-y:auto;box-shadow:0 18px 70px #000000e6}.modal-select-header{justify-content:center;align-items:center;width:100%;max-width:960px;margin-bottom:15px;display:flex;position:relative}.modal-select-title{font-family:var(--font-gothic);letter-spacing:4px;text-align:center;font-size:1.8rem}.modal-close-btn{color:#fff;cursor:pointer;background:#000;border:1px solid #ffffff80;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .15s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.modal-close-btn:hover{color:#000;background:#fff;border-color:#fff}.cards-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;display:grid}.hero-full-card{appearance:none;cursor:pointer;color:#f4f0e8;text-align:left;background:#0b0b0b;border:1px solid #ffffff59;flex-direction:column;align-items:stretch;gap:6px;width:100%;min-width:0;padding:10px;transition:all .2s;display:flex;box-shadow:0 4px 15px #000c}.hero-full-card img{object-fit:cover;object-position:center top;filter:contrast(1.08);border:1px solid #ffffffb3;width:100%;height:clamp(190px,28vh,250px);display:block}.hero-select-name{font-family:var(--font-gothic);letter-spacing:2px;text-align:center;text-transform:uppercase;font-size:1.35rem;font-weight:900}.hero-select-title{min-height:2.3em;color:var(--color-dim);text-align:center;font-size:.82rem;line-height:1.15}.hero-select-vitality{color:#fff;font-family:var(--font-ui);text-align:center;border-block:1px dashed #ffffff59;padding:7px 4px;font-size:1rem;font-weight:700;display:block}.hero-select-trait{color:#ddd7ca;justify-content:space-between;gap:8px;font-size:.82rem;display:flex}.hero-select-trait strong{color:#fff}.hero-select-ability{color:#c9c1b3;text-align:center;border-top:1px dashed #ffffff47;flex:1;min-height:4.6em;margin-top:3px;padding-top:7px;font-size:.74rem;font-style:italic;line-height:1.25}.hero-select-state{font-family:var(--font-ui);letter-spacing:1px;text-align:center;border:1px solid #ffffff59;padding:6px;font-size:.72rem}.hero-full-card:hover{border-color:#fffc;transform:translateY(-4px);box-shadow:0 8px 25px #ffffff4d}.hero-full-card.selected{border-color:#fff;transform:translateY(-3px);box-shadow:0 0 20px #fff}.hero-full-card.selected .hero-select-state{color:#090909;background:#f4f0e8;font-weight:900}.btn-confirm-hero{background:var(--color-card-bg);color:#000;font-family:var(--font-gothic);letter-spacing:2px;cursor:pointer;border:none;margin-top:18px;padding:10px 32px;font-size:1.15rem;font-weight:900;transition:all .15s}.btn-confirm-hero:hover{background:#fff;transform:scale(1.03);box-shadow:0 0 15px #fff}.simple-modal{z-index:250;pointer-events:auto;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.simple-modal-box{border:var(--border-double);background:#080808;flex-direction:column;gap:16px;width:90%;max-width:480px;padding:24px 30px;display:flex}.simple-modal-title{font-family:var(--font-gothic);border-bottom:1px dashed #fff;padding-bottom:8px;font-size:1.4rem}button:focus-visible,.hero-full-card:focus-visible,.inv-box:focus-visible{outline-offset:3px;outline:3px solid #ffe89e}@media (width<=1100px){html,body,#game-app{width:100%;height:auto;min-height:100%;overflow:auto}#ui-root{grid-template-rows:auto auto;grid-template-columns:210px minmax(0,1fr);gap:16px;height:auto;min-height:100vh;padding:14px;position:relative}.col-left,.col-center,.col-right{height:auto}.col-right{grid-column:1/-1;justify-self:center;width:min(720px,100%);padding-top:16px}.poetic-watermark{display:none}}@media (width<=760px){#ui-root{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);padding:10px;display:grid}.col-left,.col-center,.col-right{grid-column:1;width:100%}.logo-container{padding:10px 12px 20px}.logo-image{width:min(210px,70vw)}.menu-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ambient-quote{display:none}.gameplay-upper{flex-direction:column;align-items:center;gap:14px}.game-card,.choices-panel,#dice-pit{width:min(100%,520px)}.custom-item-tooltip{display:none}.modal-select-hero,.simple-modal{position:fixed;overflow-y:auto}.modal-select-hero{padding:10px}.cards-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-full-card{width:100%;padding:8px}.hero-full-card img{height:clamp(170px,32vh,225px)}.hero-select-panel{width:100%;max-height:calc(100vh - 20px);padding:14px}.modal-select-title{letter-spacing:1px;text-align:left;font-size:1.05rem}.modal-select-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.modal-select-header .modal-close-btn{position:static;transform:none}.hero-select-name{font-size:1.05rem}.hero-select-title,.hero-select-trait{font-size:.72rem}.hero-select-ability{min-height:5.5em;font-size:.68rem}.character-sheet{padding:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.screen-shake{animation:none}}