:root{color-scheme:dark;--ink:#eef4de;--muted:#a8b6ac;--mint:#9ce3c8;--line:#d5e4cb25;--panel:#10292bec;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:#142f36;color:var(--ink);overflow:hidden}button,select{font:inherit;color:inherit}button,a,summary,select,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}button,a,summary{ -webkit-tap-highlight-color:transparent }#arena{width:100vw;height:100dvh;position:relative;overflow:hidden}#world{position:absolute;width:100%;height:100%;display:block;touch-action:none;outline:none}.topbar{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:27px 34px;z-index:3;background:linear-gradient(#071b219c,transparent)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:730;font-size:.88rem;letter-spacing:.13em;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:36px;height:42px;border:1px solid #c4d7ae87;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);font-family:Georgia,serif;font-size:1.5rem;font-weight:400;letter-spacing:0;background:#bcc5a90c}.brand-sub{display:block;font-size:.64rem;letter-spacing:.17em;color:var(--muted);margin-top:5px}.top-actions{display:flex;gap:10px;align-items:center}.quiet{border:1px solid var(--line);border-radius:4px;background:#071b2155;padding:9px 13px;font-size:.88rem;backdrop-filter:blur(10px)}.quiet:hover{background:#284546}.scene-label{font-size:.69rem;letter-spacing:.11em;margin-right:18px;color:#c1cec2}.scene-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);margin-right:8px}.quest{position:absolute;top:119px;left:35px;width:270px;pointer-events:none;text-shadow:0 2px 12px #081d24}.eyebrow{font-size:.66rem;letter-spacing:.22em;color:var(--mint);font-weight:600}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:2.65rem;letter-spacing:-.04em;line-height:1.08;margin:11px 0 15px}.quest p{font-size:.91rem;line-height:1.55;color:#d4ddd0;max-width:235px}.quest-progress{font-size:.8rem;display:flex;justify-content:space-between;width:222px;margin-top:24px}.quest-progress span:last-child{color:var(--muted)}.wave-track{height:2px;width:222px;background:#d9e6dd29;margin-top:11px}.wave-track i{display:block;height:100%;width:0;background:var(--mint);transition:width .3s}.tools{position:absolute;right:34px;top:116px;width:250px;z-index:5}details{background:#0d242799;border:1px solid var(--line);border-radius:6px;backdrop-filter:blur(18px)}summary{display:flex;align-items:center;justify-content:space-between;font-size:.87rem;padding:13px 16px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:1.2rem;color:var(--mint)}details[open] summary{border-bottom:1px solid var(--line)}details[open] summary span{transform:rotate(45deg)}.tool-body{padding:16px;max-height:calc(100dvh - 260px);overflow:auto}.tool-body label{display:block;font-size:.82rem;color:#c2cec1;margin-bottom:7px}.tool-body select{width:100%;font-size:.88rem;background:#173638;border:1px solid #58787566;border-radius:4px;padding:10px 8px;margin-bottom:17px}.tool-note{font-size:.76rem;line-height:1.55;color:var(--muted);margin:-5px 0 15px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool-body button{border:1px solid var(--line);background:#2d4e4755;border-radius:4px;padding:10px 5px;font-size:.8rem}.tool-body button:hover{background:#50796455}.tool-body .wide{width:100%;display:flex;justify-content:space-between;padding:11px;margin:8px 0 18px}.file-label{margin-top:3px}input[type=file]{font-size:.71rem;max-width:100%;margin-bottom:15px}input[type=file]::file-selector-button{border:0;border-radius:3px;background:#7ea892;color:#112c2a;padding:7px;margin-right:8px}.tool-body .text-button{display:block;background:none;color:#c8d6ba;font-size:.78rem;text-decoration:none;text-align:left;border:0;padding:7px 0}.vitals{display:flex;gap:13px;align-items:center;position:absolute;bottom:75px;left:35px;width:267px;pointer-events:none}.portrait{width:45px;height:49px;border:1px solid #b9cba56b;display:grid;place-items:center;color:#d8c28d;background:#132c32ad;clip-path:polygon(0 0,100% 0,100% 78%,50% 100%,0 78%);font-size:1.7rem}.vital-bars{flex:1}.vital-title{font-size:.65rem;letter-spacing:.12em;display:flex;justify-content:space-between;margin-bottom:9px}.vital-title span:last-child{letter-spacing:0;font-size:.8rem;color:#d3dbc8}.health-track{height:6px;background:#1d232ac9;border:1px solid #eff3b81c}.health-track i{display:block;background:linear-gradient(90deg,#88a976,#c1d6a3);height:100%;width:100%;transition:width .1s}.stamina-track{height:3px;background:#142e32cc;margin-top:6px}.stamina-track i{display:block;height:100%;width:100%;background:#68aea6;transition:width .1s}.controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:18px;white-space:nowrap;font-size:.76rem;color:#c3cdc4;pointer-events:none}kbd{font-family:inherit;color:#eff2db;font-size:.71rem;background:#0b20268c;border:1px solid #bacfc032;border-radius:3px;padding:4px 7px;margin-right:5px}.world-caption{position:absolute;bottom:78px;right:34px;font-size:.62rem;letter-spacing:.14em;color:#d4dec08c;pointer-events:none}.world-caption span{margin:0 9px}#notice{position:absolute;bottom:140px;left:50%;transform:translateX(-50%);font-size:.9rem;background:#102b2ae0;border:1px solid var(--line);padding:11px 18px;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .15s;max-width:75vw;text-align:center}#notice.visible{opacity:1}.curtain{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#071c2366,transparent 25%,transparent 75%,#071c2355);z-index:4}.curtain[hidden]{display:none}.curtain-card{text-align:center;margin-top:150px;max-width:430px;background:linear-gradient(transparent,#071b23a8 35%,#071b2380 78%,transparent);padding:30px 35px 45px;text-shadow:0 2px 16px #0b1f27}.curtain-card h2{font:400 2.2rem/1.1 Georgia,serif;margin:14px 0}.curtain-card p{font-size:.95rem;line-height:1.6;color:#d3dbce}.primary{display:flex;justify-content:space-between;gap:36px;align-items:center;margin:27px auto 16px;background:#cbd5b4;color:#233b35;border:1px solid #e5e8c4;border-radius:3px;padding:15px 21px;font-weight:650;box-shadow:0 5px 30px #091d2070}.primary:hover{background:#e5e6c7}.start-hint{font-size:.75rem!important;color:#a7bcb2!important}.touch-controls{display:none}#hurt-flash{position:absolute;inset:0;box-shadow:inset 0 0 110px 30px #a83c3155;pointer-events:none;opacity:0;transition:opacity .1s}#reticle{display:none}.fatal{position:absolute;inset:15%;display:grid;place-content:center;background:#142f36;font-size:1rem;line-height:1.6;z-index:10;padding:35px;border:1px solid var(--line)}
@media(max-width:850px){.scene-label,.world-caption{display:none}.topbar{padding:19px 21px}.quest{left:22px;top:103px;width:220px}h1{font-size:2.2rem}.tools{right:21px;top:100px;width:210px}.controls{font-size:.65rem;gap:9px}.controls span:nth-child(n+4){display:none}.vitals{left:22px}}
@media(pointer:coarse){.touch-controls{display:flex;position:absolute;bottom:30px;left:25px;right:25px;justify-content:space-between;align-items:center;pointer-events:none;z-index:6}#joystick{width:100px;height:100px;border:1px solid #d2dfc34a;border-radius:50%;background:#102a3159;position:relative;touch-action:none;pointer-events:auto}#stick{position:absolute;width:40px;height:40px;top:29px;left:29px;border:1px solid #cbd5b681;border-radius:50%;background:#d4e2c22b}.touch-actions{display:flex;gap:15px;align-items:flex-end;pointer-events:auto}.touch-actions button{width:70px;height:70px;border-radius:50%;border:1px solid #d2dfc366;background:#1c383ed4;color:#d3dfc4}.touch-actions button:first-child{width:48px;height:48px;font-size:1.4rem}.controls{display:none}.vitals{bottom:155px}.world-caption{bottom:30px}#notice{bottom:235px}}
@media(max-width:540px){.brand-sub{font-size:.58rem}.brand{font-size:.78rem;gap:9px}.brand-mark{height:34px;width:28px}.quiet{font-size:.76rem;padding:8px}.top-actions{gap:6px}.topbar{padding:17px}.quest{top:83px;left:20px;width:185px}.quest p{font-size:.82rem;max-width:165px}h1{font-size:1.9rem}.eyebrow{font-size:.57rem}.quest-progress,.wave-track{width:175px}.quest-progress{margin-top:15px;font-size:.74rem}.tools{right:17px;top:82px;width:145px}summary{font-size:.78rem;padding:10px 12px}.tools:has(details[open]){width:240px}.tools details[open]{background:#10292bf5}.curtain-card{margin-top:160px;padding:25px 20px;width:85vw;max-width:360px}.curtain-card h2{font-size:1.85rem}.curtain-card .eyebrow{display:none}.curtain-card p{font-size:.85rem}.vitals{width:230px;left:20px}.vital-title{font-size:.61rem}.tool-body{max-height:calc(100dvh - 200px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
:is(.brand-sub,.scene-label,.eyebrow,.vital-title,.world-caption,kbd){font-size:.75rem}
.tool-body label,.tool-body button,.tool-body select,.tool-body .text-button,.quiet,summary,.controls,.quest-progress,.vital-title span:last-child{font-size:.875rem}
input[type=file]{font-size:.75rem}