:root{color-scheme:dark;--ink:#102e36;--deep:#0b202b;--gold:#efd18b;--mint:#9ae5bf;--paper:#f8f2df;--muted:#a3b8b8}*{box-sizing:border-box}body{margin:0;background:#0a1d28;color:#eff4e8;font-family:Arial,sans-serif}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ffda83;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:1px solid #ffffff25;background:#183844;color:#f7f4e7;border-radius:12px;padding:11px 16px;font-weight:700}button:hover:not(:disabled){filter:brightness(1.13)}[hidden]{display:none!important}.site-header{max-width:1600px;margin:auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;height:74px}.site-header>div{display:flex;align-items:center;gap:14px}.site-header b{font-size:26px;color:var(--gold)}.site-header span{font-size:12px;color:var(--muted)}.site-header a{font-size:13px}.site-header button{font-size:12px;padding:8px 12px}main{max-width:1600px;margin:auto;padding:0 18px}#shell{position:relative;height:min(820px,calc(100svh - 94px));min-height:570px;border:1px solid #53706b;border-radius:24px;overflow:hidden;background:#214b50;box-shadow:0 24px 80px #0006}#game{display:block;width:100%;height:100%;outline:none;touch-action:none}.hud{position:absolute;top:20px;right:22px;left:22px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.vitals,.wealth,.place{background:#102e36df;border:1px solid #e8dbab33;border-radius:15px;padding:12px 17px;backdrop-filter:blur(8px);box-shadow:0 7px 22px #001a2333}.eyebrow{font-size:11px;color:var(--gold);letter-spacing:.7px}.vitals{min-width:145px}#hearts{font-size:24px;color:#ff8d91;letter-spacing:1px;line-height:1.5;max-width:210px}.stamina{height:5px;border-radius:10px;background:#fff2;overflow:hidden}.stamina i{display:block;background:var(--mint);width:100%;height:100%;transition:width .1s}.place{text-align:center;padding:10px 26px}.place span{display:block;font-size:10px;color:#bccfca;margin-bottom:5px}.place strong{font-size:22px}.wealth b{font-size:25px}.wealth>span{display:block;font-size:11px;color:#d0d8cd;margin-top:6px}.coin{color:var(--gold)}.objective{position:absolute;right:22px;top:141px;width:240px;text-align:right;background:#f8f2e5ee;color:var(--ink);border:1px solid #bfa76d;box-shadow:0 10px 30px #09292a25;padding:13px 16px}.objective>span{font-size:10px;color:#617767}.objective strong{display:block;font-size:16px;margin:4px 0}.objective small{font-size:12px;line-height:1.5;font-weight:400}.mini{position:absolute;left:22px;top:133px;padding:7px;border:1px solid #d8cc9c55;border-radius:20px;background:#102e36d9;backdrop-filter:blur(8px);text-align:center}.mini canvas{display:block;width:123px;height:123px}.mini span{font-size:9px;color:#c7d9ce}.menu{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.menu button{font-size:12px;white-space:nowrap;padding:11px 13px;background:#102e36e8;border-color:#e2d5b645}.menu b{font-size:10px;color:var(--gold);margin-right:5px}.controls{position:absolute;inset:auto 22px 24px 22px;display:flex;direction:ltr;justify-content:space-between;align-items:flex-end;pointer-events:none}.dpad,.actions{pointer-events:auto}.dpad{display:grid;grid-template-columns:47px 47px 47px;grid-template-rows:43px 43px;gap:5px}.dpad button{padding:0;font-size:24px;background:#163641d9;border:1px solid #e7f0d733;user-select:none;touch-action:none}.dpad [data-move=up]{grid-column:2}.dpad [data-move=left]{grid-column:1;grid-row:2}.dpad [data-move=down]{grid-column:2;grid-row:2}.dpad [data-move=right]{grid-column:3;grid-row:2}.actions{display:flex;align-items:flex-end;gap:7px;direction:rtl}.actions button{height:66px;min-width:74px;box-shadow:0 8px 18px #09252e3d}.actions small{display:block;font-size:10px;font-weight:400;opacity:.7;margin-top:7px}.actions .cast{background:#f0ce84;color:#243a3d;border-color:#f8e9bb}.actions .interact{background:#a3e5bc;color:#173c38;border-color:#c4f7cd;min-width:95px}.actions .dodge{font-size:12px;background:#25464eed}.toast{position:absolute;bottom:126px;left:50%;transform:translateX(-50%);max-width:min(500px,85%);background:#102e36ed;border:1px solid #f2d19477;border-radius:13px;padding:12px 22px;font-size:15px;text-align:center;pointer-events:none;box-shadow:0 8px 30px #001a2344}.boss-health{position:absolute;top:116px;left:50%;transform:translateX(-50%);width:min(310px,40%);text-align:center;background:#16313be8;border:1px solid #bfa77777;padding:10px 18px;border-radius:12px}.boss-health strong{font-size:14px}.boss-health>div{height:6px;background:#fff2;border-radius:4px;overflow:hidden;margin:8px 0}.boss-health i{display:block;height:100%;background:#dba0e9;transition:width .2s}.boss-health small{font-size:10px;color:#e5dfce}.modal{position:absolute;inset:0;background:#082430b8;backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px;z-index:20}.panel{width:min(860px,100%);max-height:100%;overflow:auto;background:var(--paper);border:1px solid #e4cd94;border-radius:24px;color:var(--ink);box-shadow:0 24px 100px #0008;padding:28px;position:relative}.panel h2{font-size:31px;margin:5px 0 14px}.panel p{font-size:17px;line-height:1.75;margin:10px 0}.panel .eyebrow{color:#887040;font-weight:700}.panel button{background:#e4e8d9;color:#143d3b;border-color:#a9bdb044}.panel .primary{background:#1b6255;color:white;min-width:155px;padding:15px 26px;box-shadow:0 6px 16px #1b625522}.panel .secondary{background:transparent;border-color:#9eac9777}.panel .close{position:absolute;top:14px;left:15px;border:0;background:transparent;font-size:22px;padding:3px 11px}.panel-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #c7c6ad77;padding-top:19px;margin-top:22px}.read{font-size:12px;padding:9px 12px}.intro{display:grid;grid-template-columns:1.18fr 1fr;gap:15px;align-items:center}.intro h2{font-size:45px;line-height:1.05;color:#184d46}.intro p{font-size:15px;color:#4e6963}.intro-art{background:radial-gradient(ellipse,#c5e4ca 0,transparent 65%);position:relative;text-align:center}.intro-art>img{width:100%;height:310px;object-fit:contain;filter:drop-shadow(0 16px 15px #3c615533)}.pill-row{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.pill{font-size:10px;border:1px solid #b8b79166;border-radius:20px;padding:6px 10px;color:#6c745b}.gender{display:flex;gap:8px;margin:14px 0}.gender button{display:flex;align-items:center;gap:8px;background:#fffffb;border:2px solid #cad0b8;padding:5px 15px;min-width:105px}.gender button[aria-pressed=true]{border-color:#2e8975;background:#e7f5e9}.gender img{width:40px;height:45px;object-fit:contain}.panel select{background:#fffdf5;border:1px solid #acb6a1;border-radius:9px;padding:10px;color:#183e36;font:inherit;margin-right:7px}.small{font-size:11px!important;color:#6c7e70}.conversation{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}.portrait{width:100%;height:220px;object-fit:contain;filter:drop-shadow(0 12px 12px #315c4626)}.conversation p{font-size:19px}.conversation h2{font-size:28px}.question-head{display:flex;justify-content:space-between;align-items:center;padding-left:25px}.question-head span{font-size:12px;color:#6e8068}.question h2{font-size:24px;line-height:1.5;text-align:center;margin:22px 0}.equation{font-size:39px;font-weight:800;text-align:center;direction:ltr;color:#206252;letter-spacing:3px;margin:20px}.picture-count{display:flex;flex-wrap:wrap;justify-content:center;max-width:340px;margin:10px auto}.picture-count img{width:70px;height:70px;object-fit:contain}.answers{display:flex;justify-content:center;gap:12px;margin:20px 0;flex-wrap:wrap}.answers button{min-width:100px;min-height:75px;font-size:27px;background:#fffef7;border:2px solid #c4d0b7;box-shadow:0 5px 0 #bac9b03a;padding:13px 20px}.answers button:hover{border-color:#23806a}.answers .color-choice{color:#fff;min-width:95px;font-size:20px;text-shadow:0 1px 3px #0005}.answer-tray{min-height:63px;background:#e2e7d6;border:1px dashed #96af93;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;flex-wrap:wrap}.answer-tray span{padding:5px 10px;background:#fffffb;border-radius:8px;font-size:24px;font-weight:700}.memory-preview{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:15px 0;min-height:58px}.memory-preview span{padding:15px;border-radius:10px;color:white;font-size:17px;font-weight:700;text-shadow:0 1px 3px #0005}.hint-box{background:#efe4bf;border-radius:10px;padding:12px 16px;font-size:15px;line-height:1.6;margin-top:13px}.feedback{min-height:28px;text-align:center;color:#b55742;font-weight:700;font-size:14px}.list-tabs{display:flex;gap:6px;margin:14px 0;flex-wrap:wrap}.list-tabs button{font-size:12px;padding:8px 12px}.list-tabs button.active{background:#286d5b;color:white}.quest-list{display:grid;gap:8px}.quest-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #c2c9b7;border-radius:12px;background:#fffdf3}.quest-row strong{display:block;font-size:15px}.quest-row small{display:block;color:#69816c;font-size:11px;margin-top:5px}.quest-row.done{background:#e7efdb}.quest-row.locked{opacity:.55}.quest-row button{font-size:11px;padding:8px 12px;min-width:80px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.tool-card{border:1px solid #bbc9ae;background:#fffdf3;border-radius:15px;padding:13px;text-align:center}.tool-card img{height:100px;width:100%;object-fit:contain}.tool-card strong{display:block;font-size:15px}.tool-card p{font-size:12px;line-height:1.5;min-height:38px}.tool-card button{font-size:11px;padding:8px 14px}.region-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.region-card{padding:17px!important;border-right:6px solid var(--region)!important;text-align:right;background:#fffdf5!important}.region-card strong{display:block;font-size:19px}.region-card small{display:block;font-size:12px;color:#67806e;margin-top:8px}.loading{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;gap:17px;align-items:center;justify-content:center;background:#143640}.loading b{font-size:24px;color:var(--gold)}.loading>div{width:240px;height:7px;background:#ffffff18;border-radius:8px;overflow:hidden}.loading i{display:block;height:100%;width:0;background:var(--mint);transition:width .2s}.loading span{font-size:12px;color:#b2c5bd}.underbar{display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:12px;color:#b8c7c2}.underbar>div{display:flex;gap:5px}.underbar button{font-size:11px;padding:8px 12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:46px 20px;max-width:1200px;margin:auto}.about h1{font-size:34px;color:var(--gold);margin:10px 0}.about h2{font-size:22px;color:#c8e2cc}.about p{font-size:14px;line-height:1.9;color:#aabfba}.about details{border:1px solid #ffffff20;padding:15px;border-radius:12px;font-size:13px}footer{padding:25px;display:flex;justify-content:center;gap:30px;font-size:12px;color:#9bb7b1}.skip{position:fixed;top:-100px;background:#fff;color:#000;padding:10px;z-index:99}.skip:focus{top:5px}.hit{animation:hit .25s}@keyframes hit{50%{box-shadow:inset 0 0 60px #d85151}}.expanded{position:fixed!important;inset:0!important;z-index:99!important;border-radius:0!important;height:100svh!important}.profile-switch{font:inherit;color:inherit}
@media(max-width:1050px){.menu{bottom:115px}.mini{top:130px}.objective{width:210px}.conversation{grid-template-columns:115px 1fr;gap:15px}.conversation p{font-size:17px}}
@media(max-width:650px){main{padding:0 5px}.site-header{height:53px;padding:8px 12px}.site-header b{font-size:20px}.site-header span{display:none}.site-header a{font-size:10px}.site-header button{font-size:10px;padding:7px}#shell{height:calc(100svh - 65px);min-height:620px;border-radius:16px}.hud{top:10px;right:10px;left:10px}.vitals,.wealth,.place{padding:9px 10px;border-radius:11px}.vitals{min-width:106px}.vitals .eyebrow{font-size:9px}#hearts{font-size:17px;max-width:117px;letter-spacing:0}.wealth b{font-size:20px}.wealth>span{font-size:9px}.place{position:absolute;right:50%;transform:translateX(50%);top:0;max-width:120px;background:transparent;border:0;box-shadow:none;padding:6px 3px;text-shadow:0 2px 5px #0c332e}.place strong{font-size:14px}.place span{font-size:8px}.objective{right:10px;top:107px;width:205px;padding:9px 12px}.objective strong{font-size:13px}.objective small{font-size:10px}.mini{left:10px;top:100px;padding:4px;border-radius:12px}.mini canvas{width:88px;height:88px}.mini span{font-size:7px}.controls{left:10px;right:10px;bottom:14px}.dpad{grid-template-columns:34px 34px 34px;grid-template-rows:38px 38px;gap:3px}.dpad button{font-size:20px;border-radius:9px}.actions{gap:4px}.actions button{height:57px;min-width:53px;padding:9px 7px;font-size:12px;border-radius:11px}.actions .interact{min-width:65px;max-width:78px}.actions .dodge{font-size:10px}.actions small{font-size:8px;margin-top:6px}.menu{bottom:107px;gap:3px}.menu button{padding:9px 11px;font-size:10px}.menu b{font-size:8px}.toast{bottom:155px;padding:9px 14px;font-size:12px;max-width:90%;width:max-content}.boss-health{top:211px;width:210px;max-width:80%;padding:7px 12px}.boss-health strong{font-size:12px}.boss-health small{font-size:9px}.modal{padding:10px}.panel{padding:22px 17px;border-radius:18px}.panel h2{font-size:24px;padding-left:13px}.panel p{font-size:15px;line-height:1.7}.intro{display:flex;flex-direction:column-reverse;gap:0}.intro-art{width:100%;height:135px}.intro-art>img{height:170px;position:relative;top:-15px}.intro h2{font-size:33px;margin:0 0 10px}.intro p{font-size:13px}.intro .eyebrow{font-size:9px}.pill-row{margin:10px 0}.pill{font-size:9px;padding:4px 8px}.gender{margin:11px 0}.gender button{padding:3px 12px;font-size:13px}.gender img{height:38px;width:35px}.panel select{font-size:12px;padding:8px}.panel-footer{margin-top:16px;padding-top:14px}.panel .primary{padding:12px 18px;min-width:130px;font-size:14px}.small{font-size:10px!important}.conversation{display:block;text-align:center}.portrait{height:135px;width:140px;float:none}.conversation h2{font-size:23px;margin-top:0}.conversation p{font-size:16px;text-align:right}.question h2{font-size:20px;padding:0;margin:17px 0}.equation{font-size:30px}.answers{gap:7px}.answers button{min-width:70px;min-height:58px;font-size:22px;padding:10px 13px}.answers .color-choice{min-width:65px;font-size:15px}.answer-tray span{font-size:20px;padding:4px 8px}.memory-preview{gap:5px}.memory-preview span{font-size:12px;padding:11px 9px}.read{font-size:10px!important;padding:8px!important}.tool-grid{grid-template-columns:repeat(2,1fr);gap:8px}.tool-card{padding:10px}.tool-card img{height:75px}.tool-card strong{font-size:13px}.tool-card p{font-size:11px}.region-grid{grid-template-columns:1fr}.region-card strong{font-size:16px}.quest-row{padding:11px 10px}.quest-row strong{font-size:13px}.quest-row small{font-size:10px}.quest-row button{font-size:10px;min-width:64px}.underbar{justify-content:center}.underbar>span{display:none}.about{display:block;padding:25px 12px}.about h1{font-size:27px}.about>div+div{margin-top:24px}.about p{font-size:13px}.loading b{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
#panel-title:focus{outline:none}@media(max-width:650px){.intro-art{height:155px}.intro-art>img{height:150px;top:0}}