:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;background:#05070d;color:#f8eed5;touch-action:none;user-select:none;-webkit-user-select:none}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden}body{background:#05070d}button{font:800 clamp(12px,1.45vw,17px)/1 "Arial Narrow","Avenir Next Condensed",Impact,sans-serif;letter-spacing:.14em;color:#f8eed5;background:linear-gradient(180deg,#263244,#111722);border:1px solid #e2c47a66;border-radius:999px;min-height:44px;padding:0 24px;box-shadow:0 7px 20px #0008,inset 0 1px #fff1;cursor:pointer}button:active,.pressed{transform:translateY(2px) scale(.97);filter:brightness(1.35)}#game{position:absolute;inset:0;width:100%;height:100%;display:block;background:#080b13}.hidden{display:none!important}.title-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6vh 12vw;background:radial-gradient(circle at 50% 47%,#172236 0 8%,#0b101c 9% 18%,transparent 19%),conic-gradient(from -13deg at 50% 47%,#bb654822 0 12%,#79bfd022 12% 25%,#67a96e22 25% 38%,#527fa722 38% 51%,#7c9c5c22 51% 64%,#b47b4622 64% 77%,#8979bf22 77% 90%,#bb654822 90%),radial-gradient(ellipse at center,#111a29 0 31%,#050810 66%,#020309);text-shadow:0 3px 12px #000;isolation:isolate}.title-card:before{content:"";position:absolute;left:50%;top:47%;width:min(58vw,58vh);height:min(58vw,58vh);z-index:-1;transform:translate(-50%,-50%) rotate(-12deg);border:2px solid #d5b66e70;border-radius:50%;box-shadow:0 0 0 18px #05091399,0 0 0 20px #88c8bf38,0 0 80px #d3b36c22;clip-path:polygon(0 0,47% 0,47% 8%,53% 8%,53% 0,100% 0,100% 47%,92% 47%,92% 53%,100% 53%,100% 100%,53% 100%,53% 92%,47% 92%,47% 100%,0 100%,0 53%,8% 53%,8% 47%,0 47%)}.title-card:after{content:"";position:absolute;left:50%;top:47%;width:min(7vw,7vh);height:min(17vw,17vh);z-index:-1;transform:translate(-50%,-30%);background:linear-gradient(#8ad0c5,#295366);clip-path:polygon(50% 0,100% 28%,88% 100%,12% 100%,0 28%);box-shadow:0 0 30px #80c9bf99}.brand-kicker{font:700 clamp(8px,1vw,12px)/1 "Arial Narrow","Avenir Next Condensed",Impact,sans-serif;letter-spacing:.45em;color:#edc67e;margin-bottom:1.4vh}h1{font:900 clamp(54px,10vw,142px)/.7 "Arial Narrow","Avenir Next Condensed",Impact,sans-serif;letter-spacing:-.03em;margin:0;background:linear-gradient(180deg,#fff8de,#dbb66d 72%,#7fcac3);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 5px 0 #241a13) drop-shadow(0 15px 24px #000b)}.subtitle{font:700 clamp(12px,2.2vw,29px)/1 "Arial Narrow","Avenir Next Condensed",Impact,sans-serif;letter-spacing:.56em;color:#9ed8cf;margin:2.7vh 0 2vh}.title-card p{max-width:620px;color:#d5cdbb;font-size:clamp(11px,1.4vw,16px);line-height:1.6;margin:0 0 3vh}.title-card button{width:min(300px,45vw);margin:5px;background:linear-gradient(180deg,#b7793d,#79431f);border-color:#ffd78e}.title-card .quiet{background:#101723aa;border-color:#c9dbda55}.title-note{position:absolute;bottom:3vh;color:#aeb1ad;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.hud{position:absolute;inset:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) auto max(10px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;pointer-events:none;text-shadow:0 2px 7px #000;font:700 clamp(11px,1.3vw,16px)/1 "Arial Narrow","Avenir Next Condensed",Impact,sans-serif;letter-spacing:.14em}.hud-left,.hud-right{display:flex;align-items:center;gap:14px;background:#060910aa;border:1px solid #e6ca8150;border-radius:999px;padding:7px 9px 7px 13px;backdrop-filter:blur(8px)}#hearts{color:#e78670;font-size:1.25em;letter-spacing:.08em}#sigils{color:#8fd2c9}#pause{width:34px;min-height:30px;height:30px;padding:0;pointer-events:auto;border-color:#ffffff25;background:#1b2430}.controls{position:absolute;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:end;pointer-events:none}.move-pad{position:relative;width:164px;height:112px;pointer-events:auto}.move-pad button,.action-pad button{position:absolute;width:54px;height:54px;min-height:0;padding:0;background:#0b111bcc;border:1px solid #d8dfd744;box-shadow:0 5px 15px #0008;backdrop-filter:blur(7px);color:#d8e8e6}.move-pad [data-key=left]{left:0;top:29px}.move-pad [data-key=right]{left:108px;top:29px}.move-pad [data-key=up]{left:55px;top:0}.move-pad [data-key=down]{left:55px;top:58px}.action-pad{position:relative;width:148px;height:105px;pointer-events:auto}.action-pad .attack{right:0;top:0;width:67px;height:67px;background:#8f4b32dd;border-color:#ffd495;color:#fff4d2;font-size:22px}.action-pad .interact{left:0;bottom:0;width:58px;height:58px;background:#1a5e66dd;border-color:#bffbf0;color:#e9fffa;font-size:20px}.dialogue{position:absolute;left:50%;bottom:max(15px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(720px,72vw);min-height:96px;background:linear-gradient(135deg,#101722f5,#080b13f5);border:1px solid #dfc27c;border-radius:8px;padding:14px 48px 14px 19px;box-shadow:0 20px 50px #000d;pointer-events:none}#speaker{font:800 12px/1 Arial Narrow,Avenir Next Condensed,Impact,sans-serif;letter-spacing:.22em;color:#89d4c9;margin-bottom:8px;text-transform:uppercase}.dialogue p{font-size:clamp(12px,1.4vw,16px);line-height:1.45;margin:0;color:#f4ead3}.continue-mark{position:absolute;right:18px;bottom:14px;color:#f0c97e;animation:pulse 1.1s infinite}.quest-card{position:absolute;top:13%;left:50%;transform:translate(-50%,-8px);width:min(390px,70vw);padding:12px 18px;text-align:center;background:#0a1019ed;border-top:1px solid #e8c67d;border-bottom:1px solid #e8c67d;box-shadow:0 12px 35px #000a;animation:questIn .45s both}.quest-card>div{font:700 9px/1 Arial Narrow,Avenir Next Condensed,Impact,sans-serif;letter-spacing:.38em;color:#8bd3ca}.quest-card strong{display:block;font:900 22px/1 Arial Narrow,Avenir Next Condensed,Impact,sans-serif;letter-spacing:.08em;margin:7px 0;color:#f6dfac}.quest-card p{font-size:11px;color:#c7c5bd;margin:0}.panel{position:absolute;inset:8% 18%;background:linear-gradient(150deg,#151d2cf7,#080b13f7);border:1px solid #e2c68088;border-radius:13px;padding:22px 28px;box-shadow:0 20px 80px #000;overflow:auto}.panel h2{font:900 clamp(34px,5vw,60px)/1 "Arial Narrow","Avenir Next Condensed",Impact,sans-serif;margin:0 0 16px;color:#f3deac}.panel h3{font:800 15px/1 Arial Narrow,Avenir Next Condensed,Impact,sans-serif;letter-spacing:.13em;color:#83d1c8;margin:15px 0 7px}.panel p{font-size:12px;line-height:1.45;color:#d4cec0}.panel-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.panel-actions .danger{border-color:#b2685d;color:#e9b3aa;background:#281417}#rotate{display:none;position:absolute;inset:0;background:#060910;align-items:center;justify-content:center;text-align:center;padding:40px;font:800 24px/1.25 Arial Narrow,Avenir Next Condensed,Impact,sans-serif;letter-spacing:.08em;z-index:20}@keyframes pulse{50%{opacity:.3;transform:translateY(3px)}}@keyframes questIn{0%{opacity:0;transform:translate(-50%,-24px)}to{opacity:1;transform:translate(-50%)}}@media(orientation:portrait)and (max-width:800px){#rotate{display:flex}}@media(max-height:500px){.title-card p{display:none}.title-note{bottom:1.5vh}.move-pad{transform:scale(.82);transform-origin:bottom left}.action-pad{transform:scale(.82);transform-origin:bottom right}.dialogue{bottom:8px;width:min(660px,58vw);min-height:76px;padding-top:10px}.dialogue:not(.hidden)~.controls{opacity:.35}.panel{inset:4% 14%;padding:15px 20px}}@media(pointer:fine){.controls{opacity:.28}.controls:hover{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important}}