:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#f6f1df;background:#17162b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden;touch-action:none}button,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,select:focus-visible{outline:2px solid #bbf7bc;outline-offset:5px}[hidden]{display:none!important}#world{position:absolute;inset:0;width:100%;height:100%;display:block}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 60% 45%,transparent 35%,#0c0c2144 90%)}header{position:absolute;top:32px;left:38px;right:38px;z-index:10;display:flex;justify-content:space-between;align-items:start}.wordmark{display:flex;gap:10px;color:#f6f1df;text-decoration:none;font-size:12px;letter-spacing:3px;line-height:1.3}.wordmark b{font-weight:600}.wordmark i{font-size:33px;font-style:normal;color:#c1f9c5;line-height:1}.topright{display:flex;gap:9px}select,.topright button{border:1px solid #ffffff33;border-radius:20px;background:#11172c9c;color:#f9f3e6;font-size:11px;padding:9px 14px;backdrop-filter:blur(8px)}select option{background:#1e2235}.overlay{position:absolute;inset:0;z-index:5}#menu{background:linear-gradient(90deg,#111225c9 0%,#11122566 39%,transparent 75%)}.menucopy{position:absolute;left:8%;top:23%;max-width:480px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px}.accent{color:#c8fac8}h1{font-size:clamp(48px,5.8vw,88px);font-weight:400;letter-spacing:-4px;line-height:1.04;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#d6fad0}p{font-size:14px;line-height:1.8;color:#d0d0dd}#intro{margin:20px 0 28px}.primary{border:0;background:#d6fad0;color:#172922;min-width:240px;border-radius:3px;padding:17px 23px;font-weight:600;font-size:11px;letter-spacing:1.6px;box-shadow:0 6px 24px #b5ffc81a}.primary span{float:right;font-size:18px;margin-left:32px}.primary:hover{background:#f0ffeb;transform:translateY(-2px)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;font-size:10px;color:#d0d1da}.controls b{font-size:9px;color:#faf7e7;margin-right:7px;border:1px solid #ffffff29;padding:4px 6px;font-weight:500}.subtle{font-size:10px;color:#959eae;margin-top:23px}.sceneCaption{position:absolute;right:6%;bottom:17%;text-align:right}.sceneCaption span{font-size:9px;letter-spacing:2px;color:#cefacd}.sceneCaption p{font-family:Georgia,serif;font-size:24px;font-style:italic;color:#f4eada;line-height:1.4}footer{position:absolute;left:38px;right:38px;bottom:25px;font-size:9px;letter-spacing:1px;color:#a8a9bd}footer span{float:right;color:#8e95aa}#hud{position:absolute;inset:0;pointer-events:none}.vitals{position:absolute;top:108px;left:38px;width:225px}.hpbar{height:7px;background:#20273fe0;margin-top:12px;border:1px solid #ffffff18}.hpbar div{height:100%;background:linear-gradient(90deg,#7cdabb,#d5fac0);transition:width .18s}.meterlabel{display:flex;justify-content:space-between;font-size:10px;margin-top:7px;color:#b7c7c8}.dashbar{margin-top:14px;height:3px;width:96px;background:#ffffff22}.dashbar div{height:100%;background:#eee5af}small{font-size:8px;letter-spacing:1px;color:#dcd9b7}.quest{position:absolute;top:108px;right:38px;text-align:right}.sceneDots{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}.sceneDots span{width:32px;height:32px;border:1px solid #ffffff44;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#cac5e1}.sceneDots span.done{background:#c6f4bf;color:#1e3a2f;border-color:#c6f4bf}.quest p{font-size:11px;max-width:260px}.bossbar{position:absolute;top:95px;left:50%;transform:translateX(-50%);width:35%;text-align:center}.bossbar span{font-size:10px;letter-spacing:2px;color:#f0bfad}.bossbar>div{height:5px;margin-top:10px;background:#23233a}.bossbar i{display:block;height:100%;background:#ef9b83;transition:width .2s}.modal{background:#1013259c;backdrop-filter:blur(8px);display:grid;place-items:center;z-index:20}.panel{text-align:center;max-width:860px;padding:34px;width:90%}h2{font-family:Georgia,serif;font-size:42px;font-weight:400;letter-spacing:-1px;line-height:1.15;margin:20px 0}.cards{display:flex;gap:16px;margin-top:30px}.card{flex:1;background:#192437e8;border:1px solid #95caae3d;border-radius:8px;padding:26px 18px;text-align:left;transition:.2s}.card:hover{border-color:#c9f9c7;background:#283d46;transform:translateY(-5px)}.card .symbol{font-size:36px;color:#d0fac7}.card h3{font-family:Georgia,serif;font-size:21px;font-weight:400;margin:18px 0 12px}.card p{font-size:12px;color:#b7c9cb}.card small{color:#c8fac8}#toast{position:absolute;top:auto;bottom:78px;left:50%;transform:translateX(-50%);padding:10px 18px;border:1px solid #d0f6c744;background:#132839dd;border-radius:3px;font-size:12px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:11;text-align:center}#prompt{position:absolute;left:50%;bottom:18%;transform:translateX(-50%);background:#152333dd;border:1px solid #c6f9c655;padding:12px 24px;font-size:12px;border-radius:3px;display:none;pointer-events:none}#help{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1px;color:#cad4d2;background:#11182d88;padding:10px 16px;white-space:nowrap;border-radius:20px}#damageFlash{position:absolute;inset:0;border:25px solid #d6536333;opacity:0;pointer-events:none;transition:opacity .1s}#stats{font-size:13px;line-height:2;color:#c5d4d3;margin:20px}#touch{position:absolute;inset:0;pointer-events:none;z-index:12}#stick{position:absolute;bottom:50px;left:35px;width:120px;height:120px;border:1px solid #ffffff55;background:#172b3788;border-radius:50%;pointer-events:auto}#stickKnob{position:absolute;left:38px;top:38px;width:42px;height:42px;background:#d5efda77;border-radius:50%;border:1px solid #daffdc88}.touchActions{position:absolute;bottom:40px;right:20px;display:flex;align-items:center;gap:8px;pointer-events:auto}.touchActions button{width:65px;height:65px;border-radius:50%;border:1px solid #bfffbd66;background:#163131bb;font-size:25px}.touchActions button small{display:block;font-size:8px}#touchAttack{width:88px;height:88px;background:#729b7877}.touchActions #touchRestore{width:51px;height:51px;font-size:21px}#loading{position:absolute;inset:0;background:#15162c;display:grid;place-content:center;text-align:center;z-index:30}#loading span{font-size:55px;color:#c7f3c4;animation:breath 1s infinite alternate}#loading p{font-size:12px}@keyframes breath{to{opacity:.4;transform:scale(.9)}}
@media(max-width:700px){header{left:20px;right:20px;top:22px}.wordmark{font-size:9px;letter-spacing:2px}.wordmark i{font-size:27px}.topright{gap:5px}.topright select,.topright button{padding:8px;font-size:10px}.menucopy{left:8%;top:24%;width:85%}h1{font-size:55px;letter-spacing:-2px}.sceneCaption{display:none}footer{left:20px;right:20px;bottom:20px;font-size:8px;line-height:2}footer span{float:none;display:block}#menu{background:linear-gradient(90deg,#111225cc,transparent)}.vitals{left:20px;top:94px;width:145px}.quest{right:20px;top:94px;max-width:150px}.quest .eyebrow{font-size:8px}.quest p{font-size:10px;line-height:1.5}.bossbar{top:205px;width:70%}.cards{gap:10px}.card{padding:16px 10px}.card h3{font-size:17px}.card p{font-size:10px}.card .symbol{font-size:25px}h2{font-size:32px}.panel{padding:14px;width:96%}#help{display:none}#toast{top:auto;bottom:200px;width:80%}#prompt{bottom:29%;width:70%;text-align:center}.controls{gap:12px 8px;max-width:340px}}


@media(max-width:420px){header{left:14px;right:14px}.vitals{left:14px;top:90px;width:115px}.quest{right:14px;top:90px;width:130px;max-width:130px}.quest .eyebrow{font-size:8px;letter-spacing:1px;line-height:1.6}.quest p{font-size:10px;line-height:1.45}.sceneDots{gap:6px}.sceneDots span{width:26px;height:26px}.bossbar{top:205px;width:85%}#stick{left:16px;bottom:45px;width:100px;height:100px}#stickKnob{left:29px;top:29px}.touchActions{right:12px;gap:6px}.touchActions button{width:50px;height:50px;font-size:22px}.touchActions #touchAttack{width:68px;height:68px}.touchActions #touchRestore{width:42px;height:42px}.touchActions button small{font-size:7px}}