:root{font-family:"Inter Variable",sans-serif;color:#eaf2ed;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#102c3c}button,input{font:inherit}#scene{position:fixed;inset:0;display:block;width:100vw;height:100vh;height:100dvh;touch-action:none;outline:none}.identity,.status,.controls,.panel,.credit,.level-marker{position:fixed;z-index:2}.identity{top:36px;left:40px;pointer-events:none;text-shadow:0 2px 14px #0a2539}.identity p{font-size:12px;color:#bbd3d2;margin:0}.identity #eyebrow{font-size:11px;letter-spacing:.18em;color:#e0be85}.identity h1{font-family:"Instrument Serif",serif;font-size:45px;line-height:1.05;font-weight:400;margin:9px 0 10px}.identity #description{max-width:280px;line-height:1.5}.status{right:40px;top:37px;padding:12px 15px;display:flex;align-items:center;gap:9px;border:1px solid #95b7b338;background:#123341c9;backdrop-filter:blur(12px);font-size:11px;letter-spacing:.06em}.status #member-count{border-left:1px solid #95b7b34d;padding-left:10px;color:#bdcfc9}.swatch{height:7px;width:7px;background:#deb47d;transform:rotate(45deg)}.controls{right:40px;bottom:34px;display:flex;gap:6px}button{border:1px solid #9ab4af55;background:#123341eb;border-radius:2px;color:#e4eeea;height:44px;min-width:65px;padding:0 15px;cursor:pointer;backdrop-filter:blur(12px)}button:hover,button[aria-pressed=true]{background:#cba66f;color:#142e3d}button:focus-visible,input:focus-visible{outline:2px solid #ffdfa4;outline-offset:3px}.panel{right:40px;bottom:89px;width:320px;padding:16px;background:#102e3eed;border:1px solid #b8c9bd3d;backdrop-filter:blur(14px);box-shadow:0 12px 30px #071c2944}.panel[hidden]{display:none}.layers{display:flex;gap:5px;margin-bottom:14px}.layers button{flex:1;min-width:0;font-size:12px;padding:0 6px}.panel label{display:flex;justify-content:space-between;font-size:12px;line-height:20px}.panel output{font-variant-numeric:tabular-nums;color:#e0ba7b}.panel input{display:block;width:100%;height:44px;accent-color:#d4b180;margin:0 0 3px;cursor:pointer}.panel p{font-size:11px;color:#9dbebf;margin:6px 0 0}.credit{left:40px;bottom:36px;color:#b0c7c9;margin:0;font-size:11px;letter-spacing:.025em}.level-marker{font-size:11px;line-height:24px;color:#c1d8d5;pointer-events:none;white-space:nowrap;text-shadow:0 1px 4px #0d253c;transform:translate(12px,-50%)}.level-marker::before{content:"";position:absolute;width:28px;height:1px;background:#b4d3c277;left:-34px;top:50%}.level-marker span{color:#d9b075;margin-right:7px;font-size:11px}.level-marker[hidden]{display:none}.fallback{position:fixed;top:35%;left:10%;width:80%;background:#123344;padding:24px;z-index:9;line-height:1.5}.fallback[hidden]{display:none}@media(max-width:600px){.identity{top:max(23px,env(safe-area-inset-top));left:20px;right:20px}.identity h1{font-size:32px;margin:7px 0}.identity #eyebrow{font-size:11px}.identity #description{font-size:12px;max-width:280px;line-height:1.4}.status{top:141px;left:20px;right:auto;padding:8px 10px;font-size:11px}.controls{left:20px;right:20px;bottom:max(25px,env(safe-area-inset-bottom));gap:5px}.controls button{flex:1;font-size:12px;padding:0 8px;min-width:0}.panel{left:20px;right:20px;width:auto;bottom:79px;padding:6px 14px}.layers{margin-bottom:4px}.panel input{height:44px}.panel p{display:none}.level-marker{display:none}.credit{left:20px;bottom:8px;font-size:11px}}