:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eff9f4;background:#b8cec7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(#bdd3ce,#819c94)}canvas{display:block;width:100%;height:100%;outline:none}.identity{position:fixed;z-index:3;top:28px;left:30px;pointer-events:none;text-shadow:0 2px 18px rgb(8 34 31 / 42%)}.identity .eyebrow{margin:0 0 4px;color:#e9faf3c7;font-size:10px;font-weight:750;letter-spacing:.19em}.identity h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:-.035em}.guide{display:grid;gap:4px;margin-top:14px;color:#f1f9f6c7;font-size:11px;line-height:1.35;letter-spacing:.01em;text-shadow:0 1px 12px rgb(3 20 18 / 48%)}.surface-controls{position:fixed;z-index:6;bottom:max(22px,env(safe-area-inset-bottom));left:50%;display:flex;align-items:stretch;gap:7px;padding:6px;border:1px solid rgb(255 255 255 / 14%);border-radius:13px;background:#0a1d1bc2;box-shadow:0 12px 34px #0516143d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%)}.surface-controls label{display:grid;gap:1px;min-width:132px;padding:4px 9px 3px}.surface-controls label>span{color:#def1ea94;font-size:8px;font-weight:750;letter-spacing:.12em;line-height:1;text-transform:uppercase}.surface-controls select,.surface-controls button{min-height:38px;border:0;border-radius:8px;color:#edf8f4;font:inherit;font-size:11px;font-weight:700}.surface-controls select{width:100%;min-height:24px;padding:0 22px 0 0;background:transparent;cursor:pointer}.surface-controls select option{background:#17342f;color:#edf8f4}.surface-controls button{min-width:126px;padding:0 15px;background:#4d8b7be0;box-shadow:inset 0 1px #ffffff21;cursor:pointer;transition:background .16s ease,transform .16s ease}.surface-controls button:hover:not(:disabled){background:#5b9e8cf5}.surface-controls button:active:not(:disabled){transform:translateY(1px)}.surface-controls button:disabled{cursor:default;opacity:.46}.surface-controls button.triggered{animation:surface-event-pulse .48s ease-out}@keyframes surface-event-pulse{35%{background:#8ed0bcf5;color:#12332d}}#loading{position:fixed;z-index:20;inset:0;display:grid;place-content:center;background:radial-gradient(circle at 52% 44%,#d5e2db,#9db6ae);color:#24433e;transition:opacity .65s ease,visibility .65s ease}#loading.hidden{opacity:0;visibility:hidden}#loading p{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.loading-card{width:min(420px,calc(100vw - 48px));padding:22px 24px 20px;border:1px solid rgb(255 255 255 / 32%);border-radius:13px;background:#dcebe46b;box-shadow:0 22px 65px #16312c29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.loading-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:12px;font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}#loading-percent{min-width:3.2em;color:#24433ea8;text-align:right;font-variant-numeric:tabular-nums}.loading-track{height:6px;overflow:hidden;border-radius:99px;background:#1b3e3824;box-shadow:inset 0 1px 2px #14302b1a}.loading-bar{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b6159,#57a391);box-shadow:0 0 16px #41877761;transform:scaleX(0);transform-origin:left center;transition:transform .18s ease-out}#loading .loading-card>p{margin-top:11px;color:#24433e94;font-size:9px;letter-spacing:.12em}#loading.graphics-error{padding:24px;background:radial-gradient(circle at 52% 44%,#d8e5de,#91aaa3)}.graphics-error-card{width:min(440px,calc(100vw - 40px));padding:28px 30px;border:1px solid rgb(255 255 255 / 28%);border-radius:14px;background:#122b27db;box-shadow:0 24px 70px #0b1c193d;color:#edf7f3;text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.graphics-error-card .graphics-error-eyebrow{color:#c0e1d6b8;font-size:9px;font-weight:750;letter-spacing:.19em}.graphics-error-card h2{margin:9px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500;line-height:1.15}#loading .graphics-error-card>p:not(.graphics-error-eyebrow){margin:0 0 19px;color:#e6f3eec2;font-size:12px;line-height:1.55;letter-spacing:0;text-transform:none}.graphics-error-card button{padding:9px 15px;border:1px solid rgb(255 255 255 / 22%);border-radius:99px;background:#d7eee5;color:#173b35;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.graphics-error-card small{display:block;margin-top:14px;color:#ddeee894;font-size:10px;line-height:1.45}#sim-label{position:fixed;z-index:4;right:13px;bottom:161px;display:none;width:144px;padding:6px 8px;border-radius:5px 5px 0 0;background:#051413cc;color:#e6faf2b8;font-size:9px;font-weight:700;letter-spacing:.13em;text-align:center}.lil-gui.root{--background-color: rgb(11 30 28 / 82%);--widget-color: rgb(45 75 69 / 90%);--hover-color: rgb(63 95 88 / 95%);--focus-color: rgb(72 110 101 / 95%);--text-color: #edf7f3;--number-color: #a9e2d4;--string-color: #a9e2d4;top:18px;right:18px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;overflow:hidden;box-shadow:0 12px 36px #0b201d33;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}@media(max-width:700px){.identity{top:18px;left:18px}.guide{font-size:10px}.lil-gui.root{top:12px;right:12px}.surface-controls{bottom:max(14px,env(safe-area-inset-bottom));width:min(348px,calc(100vw - 24px))}.surface-controls label{flex:1;min-width:0}.surface-controls button{min-width:122px}}