:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#f4f5fa;background:#090e19;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:32px;left:36px;right:36px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.brand{color:#fff;text-decoration:none;font-size:20px;font-weight:900;letter-spacing:-.8px;pointer-events:auto}.brand span{color:#b3f66d}.brand small{display:block;font-size:11px;letter-spacing:3px;color:#93a1b8;margin-top:6px}#status{font-size:13px;color:#b2c0d6;background:#111b2a;padding:9px 14px;border-radius:30px}main{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:440px;max-width:calc(100% - 32px);padding:38px;background:linear-gradient(155deg,#182336f5,#0c1322fa);border:1px solid #ffffff18;border-radius:26px;box-shadow:0 30px 100px #0008;backdrop-filter:blur(16px)}.eyebrow{color:#b3f66d;font-size:11px;font-weight:750;letter-spacing:2px}h1{font-size:64px;letter-spacing:-4px;line-height:1.05;margin:16px 0}h1 span{color:#b3f66d}p{color:#a4b2c9;font-size:15px}form{margin-top:26px}label{display:block;font-size:11px;letter-spacing:1.5px;font-weight:700;color:#b2bfd1;margin:18px 0 9px}input:not([type=checkbox]){font:inherit;padding:14px 16px;background:#080f1c;border:1px solid #344056;border-radius:10px;width:100%;outline:none}input:focus{border-color:#b3f66d}#colors{display:flex;gap:13px;margin:12px 0}.swatch{width:35px;height:35px;padding:0;border-radius:50%;border:3px solid transparent;cursor:pointer;outline-offset:4px}.swatch[aria-pressed=true]{outline:2px solid white}.roomrow{margin:20px 0}.roomrow label{font-size:14px;letter-spacing:0;font-weight:500;display:flex;align-items:center;gap:8px}.roomrow input[type=checkbox]{accent-color:#b3f66d;width:16px;height:16px}#play{display:flex;justify-content:space-between;width:100%;padding:17px 20px;border:0;border-radius:10px;background:#b3f66d;color:#12210c;font-size:17px;font-weight:800;cursor:pointer}#play:hover{background:#c6ff8c}#play:disabled{opacity:.45;cursor:wait}#error{font-size:14px;color:#ffb9bb;margin-top:10px}.instructions{display:flex;justify-content:space-between;gap:12px;margin-top:25px;font-size:11px;color:#9eacc1}.instructions b{display:block;font-size:10px;color:#e6edf8;margin-bottom:4px}.hint{font-size:12px;line-height:1.5;margin-bottom:0}aside{position:fixed;right:25px;top:100px;width:215px;background:#0d1729cc;border:1px solid #ffffff12;border-radius:16px;padding:18px}h3{font-size:11px;color:#9aaac0;letter-spacing:2px;margin:0 0 14px}ol{margin:0;padding-left:22px}li{font-size:13px;padding:5px 0}li b{float:right}#roomLabel{font-size:11px;color:#94a5bd;margin-top:14px}#stats{position:fixed;left:35px;bottom:35px}#stats strong{display:block;font-size:42px;line-height:1}#stats span{font-size:10px;letter-spacing:2px;color:#a4b2c9}#guide{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);font-size:12px;color:#a4b2c9;white-space:nowrap}#boost{position:fixed;bottom:30px;right:28px;width:75px;height:75px;border-radius:50%;border:1px solid #b3f66d77;background:#b3f66d22;font-size:30px;touch-action:none;user-select:none}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:600px){header{top:20px;left:20px;right:20px}.brand{font-size:16px}main{padding:25px}h1{font-size:54px}aside{width:165px;right:12px;top:83px;padding:13px}aside li{font-size:11px}#guide{display:none}#stats{left:20px;bottom:25px}.instructions{font-size:10px}#status{font-size:11px}}@media(max-height:650px){main{padding:20px;max-height:calc(100dvh - 90px);overflow:auto;top:55%}h1{font-size:43px;margin:8px 0}form{margin-top:12px}.instructions{margin-top:15px}}