:root{color-scheme:dark;--cream:#fff0d2;--amber:#ffc575;--teal:#93f2e2;font-family:system-ui,-apple-system,sans-serif;color:var(--cream);background:#03090e}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#experience{position:relative;isolation:isolate;width:100%;max-width:540px;height:100svh;min-height:640px;margin:auto;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#287c782e,transparent 55%),linear-gradient(#081821,#0b3439 55%,#071219)}#environment,.vignette{position:absolute;inset:0;pointer-events:none}#environment canvas{display:block;width:100%;height:100%}.vignette{z-index:1;background:linear-gradient(#07131a80,transparent 29%,transparent 57%,#051219ed 85%);box-shadow:inset 0 0 85px #020b1150}.fallback-portal{position:absolute;width:72%;height:43%;top:29%;left:14%;border:15px solid #57736e;border-radius:50% 50% 10% 10%;box-shadow:inset 0 0 45px #6df9d5,0 0 50px #69decc80;opacity:.55}.webgl .fallback-portal{display:none}header{position:absolute;top:max(18px,env(safe-area-inset-top));left:24px;right:24px;z-index:5;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;font-size:20px;letter-spacing:4px;line-height:1}.brand span{display:block;font-size:9px;letter-spacing:2.6px;color:var(--amber);margin-top:8px}.utilities{display:flex;gap:8px}.utilities button{position:relative;width:44px;height:44px;border:1px solid #b5e8dc35;background:#0c2229aa;border-radius:50%;font-size:21px}.slash{position:absolute;left:13px;top:8px;font-size:20px;color:var(--amber)}.heading{position:absolute;top:14%;left:16px;right:16px;z-index:3;text-align:center;pointer-events:none}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2.6px;color:var(--amber);margin:0 0 14px}h1{font-size:clamp(38px,11vw,58px);line-height:1.02;letter-spacing:-2.5px;margin:0;font-weight:900;text-shadow:0 3px 24px #0008}h1 em{font-style:normal;color:var(--amber)}#subtitle{font-size:12px;line-height:1.5;margin:14px auto 0;max-width:290px;color:#dae3dc}#companion{position:absolute;z-index:2;top:34%;height:43%;left:0;right:0;pointer-events:none;transition:top .8s,height .8s}#dragon{position:absolute;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 7px #0009);animation:float 6s ease-in-out infinite;transition:opacity .2s,transform .4s}#dragon.changing{opacity:0;transform:scale(.94)}.pet-shadow{position:absolute;width:56%;height:9%;bottom:1%;left:22%;background:#010a0de0;filter:blur(8px);border-radius:50%;transform:rotate(-5deg)}#pet-label{position:absolute;bottom:-15px;text-align:center;width:100%;font-size:10px;letter-spacing:.3px;color:#e4d5b8}.controls{position:absolute;z-index:4;bottom:72px;left:24px;right:24px}.primary{width:100%;min-height:58px;border-radius:16px;background:linear-gradient(170deg,#ffdf9c,#e7a44e);box-shadow:inset 0 2px 0 #fff0bc,0 5px 0 #875125,0 10px 35px #d8983425;color:#302113;font-size:17px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:24px}.primary:active{transform:translateY(3px);box-shadow:inset 0 2px 0 #fff0bc,0 2px 0 #875125}.primary span{font-size:24px}.micro{font-size:10px;text-align:center;color:#a8bbb8;margin:12px 0 0}footer{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:24px;right:24px;display:flex;align-items:center;gap:14px;z-index:4;font-size:10px;color:#a6bcb9}footer button{padding:0;min-height:44px;background:none;font-size:11px}#step{margin-left:auto;letter-spacing:2px;font-size:9px}#pets{display:flex;gap:6px;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c49d61 transparent;padding:7px 2px 3px;margin:3px 0 12px}#pets button{min-width:48px;flex:0 0 48px;height:60px;border-radius:13px;background:#14343de6;border:1px solid #688a884f;padding:4px;transition:background .2s,transform .2s}#pets img{width:100%;height:100%;object-fit:contain}#pets button[aria-pressed=true]{border:2px solid var(--amber);background:#56432e;transform:translateY(-5px);box-shadow:0 0 16px #ffb64d40}.selection{text-align:center;font-size:12px;margin:0;color:var(--amber)}[data-stage=choose] #companion{top:30%;height:39%}[data-stage=choose] #pet-label,[data-stage=world] #pet-label{display:none}[data-stage=world] .heading{top:12%}[data-stage=world] h1{font-size:clamp(36px,10vw,48px)}[data-stage=world] #companion{top:28%;height:29%;left:15%;right:15%}.world-controls{bottom:66px}.modes{display:flex;gap:8px;margin-bottom:13px}.modes button{width:50%;min-height:49px;border-radius:12px;background:#102d34dd;border:1px solid #6b96984d;font-size:15px;font-weight:750}.modes small{display:block;font-size:9px;font-weight:500;margin-top:3px;color:#bcd1ce}.modes button[aria-pressed=true]{background:#28534d;border-color:#a4e3c7;color:#fff1c6}#mission{text-align:center;font-size:12px;margin:8px 0 12px}.spells{display:flex;gap:8px}.spells button{min-height:48px;background:#102c35;border:1px solid #5a898b;border-radius:12px;flex:1;font-size:12px}.spells span{font-size:22px;vertical-align:middle;margin-right:8px;color:var(--teal)}.spells #reset{flex:0 0 44px;font-size:24px}.spells button[aria-pressed=true]{border-color:var(--amber);background:#4d4934}#feedback{font-size:11px;color:var(--teal);text-align:center;min-height:30px;line-height:1.4;margin:10px 0}.prototype{display:block;text-align:center;font-size:13px;padding:13px 5px;border-top:1px solid #b5d2c333;border-bottom:1px solid #b5d2c333;color:var(--amber);font-weight:750}dialog{max-width:480px;width:calc(100% - 28px);max-height:85svh;background:#10262e;border:1px solid #7a978a;border-radius:22px;padding:32px 24px;color:var(--cream);box-shadow:0 20px 100px #000}dialog::backdrop{background:#010c12c9;backdrop-filter:blur(7px)}dialog h2{font-size:32px;letter-spacing:-1px;margin:10px 0 18px}dialog p{font-size:13px;line-height:1.7;color:#c5d4d1}dialog summary{padding:17px 0;cursor:pointer;font-size:14px}dialog details{border-top:1px solid #719e982f}dialog .primary{margin-top:20px;font-size:14px}#close{position:absolute;right:12px;top:12px;width:44px;height:44px;border-radius:50%;background:#25434b;font-size:27px}.noscript{position:absolute;z-index:10;bottom:10px;background:#10262e;padding:12px;font-size:12px}.paused #dragon{animation-play-state:paused}@keyframes float{50%{transform:translateY(-8px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-height:720px){.heading{top:13%}#subtitle{margin-top:9px;font-size:11px}.controls{bottom:64px}#companion{top:34%;height:39%}[data-stage=choose] #companion{top:31%;height:34%}[data-stage=world] #companion{top:28%;height:25%}.world-controls{bottom:60px}#feedback{margin:7px 0;min-height:26px}.modes{margin-bottom:8px}.micro{margin-top:8px}#pets button{height:53px}}