@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--gold:#e8c88c;--cream:#f8f0e5;--muted:#b8a9c1;--night:#100d1b;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--cream);font-family:var(--sans);overflow:hidden}.hud{height:64px;position:absolute;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:linear-gradient(#100d1bd9,transparent);border-bottom:1px solid #ffffff12}.brand{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.16em}.brand b{color:var(--gold)}.brand span{font-size:8px;color:#c5b5c9;letter-spacing:.2em}.chapter{display:flex;flex-direction:column;gap:3px;text-align:center}.chapter span{font-size:8px;color:var(--gold);letter-spacing:.22em}.chapter b{font-size:10px;letter-spacing:.14em;font-weight:500}.right-hud{display:flex;align-items:center;gap:20px;font-size:9px;letter-spacing:.12em;color:#d3c3d6}.right-hud b{color:var(--gold);margin-left:7px}button{font:inherit;cursor:pointer}.right-hud button{width:34px;height:34px;background:#100d1b88;border:1px solid #e8c88c66;color:var(--gold);font-size:15px}main{width:100vw;height:100vh}#viewport{position:absolute;inset:0;background:#191323;overflow:hidden}#viewport canvas{width:100%;height:100%;display:block}#vignette{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 45%,#080611aa 100%),linear-gradient(0deg,#0e0b19bb,transparent 22%,transparent 75%,#100d1b99)}.crosshair{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#f3d8a2a8;text-shadow:0 0 12px #e8c88c}.mission{position:absolute;z-index:3;left:28px;top:90px;width:min(310px,48vw);padding:15px 17px;background:linear-gradient(90deg,#130e20d9,#130e2070);border-left:2px solid var(--gold)}.mission small,.level-card small,.pause-card small{font-size:8px;letter-spacing:.23em;color:var(--gold);display:block;margin-bottom:8px}.mission b{font:500 21px/1.1 var(--serif);display:block;max-width:280px}.mission-bar{height:2px;background:#ffffff25;margin-top:13px}.mission-bar span{display:block;height:100%;width:0;background:var(--gold);transition:width .3s}.controls-help{position:absolute;z-index:3;bottom:23px;left:50%;transform:translateX(-50%);display:flex;gap:18px;white-space:nowrap;color:#e6dce7b0;font-size:8px;letter-spacing:.1em}kbd{font:9px var(--sans);border:1px solid #e8c88c66;color:var(--gold);padding:4px 6px;margin-right:4px;background:#100d1b66}.interaction{position:absolute;z-index:5;bottom:70px;left:50%;transform:translateX(-50%);width:min(570px,90vw);padding:22px 26px;background:linear-gradient(115deg,#171020f5,#2c1a34f0);border:1px solid #e8c88c77;box-shadow:0 15px 70px #0009}.interaction span{font-size:9px;letter-spacing:.23em;color:var(--gold)}.interaction p{font:21px/1.4 var(--serif);margin:10px 0 15px}.interaction button,.level-card button,.pause-card button{background:var(--gold);color:#21152a;border:0;padding:12px 18px;font-size:9px;letter-spacing:.13em;font-weight:700}.interaction button b{font-size:15px;margin-left:18px}.level-card,.pause-card{position:absolute;z-index:6;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:#0e0b19dd;backdrop-filter:blur(9px)}.level-card h2,.pause-card h2{font:500 clamp(44px,7vw,78px)/.9 var(--serif);margin:12px 0;color:var(--gold)}.level-card p{font:22px/1.4 var(--serif);max-width:520px;color:#d7c9db;margin:10px auto 26px}.hidden{display:none!important}.intro{position:absolute;z-index:10;inset:0;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(110deg,#130e20 0%,#21142d 55%,#382039 100%);transition:opacity .7s,visibility .7s}.intro.gone{opacity:0;visibility:hidden;pointer-events:none}.intro-copy{align-self:center;padding:6vw 0 6vw 9vw;max-width:680px;z-index:2}.eyebrow{font-size:9px;color:var(--gold);letter-spacing:.25em;font-weight:700}.intro h1{font:500 clamp(58px,7vw,104px)/.79 var(--serif);letter-spacing:-.045em;margin:30px 0}.intro h1 em{color:var(--gold);font-weight:400}.intro-sub{font:clamp(20px,2.1vw,28px)/1.15 var(--serif);color:#e4d6e4}.intro-desc{font:17px/1.55 var(--serif);color:#bcaec5;max-width:430px;margin:22px 0}.intro-copy>button{background:var(--gold);border:0;color:#21152a;padding:17px 23px;font-size:10px;font-weight:700;letter-spacing:.14em;min-width:220px;display:flex;justify-content:space-between}.intro-copy>button span{font-size:18px}.disclaimer{display:block;margin-top:18px;font-size:9px;line-height:1.4;color:#82738d;max-width:340px}.intro-art{position:relative;overflow:hidden;background:linear-gradient(180deg,#261831,#7d455f 53%,#e3a587 76%,#25172e 100%);border-left:1px solid #e8c88c33}.intro-art:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#140d20 0%,transparent 55%),radial-gradient(ellipse at 50% 75%,#ffd6a855,transparent 50%)}.art-sun{position:absolute;width:150px;height:150px;top:16%;left:43%;border-radius:50%;background:#f2d7ad;box-shadow:0 0 110px #ffdba677}.art-palace{position:absolute;left:3%;right:0;bottom:14%;height:55%;background:repeating-linear-gradient(90deg,#1a1128 0 8%,#6e4052 8.5% 9.5%,#26162f 10% 18%);clip-path:polygon(0 100%,0 36%,9% 36%,9% 18%,17% 18%,17% 0,25% 0,25% 18%,33% 18%,33% 36%,67% 36%,67% 18%,75% 18%,75% 0,83% 0,83% 18%,91% 18%,91% 36%,100% 36%,100% 100%)}.art-hero{position:absolute;left:50%;bottom:11%;width:40px;height:130px;background:#180f23;border-radius:45% 45% 0 0;box-shadow:0 -17px 0 -3px #180f23}.art-hero:before{content:"";position:absolute;top:-30px;left:5px;width:30px;height:32px;background:#b97765;border-radius:50%;box-shadow:0 -8px 0 -1px #170e20}.art-hero:after{content:"";position:absolute;top:-36px;left:0;width:40px;height:8px;background:var(--gold);box-shadow:0 -5px 0 -2px var(--gold)}.art-water{position:absolute;bottom:0;left:0;right:0;height:14%;background:repeating-linear-gradient(175deg,transparent 0 13px,#f1c49b55 14px 15px,transparent 16px 26px)}#loading{position:fixed;z-index:20;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#100d1b;transition:opacity .6s}.load-mark{font-size:38px;color:var(--gold);animation:glow 1.5s infinite alternate}#loading p{font-size:10px;letter-spacing:.25em;color:var(--cream)}#loading small{color:#9b8aa5;font-size:10px;margin-top:12px}.load-track{width:180px;height:2px;background:#ffffff20}.load-track span{display:block;height:100%;width:0;background:var(--gold);animation:load 1.2s ease forwards}@keyframes load{to{width:100%}}@keyframes glow{to{text-shadow:0 0 24px #e8c88c}}footer{position:absolute;z-index:5;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:10px 22px;color:#776980;font-size:7px;letter-spacing:.17em;pointer-events:none}.mobile-pad{display:none}
@media(max-width:760px){.intro{grid-template-columns:1fr;overflow:auto}.intro-copy{padding:35px 8vw 25px}.intro h1{font-size:60px;margin:18px 0}.intro-desc{font-size:15px;margin:14px 0}.intro-art{height:30vh;min-height:190px;border-left:0;border-top:1px solid #e8c88c33}.art-sun{width:70px;height:70px}.art-palace{height:70%}.hud{height:56px;padding:0 12px}.brand{font-size:10px;letter-spacing:.08em}.brand span{display:none}.chapter{display:none}.right-hud{font-size:8px;gap:9px}.mission{top:70px;left:10px;padding:10px 12px;width:220px}.mission b{font-size:17px}.controls-help{display:none}.mobile-pad{position:absolute;z-index:5;bottom:26px;left:15px;right:15px;display:flex;justify-content:space-between;gap:8px}.mobile-pad button{background:#100d1b99;border:1px solid #e8c88c77;color:var(--gold);width:45px;height:44px;border-radius:5px}.mobile-pad button[data-move=interact]{width:64px;font-size:10px}.interaction{bottom:82px;padding:15px}.interaction p{font-size:18px}footer{font-size:6px;padding:8px}}