:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0b0d16}canvas{display:block;touch-action:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:20;background:radial-gradient(120% 120% at 50% 30%,rgba(255,176,120,.1),transparent 60%),linear-gradient(180deg,#080a148c,#080a14c7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .35s ease}.overlay.hidden{opacity:0;pointer-events:none}.card{max-width:460px;padding:28px 32px;text-align:center;color:#f4ede0;background:#141622a8;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 60px #00000080}.card h1{margin:0 0 6px;font-size:30px;letter-spacing:.5px;font-weight:700;background:linear-gradient(90deg,#ffd6a5,#ff9e7a,#c9a6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.card .tagline{margin:0 0 18px;font-size:14px;opacity:.75}.card .keys{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;text-align:left;font-size:13px;margin:0 auto 22px;max-width:320px;opacity:.92}.card kbd{display:inline-block;min-width:18px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-bottom-width:2px;border-radius:6px;text-align:center}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;font:inherit;font-weight:600;font-size:15px;color:#1a1206;padding:12px 22px;border-radius:999px;background:linear-gradient(180deg,#ffd9a8,#ff9e6b);box-shadow:0 8px 24px #ff8e5c59;transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px #ff8e5c73}.btn:active{transform:translateY(1px)}.card .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn.ghost{color:#f4ede0;background:#ffffff14;border:1px solid rgba(255,255,255,.22);box-shadow:none}.btn.ghost:hover{background:#ffffff29;box-shadow:none}.panel{position:fixed;top:14px;left:14px;z-index:15;display:flex;flex-direction:column;gap:8px;padding:12px 14px;color:#ece6d8;font-size:12px;background:#12141e8c;border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .3s ease}.panel.dim{opacity:0;pointer-events:none}.panel .row{display:flex;align-items:center;gap:10px;justify-content:space-between}.panel .title{font-weight:700;letter-spacing:.4px;opacity:.95}.panel .seed{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.7}.panel .mini{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:12px;font-weight:600;color:#ece6d8;padding:5px 11px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#ffffff12}.panel .mini:hover{background:#ffffff24}.panel .hint{opacity:.55;font-size:11px}.crosshair{position:fixed;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 6px #0009;z-index:10;pointer-events:none}.fatal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;color:#ffd9c9;background:#14101a;z-index:50}.fatal .box{max-width:560px;font-size:14px;line-height:1.5}.fatal code{font-family:ui-monospace,Menlo,monospace;background:#ffffff14;padding:1px 6px;border-radius:5px}.loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#cdbfa6;font-size:14px;letter-spacing:1px;z-index:5}