:root{--cream:#fff8de;--ink:#203d36;--gold:#e4c47e;--glass:rgba(20,46,42,.64);font-family:Segoe UI,Arial,sans-serif;color:var(--cream);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#acd3cc}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #fff5b9;outline-offset:5px}button{border:0}#world,#world canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(17,49,47,.26),transparent 20%,transparent 70%,rgba(12,36,36,.37));z-index:1}.hidden{display:none!important}.topbar{position:fixed;top:30px;left:38px;right:38px;z-index:5;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.wordmark{display:flex;gap:12px;color:var(--cream);text-decoration:none;align-items:center;pointer-events:auto;filter:drop-shadow(0 2px 8px #294e4244)}.wordmark svg{width:31px;height:41px;fill:none;stroke:currentColor;stroke-width:1.8}.wordmark>span{font:25px Georgia,serif;letter-spacing:5px}.wordmark small{display:block;font:8px Segoe UI,sans-serif;letter-spacing:2.9px;margin-top:5px}.region{display:flex;gap:21px;align-items:center;text-align:center;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;text-shadow:0 2px 10px #214a4566}.region small{display:block;font-size:8px;letter-spacing:3px;opacity:.75;margin-bottom:7px}.region div>span{font:21px Georgia,serif}.line{width:42px;height:1px;background:linear-gradient(90deg,transparent,#fff7d877)}.line:last-child{transform:rotate(180deg)}.utility{display:flex;gap:9px;pointer-events:auto}.icon-button{position:relative;border:1px solid #fff6d94d;border-radius:50%;width:35px;height:35px;background:#20433b30;font:18px Georgia,serif;backdrop-filter:blur(8px);transition:background .2s}.icon-button:hover{background:#20433b88}.off-mark{position:absolute;top:17px;left:8px;width:18px;height:1px;background:var(--cream);transform:rotate(-45deg)}.playing-ui{position:fixed;inset:0;pointer-events:none;z-index:3}.vitals{position:absolute;top:114px;left:40px;width:200px}.hearts{display:flex;gap:5px;color:#f1a194;font-size:23px;filter:drop-shadow(0 2px 3px #263e3c70)}.heart.empty{color:#254a4280}.heart.half{opacity:.5}.stamina-track{width:150px;height:5px;border-radius:4px;background:#28493d66;margin-top:7px;overflow:hidden}.stamina-track>div{height:100%;background:#e2e7a4;transition:width .15s;box-shadow:0 0 8px #d9ef91}.xp-row{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;margin-top:12px;text-shadow:0 1px 3px #204139}.xp-track{height:2px;width:58px;background:#ffffff40}.xp-track i{height:100%;background:var(--cream);display:block}.quest{position:absolute;left:40px;top:235px;width:230px;text-shadow:0 2px 10px #173d3c}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:600;color:var(--gold)}.quest h2{font:24px Georgia,serif;font-weight:400;margin:12px 0 9px}.quest p{font-size:12px;line-height:1.7;opacity:.82;margin:0;max-width:210px}.beacon-dots{display:flex;align-items:center;gap:8px;margin-top:18px}.beacon-dots i{height:7px;width:7px;border:1px solid #f1d395;transform:rotate(45deg)}.beacon-dots i.lit{background:#ffe3a0;box-shadow:0 0 9px #fceea4}.beacon-dots span{font-size:10px;letter-spacing:.6px;margin-left:6px;opacity:.7}.map-wrap{position:absolute;right:36px;top:110px;text-align:center}.map-wrap canvas{width:130px;height:130px;border:1px solid #f5edd1aa;border-radius:50%;box-shadow:0 2px 20px #143d3d20;background:#284e4855;backdrop-filter:blur(8px)}.map-label{position:absolute;left:50%;top:-9px;transform:translateX(-50%);font-size:10px;color:#fff2cc;background:#3c6659;padding:0 5px}.map-caption{display:block;font-size:7px;letter-spacing:1.7px;margin-top:10px;opacity:.8}.bottom-hud{position:absolute;bottom:27px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:end}.movement-hint{display:flex;gap:13px;align-items:center;font-size:11px;opacity:.8}.movement-hint small{display:block;font-size:9px;opacity:.6;margin-top:4px}.key-grid{display:flex;align-items:center;flex-direction:column;gap:3px}.key-grid>span{display:flex;gap:3px}kbd{font-family:Segoe UI,Arial,sans-serif;font-size:10px;background:#21453f55;border:1px solid #f9edce66;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;font-weight:400;white-space:nowrap}.key-grid kbd{padding:2px;width:18px;height:18px;font-size:9px}.abilities{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:12px;bottom:0;pointer-events:auto}.ability{position:relative;width:75px;height:76px;display:flex;align-items:center;flex-direction:column;justify-content:start;background:linear-gradient(180deg,#254f4860,#183e39c4);border:1px solid #e7e5bf66;border-radius:10px;backdrop-filter:blur(8px);transition:transform .15s;isolation:isolate;overflow:visible}.ability:hover{transform:translateY(-4px)}.ability.accent{border-color:#e8d499aa}.ability-icon{height:43px;padding-top:2px;font:32px Georgia,serif;display:block}.sword-icon{font-size:28px}.potion-icon{position:relative}.potion-icon b{font:9px Segoe UI,sans-serif;position:absolute;right:-12px;bottom:6px;background:#d8d7a8;color:#253e36;border-radius:50%;padding:2px 5px}.ability kbd{font-size:8px;padding:2px 4px;border-color:#f9edce44;background:#143a3577}.ability small{position:absolute;bottom:-19px;font-size:9px;white-space:nowrap;opacity:.7}.ability>i{position:absolute;bottom:0;left:0;right:0;height:0;background:#0e292b99;z-index:-1;border-radius:9px}.inventory-hint{display:flex;flex-direction:column;gap:9px;align-items:end;pointer-events:auto}.inventory-hint button{background:none;font-size:11px}.inventory-hint kbd{margin-right:7px}.save-status{font-size:8px;letter-spacing:.6px;opacity:.5}.intro{position:fixed;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,#193d38bd 0%,#193d3880 26%,#193d3800 62%)}.intro-content{position:absolute;left:8%;top:50%;transform:translateY(-43%);pointer-events:auto}.intro-content>.eyebrow{display:flex;align-items:center;gap:12px;color:#e6d5a5;font-size:9px}.intro-content>.eyebrow i{height:1px;width:24px;background:#e6d5a5}.intro h1{font:clamp(44px,5.6vw,84px)/1.12 Georgia,serif;font-weight:400;letter-spacing:-2.2px;margin:25px 0 24px;text-shadow:0 3px 30px #1a433122}.intro h1 em{font-weight:400;color:#ecdbad}.intro p{font-size:13px;line-height:1.9;color:#f7f0d5bf;letter-spacing:.3px}.intro-actions{margin-top:31px;display:flex;gap:17px;align-items:center}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:28px;background:#f3e7c8;color:#294e43;font-weight:600;padding:17px 21px;font-size:12px;border-radius:3px;min-width:240px;box-shadow:0 4px 24px #102e2222;transition:background .2s,transform .2s}.primary-button b{font-size:19px;font-weight:400}.primary-button:hover{background:#fff6df;transform:translateY(-2px)}.text-button{background:none;font-size:11px;color:inherit;padding:12px 0;border-bottom:1px solid #e2ddbb55}.intro-meta{display:flex;align-items:center;gap:16px;font-size:8px;letter-spacing:2px;opacity:.55;margin-top:29px}.intro-meta i{font-style:normal;font-size:11px}.intro-note{position:absolute;right:45px;bottom:69px;display:flex;gap:15px;align-items:center;text-align:left}.intro-note .wind-glyph{font-size:42px;font-weight:200;opacity:.6}.intro-note p{font-size:10px;line-height:1.9}.intro-note strong{font-weight:400;color:#f9efd7}.version-label{position:absolute;bottom:29px;left:8%;font-size:8px;letter-spacing:2px;opacity:.5}.version-label span{padding:0 8px}.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0c282a70;backdrop-filter:blur(9px);padding:24px}.panel{position:relative;padding:42px;max-width:500px;width:100%;background:linear-gradient(150deg,#244f47f5,#143a36f8);border:1px solid #e5d6a34d;box-shadow:0 20px 90px #0c24264d;border-radius:10px}.panel h2{font:35px/1.12 Georgia,serif;font-weight:400;letter-spacing:-.6px;margin:15px 0 20px}.panel p{font-size:12px;line-height:1.9;color:#e6e7cebb}.panel .primary-button{margin-top:27px;width:100%}.panel>.text-button{display:block;margin:12px auto 0}.close-panel{position:absolute;right:16px;top:12px;background:none;font-size:25px;opacity:.7}.controls-list{margin:22px 0}.controls-list>div{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #e7e2bb15;font-size:11px}.controls-list kbd{font-size:9px}.panel .fine-print{font-size:10px;color:#e5e6cc88}.item-card{display:flex;gap:17px;border:1px solid #f5e6b926;padding:17px 13px;border-radius:6px;margin:12px 0;align-items:center}.item-card>span{font-size:29px;color:#e3d8aa;width:36px;text-align:center}.item-card h3{font-size:12px;font-weight:500;margin:0 0 4px}.item-card h3 b{float:right;color:#e3d39a}.item-card p{font-size:10px;margin:0}.item-card small{font-size:9px;color:#dbca91}.inventory-stats{display:flex;justify-content:space-between;font-size:10px;margin:22px 0;color:#d8d7a8}.boss-health{position:absolute;top:110px;left:50%;transform:translateX(-50%);width:min(360px,40vw);text-align:center}.boss-health>span{font:13px Georgia,serif;letter-spacing:2px;text-shadow:0 1px 5px #163832}.boss-health>div{height:6px;margin-top:10px;background:#173d3a99;outline:1px solid #ece5bf66;outline-offset:3px}.boss-health i{display:block;height:100%;background:#e1b883;transition:width .2s}.boss-health small{display:block;font-size:9px;opacity:.7;margin-top:12px}.interaction{position:absolute;left:50%;top:63%;transform:translateX(-50%);align-items:center;gap:11px;display:flex;background:#163d38d9;border:1px solid #f4e2af66;backdrop-filter:blur(7px);padding:10px 16px;border-radius:7px;font-size:12px;white-space:nowrap}.interaction kbd{color:#183d37;background:#f7eccb;border:0;font-size:12px;width:24px;height:24px}.toast{position:fixed;left:50%;bottom:155px;transform:translateX(-50%);background:#153d36e8;border:1px solid #e6ddaf66;backdrop-filter:blur(8px);padding:12px 22px;border-radius:5px;font-size:12px;z-index:15;max-width:90vw;text-align:center;pointer-events:none;animation:toast-in .25s ease-out}.damage-flash{position:fixed;inset:0;z-index:6;pointer-events:none;box-shadow:inset 0 0 110px #ba4344;opacity:0;transition:opacity .25s}.ending-panel{text-align:center}.ending-symbol{font-size:60px;display:block;color:#f1d48c;margin-bottom:24px}.ending-stats{display:flex;justify-content:center;gap:25px;font-size:11px;margin-top:24px;color:#e5d397}.loading{position:fixed;inset:0;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;background:#183d37;z-index:30;font:13px Georgia,serif;letter-spacing:2px}.loading-mark{font:65px Georgia,serif;color:#eddbab;animation:breathe 1.5s infinite ease-in-out}body.paused .vignette{background:#0d303b22}.mobile-short{display:none}@keyframes breathe{50%{opacity:.4;transform:rotate(20deg)}}@keyframes toast-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-width:900px){.topbar{left:22px;right:22px;top:22px}.region{display:none}.vitals{left:24px;top:95px}.quest{left:24px;top:204px;width:180px}.quest h2{font-size:20px}.quest p{font-size:11px}.map-wrap{right:22px;top:95px}.map-wrap canvas{width:105px;height:105px}.bottom-hud{left:22px;right:22px;bottom:30px}.movement-hint,.inventory-hint .save-status{display:none}.inventory-hint{margin-left:auto}.intro-content{left:7%;}.intro h1{font-size:62px}.intro-note{right:25px;bottom:65px}.ability{width:64px;height:70px}.abilities{gap:8px}.panel{padding:30px}}@media(max-width:600px){.wordmark>span{font-size:20px;letter-spacing:4px}.wordmark small{font-size:6px}.wordmark svg{width:25px;height:34px}.utility{gap:6px}.icon-button{width:30px;height:30px;font-size:15px}.intro h1{font-size:49px;letter-spacing:-1.5px}.intro p{font-size:12px}.intro-content{transform:translateY(-40%)}.intro-note{display:none}.intro-meta{gap:10px;font-size:7px;letter-spacing:1.4px}.intro-actions{align-items:start;flex-direction:column;gap:7px}.version-label{font-size:6px;letter-spacing:1px}.map-wrap canvas{width:80px;height:80px}.map-wrap{top:89px;right:18px}.map-caption{font-size:6px;letter-spacing:.7px}.quest{width:150px}.quest h2{font-size:18px}.quest .eyebrow{font-size:7px;letter-spacing:1.4px}.quest p{font-size:10px}.beacon-dots{gap:6px;margin-top:10px}.beacon-dots span{font-size:9px}.panel h2{font-size:30px}.controls-list>div{gap:8px;font-size:10px}.controls-list kbd{font-size:8px}.boss-health{top:90px;width:44vw}.boss-health>span{font-size:10px;letter-spacing:1px}.boss-health small{font-size:7px}.interaction{top:56%;font-size:10px}.inventory-hint button{font-size:10px}.abilities{left:42%!important}.toast{bottom:130px;font-size:11px}body:not(.started) .utility #pause{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.quest{padding:17px 18px 19px;margin-left:-18px;margin-top:-17px;width:252px;border-left:1px solid #dfd09a80;background:linear-gradient(90deg,#183f38b0,#183f3860 72%,#183f3800);border-radius:0 5px 5px 0}.quest .eyebrow{color:#f1da9d}.quest h2{margin-top:10px}.region{text-shadow:0 2px 6px #183e36,0 0 25px #163e36}.map-wrap canvas{background:#1d443ec9}@media(max-width:900px){.quest{width:210px}}@media(max-width:600px){.quest{width:175px;padding:13px 14px}}

/* Onir - Prélude: patinated copper, warm paper, and restrained resonance. */
:root{--gold:#e1bd83;--cream:#fff1d7;--ink:#203c35}.wordmark>span{font-size:31px;letter-spacing:7px}.wordmark small{font-size:9px;letter-spacing:6px;margin-top:4px}.wordmark svg{color:#e2c391}.intro{background:linear-gradient(90deg,#183a36d6 0%,#183a3688 32%,#183a3800 70%)}.intro h1{font-size:clamp(42px,5.2vw,76px);max-width:670px}.intro h1 em{color:#e9c997}.intro-content>.eyebrow{color:#e0bb82}.primary-button{background:#ead2ac;border:1px solid #f0dfc4}.ability.accent{border-color:#9bd1c3}.notebook-panel{max-width:620px;max-height:86vh;overflow:auto}.notebook-entry{padding:16px 0;border-top:1px solid #d5bb802d}.notebook-entry h3{font:20px Georgia,serif;color:#e5c792;margin:0 0 9px;font-weight:400}.notebook-entry p{margin:0;font-size:12px;line-height:1.9}.notebook-entry.undiscovered{opacity:.5}.notebook-entry.undiscovered h3{font-size:17px;color:#c6ceb8}.inventory-hint{gap:6px}#notebookCount{font-size:9px;color:#e5c792;margin-left:4px}.quest{width:270px}.quest p{max-width:220px}@media(max-width:900px){.quest{width:215px}.intro h1{font-size:54px;max-width:560px}}@media(max-width:600px){.intro h1{font-size:39px;max-width:95%}.intro p{max-width:88%}.intro-content>.eyebrow{font-size:7px;letter-spacing:1.7px}.wordmark>span{font-size:25px}.wordmark small{font-size:7px}.quest{width:175px}.inventory-hint kbd{font-size:8px}.inventory-hint button{font-size:9px}.notebook-entry h3{font-size:18px}}
.weapon-techniques{padding:12px 15px 15px;margin:2px 0 15px;background:#392f26c2;border:1px solid #d8b87a66}.weapon-techniques-heading{margin:0 0 10px}.weapon-techniques-heading p{margin:5px 0 0;font-size:10px;line-height:1.45}.weapon-techniques-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:255px;overflow-y:auto;padding-right:5px}.weapon-technique-card{display:flex;gap:10px;align-items:center;min-width:0;padding:12px;background:linear-gradient(115deg,#4d3928ed,#28443cdd);border:1px solid #d8b87a66;box-shadow:inset 0 0 0 1px #edd4a11e}.weapon-technique-card.equipped{border-color:#e5c993}.weapon-technique-card.learned{background:linear-gradient(115deg,#5d4a2e,#31564a)}.weapon-technique-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #e5c99377;background:#172e2b8c;color:#efd19a}.weapon-technique-icon svg{width:27px;height:27px}.weapon-technique-copy{min-width:0;flex:1}.weapon-technique-card small{font:8px Segoe UI,sans-serif;letter-spacing:1.1px;color:#e4c48d}.weapon-technique-card h3{font:17px Georgia,serif;margin:2px 0 3px;color:#f4dfb5}.weapon-technique-card p{font-size:10px;line-height:1.35;margin:0 0 5px;color:#f1e5cb!important;opacity:1}.weapon-technique-card strong{color:#f1ce8c}.weapon-technique-card em{font:9px Segoe UI,sans-serif;color:#d8d3b0;font-style:normal}.weapon-technique-card .skill-learn{flex:none;max-width:85px;white-space:normal}.ability.unavailable{opacity:.48}.abilities .ability small{display:block;width:82px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}
.weapon-techniques-heading p{color:#f1e5cb!important;opacity:1}
.ability.locked{opacity:.42;filter:grayscale(.7)}.ability.locked small::after{content:' · niv. ' attr(data-level)}
.hero-name{display:block;max-width:150px;margin-bottom:3px;font:13px Georgia,serif;color:#f0d9a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enemy-bars{position:fixed;inset:0;pointer-events:none;z-index:6;overflow:hidden}
.enemy-bar{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:2px;will-change:transform}
.quality-row{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;margin:14px 0 4px}.quality-row label{font:600 13px Georgia,serif;color:#e9d9ac}.quality-row select{font:13px Georgia,serif;padding:4px 8px;background:#1a2620;color:#f1e4c0;border:1px solid #b29a62;border-radius:4px}.quality-row small{grid-column:1/-1;color:#b9ad8a;font-size:11px}
.state-strip{display:flex;gap:3px;justify-content:center;min-height:0}
.state-icon{--tone:#fff;--left:1;position:relative;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#10150fe6;border:1px solid var(--tone);box-shadow:0 1px 4px #000a}
.state-icon svg{width:11px;height:11px;fill:var(--tone);stroke:none}
.state-icon b{position:absolute;left:2px;right:2px;bottom:-4px;height:2px;border-radius:1px;background:var(--tone);transform-origin:left;transform:scaleX(var(--left))}
.state-icon i{position:absolute;right:-4px;top:-5px;font:700 9px Georgia,serif;font-style:normal;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000}
.hero-states{display:flex;gap:4px;margin:6px 0 0 4px;pointer-events:none}
.hero-states .state-icon{width:22px;height:22px}.hero-states .state-icon svg{width:14px;height:14px}
.enemy-name{font:10px Georgia,serif;color:#f1e4c0;text-shadow:0 1px 3px #000,0 0 6px #000;letter-spacing:.3px;white-space:nowrap}
.enemy-track{position:relative;display:block;width:58px;height:7px;background:#17201cdd;border:1px solid #b29a62;border-radius:4px;box-shadow:0 0 0 1px #0007,0 2px 5px #0008;overflow:hidden}
.enemy-track i{position:absolute;left:0;top:0;bottom:0;display:block;border-radius:3px}
.enemy-ghost{background:#e8e0c0;opacity:.55;transition:width .7s linear .25s}
.enemy-fill{background:linear-gradient(180deg,#9fd37a,#5c9a4a);transition:width .12s ease-out}
.enemy-bar.warn .enemy-fill{background:linear-gradient(180deg,#f0cf74,#cc9a3a)}
.enemy-bar.low .enemy-fill{background:linear-gradient(180deg,#f08a6a,#c2452d)}