*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0a0d14;color:#e6eefc;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.screen{position:fixed;inset:0;display:flex;flex-direction:column}.hud{position:fixed;inset:0;pointer-events:none}.hud>*{pointer-events:auto}.center-stack{margin:auto;display:flex;flex-direction:column;gap:14px;align-items:stretch;min-width:280px}.title{font-size:56px;font-weight:800;letter-spacing:.04em;text-align:center;background:linear-gradient(180deg,#bde3ff,#6aa8ff);-webkit-background-clip:text;color:transparent;margin-bottom:10px}.sub{text-align:center;opacity:.7;margin-bottom:18px}.btn{appearance:none;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#e6eefc;padding:12px 18px;border-radius:10px;font-size:16px;cursor:pointer;transition:transform .08s,background .15s,border-color .15s}.btn:hover{background:#ffffff1f;border-color:#ffffff38}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#3a7bff,#1e5be0);border-color:#3a7bff}.btn.ghost{background:transparent}.topbar{position:fixed;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:10px}.panel{background:#0a0e16c7;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px}.loader{position:fixed;inset:0;display:grid;place-items:center;background:#0a0d14;z-index:50}.loader .bar{width:min(420px,70vw);height:6px;background:#ffffff14;border-radius:6px;overflow:hidden;margin-top:14px}.loader .bar>i{display:block;height:100%;background:linear-gradient(90deg,#3a7bff,#6fe0ff);transition:width .2s}.customizer{display:grid;grid-template-columns:400px 1fr;height:100%}.customizer .side{background:linear-gradient(180deg,#1e4632f7,#143226fa);padding:16px;border-right:1px solid rgba(255,255,255,.08);overflow:auto;display:flex;flex-direction:column;gap:12px}.customizer .preview{position:relative;background:linear-gradient(180deg,#87ceeb,#4a8c6f 60%,#3d7a5f)}.row{display:flex;gap:10px;align-items:center;justify-content:space-between}.badge{font-size:11px;opacity:.6;letter-spacing:.08em;text-transform:uppercase;color:#a8e6cf}.cc-topbar{display:flex;gap:8px;justify-content:space-between}.cc-randomize{background:linear-gradient(135deg,#56ccf2,#6bc464)!important;border:none!important;color:#1a3d2e!important;font-weight:600}.cc-categories{display:flex;flex-direction:column;gap:4px}.cc-category{margin-bottom:4px}.cc-cat-header{display:flex;align-items:center;padding:10px 12px;cursor:pointer;background:#ffffff0a;border-radius:8px;margin-bottom:2px;user-select:none}.cc-cat-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#a8e6cf;flex:1}.cc-cat-mode{font-size:.65rem;color:#a8e6cf80;margin-right:8px}.cc-cat-arrow{font-size:.7rem;color:#ffffff59;transition:transform .2s}.cc-category.collapsed .cc-cat-arrow{transform:rotate(-90deg)}.cc-cat-content{max-height:600px;overflow:hidden;transition:max-height .25s ease,opacity .2s;padding-left:4px}.cc-category.collapsed .cc-cat-content{max-height:0;opacity:0}.cc-toggle{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;margin:3px 0;background:#ffffff08;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.cc-toggle:hover{background:#ffffff0f}.cc-toggle.active{background:#56ccf21f;border-color:#56ccf259}.cc-toggle-name{font-size:.85rem;text-transform:capitalize}.cc-radio{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.2);position:relative;flex-shrink:0}.cc-toggle.active .cc-radio{border-color:#56ccf2}.cc-toggle.active .cc-radio:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#56ccf2,#6bc464);top:3px;left:3px}.cc-switch{width:40px;height:22px;background:#ffffff1a;border-radius:11px;position:relative;transition:background .2s;flex-shrink:0}.cc-switch:after{content:"";position:absolute;width:16px;height:16px;background:#555;border-radius:50%;top:3px;left:3px;transition:left .2s,background .2s}.cc-toggle.active .cc-switch{background:linear-gradient(135deg,#56ccf2,#6bc464)}.cc-toggle.active .cc-switch:after{left:21px;background:#fff}@media (max-width: 768px){.customizer{grid-template-columns:1fr;grid-template-rows:50% 50%}.customizer .side{border-right:none;border-top:1px solid rgba(255,255,255,.08);grid-row:2}.customizer .preview{grid-row:1}}.fps{position:fixed;bottom:10px;right:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;opacity:.6}