:root{color:#252345;font-family:Trebuchet MS,Avenir Next,system-ui,sans-serif;font-synthesis:none;--ink: #252345;--paper: #fffaf0;--purple: #514b91;--yellow: #ffd866}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#cde8f4}button,input{font:inherit}button{color:inherit}#game{width:100%;height:100%;display:block;outline:none;touch-action:none}.hud{position:fixed;z-index:5;filter:drop-shadow(0 5px 12px rgb(31 27 70 / 16%))}.top-hud{top:18px;left:18px;right:18px;display:flex;align-items:center;gap:10px;pointer-events:none}.top-hud>*{pointer-events:auto}.brand-pill,.points-pill,.icon-button,.help-card,.status,.palette{border:3px solid rgb(255 255 255 / 72%);background:#fffaf0e8;box-shadow:inset 0 -3px #483d781c}.brand-pill,.points-pill{min-height:50px;display:flex;align-items:center;gap:9px;padding:8px 16px;border-radius:16px;font-weight:800}.brand-dot{width:16px;height:16px;border-radius:6px;background:#69d9a5;box-shadow:0 0 0 4px #69d9a538}.points-pill{margin-left:auto}.points-icon{color:#e5a900;font-size:1.3rem}.points-pill strong{font-size:1.35rem}.icon-button{width:50px;height:50px;border-radius:16px;cursor:pointer;font-size:1.35rem;font-weight:900}.icon-button:hover,.icon-button:focus-visible{background:#fff;transform:translateY(-1px)}.help-card{left:18px;bottom:18px;display:grid;gap:3px;max-width:320px;padding:12px 15px;border-radius:16px;font-size:.82rem}.help-card strong{color:var(--purple);font-size:.95rem}.status{right:18px;bottom:18px;max-width:340px;padding:10px 14px;border-radius:14px;font-size:.78rem;font-weight:700}#crosshair{position:fixed;z-index:4;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#fff;font-size:32px;font-weight:900;text-shadow:0 2px 5px rgb(0 0 0 / 65%);pointer-events:none}.palette{left:50%;bottom:18px;transform:translate(-50%);display:flex;gap:8px;padding:9px;border-radius:18px}.material-button{width:46px;height:46px;border:3px solid white;border-radius:13px;background:var(--swatch);cursor:pointer;box-shadow:inset 0 -5px #0000001a}.material-button span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#ffffffd9;font-size:.68rem;font-weight:900}.material-button.selected{outline:4px solid var(--yellow);transform:translateY(-5px) scale(1.07)}.loading-card{min-width:min(420px,calc(100vw - 32px));padding:30px;border:5px solid white;border-radius:28px;background:var(--paper);text-align:center;box-shadow:0 18px 70px #29225847}.loading-card h1,.loading-card h2{margin:8px 0;color:var(--purple)}.loading-card p{margin:8px 0}.planet{display:grid;place-items:center;width:72px;height:72px;margin:auto;border-radius:50%;background:linear-gradient(145deg,#ff9a86,#b394f6);color:#fff;font-size:2rem;box-shadow:0 9px #514b91}#loading,.time-overlay{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:16px;background:#4f4f8578;backdrop-filter:blur(7px);transition:opacity .25s}#loading.hidden{opacity:0;pointer-events:none}.time-overlay[hidden]{display:none}dialog{width:min(480px,calc(100vw - 32px));padding:0;border:0;border-radius:24px;color:var(--ink);background:var(--paper);box-shadow:0 24px 90px #14113673}dialog::backdrop{background:#231e4a99;backdrop-filter:blur(5px)}.parent-panel{display:grid;gap:14px;padding:24px}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.dialog-heading h2{margin:2px 0 0;color:var(--purple)}.eyebrow{color:#8a629e;font-size:.68rem;font-weight:900;letter-spacing:.14em}.close-button{width:40px;height:40px;border:0;background:#eee8f7}label{display:grid;gap:6px;font-weight:800}input{width:100%;min-height:45px;padding:9px 12px;border:2px solid #d4ccea;border-radius:12px;color:var(--ink);background:#fff}input:focus{outline:3px solid rgb(112 183 255 / 35%);border-color:#70b7ff}.primary-button{min-height:48px;border:0;border-radius:13px;color:#fff;background:var(--purple);font-weight:900;cursor:pointer;box-shadow:inset 0 -4px #0000002e}.primary-button:disabled{cursor:wait;opacity:.62}.form-result{min-height:1.2em;margin:0;font-weight:700}.child-login{display:grid;gap:12px;margin-top:18px;text-align:left}.child-login[hidden]{display:none}.touch-controls{position:fixed;z-index:7;inset:0;pointer-events:none}.touch-controls[hidden]{display:none}.touch-stick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:126px;height:126px;border:4px solid rgb(255 255 255 / 78%);border-radius:50%;background:#25234557;box-shadow:inset 0 0 0 3px #25234524;pointer-events:auto;touch-action:none}.touch-stick:before,.touch-stick:after{content:"";position:absolute;background:#ffffff59;border-radius:2px;pointer-events:none}.touch-stick:before{width:4px;height:72%;left:calc(50% - 2px);top:14%}.touch-stick:after{height:4px;width:72%;top:calc(50% - 2px);left:14%}.touch-knob{position:absolute;left:calc(50% - 29px);top:calc(50% - 29px);width:58px;height:58px;border:4px solid white;border-radius:50%;background:#70b7ff;box-shadow:0 5px 12px #1f1b4647;pointer-events:none}.touch-look-hint{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:164px;padding:5px 10px;border-radius:10px;color:#fff;background:#2523456b;font-size:.68rem;font-weight:800;opacity:.8}.touch-actions{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:end;gap:12px;pointer-events:auto}.touch-action{display:grid;place-items:center;gap:1px;width:76px;height:76px;padding:6px;border:4px solid white;border-radius:24px;color:#fff;box-shadow:0 5px 14px #1f1b464d,inset 0 -5px #00000021;touch-action:none}.touch-action b{font-size:1.8rem;line-height:1}.touch-action span{font-size:.65rem;font-weight:900}.touch-action.remove{background:#ff7b72}.touch-action.place{width:88px;height:88px;background:#514b91}.touch-action:active{transform:scale(.94)}.touch-mode .palette{bottom:max(118px,calc(env(safe-area-inset-bottom) + 105px))}.touch-mode .status{bottom:max(175px,calc(env(safe-area-inset-bottom) + 162px))}.touch-mode .help-card{display:none}@media(max-width:760px){.top-hud{top:8px;left:8px;right:8px}.brand-pill,.points-pill{min-height:43px;padding:7px 10px;font-size:.8rem}.icon-button{width:43px;height:43px}.help-card{display:none}.status{right:8px;bottom:77px;max-width:calc(100vw - 16px)}.palette{bottom:8px;gap:4px;padding:6px}.material-button{width:40px;height:40px}.touch-mode .palette{bottom:max(112px,calc(env(safe-area-inset-bottom) + 102px))}.touch-mode .status{bottom:auto;top:59px;font-size:.68rem}}@media(max-height:520px){.touch-stick{width:102px;height:102px}.touch-knob{left:calc(50% - 24px);top:calc(50% - 24px);width:48px;height:48px}.touch-action{width:64px;height:64px;border-radius:20px}.touch-action.place{width:72px;height:72px}.touch-mode .palette{bottom:8px}.touch-mode .status,.touch-look-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}