:root{--ivory:#ece6cb;--ink:#0a1622;--mint:#94c6b6}body{font-family:Georgia,'Times New Roman',serif}canvas{outline:none}header{top:20px;left:24px;right:24px;gap:18px}.identity{min-width:245px;gap:13px;align-items:center}.health-block small{font:8px system-ui;letter-spacing:2px;color:#b0b8a2}.legacy-meter,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#health-pips{display:flex;gap:4px;flex-wrap:wrap;max-width:245px;margin-top:7px;filter:drop-shadow(0 2px 4px #0008)}.life-pip{position:relative;width:18px;height:24px;background:#293342;clip-path:polygon(20% 0,80% 0,80% 13%,100% 23%,93% 77%,70% 100%,30% 100%,7% 77%,0 23%,20% 13%);box-shadow:inset 0 0 0 1px #d5d8b9}.life-pip i{position:absolute;inset:0;background:linear-gradient(#fff5d5,#c7d8bf);clip-path:inset(calc(100% - var(--life)) 0 0)}.life-pip:after{content:'';position:absolute;left:4px;top:9px;width:3px;height:5px;background:#253d42;box-shadow:7px 0 #253d42}.life-pip.empty{opacity:.45}.life-pip.empty:after{background:#131e2a;box-shadow:7px 0 #131e2a}#health-number{font:8px system-ui;color:#aab5a9;display:block;margin-top:4px;letter-spacing:1px}#resonance{--energy:100%;width:48px;height:48px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at center,#132733 55%,transparent 57%),conic-gradient(#c8e6cf var(--energy),#34444d 0);border:1px solid #8ca696;display:grid;place-items:center;box-shadow:0 0 0 4px #10202b88,0 0 25px #a6d4b615}#energy-number{font:11px system-ui;color:#d5e8cc}.chapter{max-width:440px}#objective{font-size:13px;line-height:1.4;text-shadow:0 2px 5px #08111e}.modal.dialogue-box{align-items:flex-end;padding:0 5vw 5vh;background:linear-gradient(transparent 45%,#05111a70);backdrop-filter:none;overflow:hidden}.dialogue-panel{position:relative;display:flex;gap:25px;width:min(1080px,100%);min-height:180px;padding:24px 30px;background:linear-gradient(120deg,#122c36f8,#0c1829fa);border:2px solid #a7b39b;outline:1px solid #213c48;outline-offset:5px;box-shadow:0 14px 60px #0009,inset 0 0 0 5px #0d1e2a}.dialogue-panel:before,.dialogue-panel:after{content:'◆';position:absolute;top:-12px;color:#c6ca9d;font-size:18px}.dialogue-panel:before{left:14px}.dialogue-panel:after{right:14px}.speaker-seal{width:75px;height:92px;flex-shrink:0;display:grid;place-items:center;font-size:39px;color:#e6d2a1;border:1px solid #a4b59960;background:linear-gradient(135deg,#2c4e53,#1e273d);clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}.dialogue-copy{flex:1;min-width:0}.speaker-name{font:11px system-ui;letter-spacing:2px;text-transform:uppercase;color:#dfc68d;margin-bottom:12px}#dialogue-text{font-size:19px;line-height:1.6;color:#e1e5d2;min-height:62px;margin:0;max-width:none}.dialogue-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:17px}.dialogue-bottom span{font:10px system-ui;color:#829b9e;letter-spacing:2px}.dialogue-bottom button{font:12px system-ui;background:transparent;border:0;color:#e8d9a8;padding:7px 0}.dialogue-bottom button:hover{color:#fff4cf}.respawn-screen{background:radial-gradient(circle at 50% 45%,#24313aeb,#060d19fa 70%);backdrop-filter:blur(6px)}.death-card{text-align:center;width:min(620px,90vw);padding:30px;animation:death-in .7s ease-out}.death-emblem{position:relative;width:94px;height:120px;border:1px solid #7f967c55;margin:0 auto 27px;display:grid;place-items:center;clip-path:polygon(30% 0,70% 0,90% 20%,90% 80%,65% 100%,35% 100%,10% 80%,10% 20%);background:radial-gradient(#b2bd8f30,#23394370)}.death-emblem span{font-size:68px;color:#f2d49e;filter:drop-shadow(0 0 20px #e2b97e80);animation:wick-pulse 2.4s ease-in-out infinite}.death-card h2{font-size:42px;color:#e7e5cc;margin:17px 0}.death-card p{font-size:16px;color:#a3b9b3;line-height:1.7}.death-route{border-block:1px solid #839c7f40;padding:14px;margin:22px auto;width:min(330px,100%)}.death-route span{font:9px system-ui;letter-spacing:3px;color:#8aa2a5;display:block;margin-bottom:7px}.death-route strong{font-weight:normal;color:#d4dabb}.death-tip{font:11px/1.6 system-ui;color:#829b9e;margin-top:25px}.death-card .primary{padding:14px 32px}.controls-note{font:11px/1.7 system-ui!important;color:#a3b9af!important;border-top:1px solid #879d7c44;margin-top:22px!important;padding-top:15px}#bottom{bottom:16px;font-size:9px;letter-spacing:.6px}#prompt{bottom:75px;font-size:11px;color:#e6d8a7}#toast{top:108px}.story-cinema .sheet{border:2px solid #a0b39a}.worldmap{max-height:300px}.travel-list{gap:5px}.travel-list button{font-size:10px}
@keyframes wick-pulse{50%{opacity:.55;transform:scale(.94)}}@keyframes death-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:700px){header{left:13px;right:13px;top:13px;gap:9px}.identity{min-width:167px;gap:8px}.health-block small{display:none}.life-pip{width:13px;height:19px}#health-pips{gap:3px;max-width:160px}.life-pip:after{left:3px;top:7px;width:2px;height:4px;box-shadow:5px 0 #253d42}.life-pip.empty:after{box-shadow:5px 0 #131e2a}#resonance{width:36px;height:36px}#health-number{font-size:7px}#objective{font-size:10px}.chapter{max-width:200px}.chapter small{font-size:8px}.modal.dialogue-box{padding:0 4vw 4vh}.dialogue-panel{gap:13px;padding:19px 18px;min-height:190px}.speaker-seal{width:46px;height:66px;font-size:27px}#dialogue-text{font-size:15px;line-height:1.6}.speaker-name{font-size:9px;letter-spacing:1px}.dialogue-bottom{margin-top:12px}.dialogue-bottom button{font-size:10px}.death-card h2{font-size:32px}.death-emblem{width:70px;height:90px;margin-bottom:20px}#bottom{font-size:8px}.identity{align-self:flex-start}}
@media(max-height:500px){header{top:9px}.life-pip{height:19px;width:14px}#resonance{width:34px;height:34px}.health-block small{display:none}#health-number{display:none}.dialogue-panel{min-height:130px;padding:16px 22px;gap:17px}#dialogue-text{font-size:15px;min-height:40px;line-height:1.5}.speaker-seal{width:55px;height:70px}.speaker-name{margin-bottom:7px;font-size:10px}.dialogue-bottom{margin-top:8px}.modal.dialogue-box{padding-bottom:4vh}.death-card{padding:5px 20px}.death-emblem{width:50px;height:60px;margin-bottom:10px}.death-emblem span{font-size:38px}.death-card h2{font-size:29px;margin:12px 0}.death-card p{font-size:13px;margin:9px 0}.death-route{margin:12px auto;padding:9px}.death-tip{margin-top:12px;font-size:10px}.death-card .primary{padding:10px 24px}}
@media(pointer:coarse){#bottom{bottom:128px}#prompt{bottom:155px}.modal.dialogue-box{padding-bottom:18vh}.dialogue-panel{max-height:60vh;overflow:auto}}@media(prefers-reduced-motion:reduce){.death-card,.death-emblem span{animation:none}}