@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Press+Start+2P&display=swap";:root{--bg-sunrise:#f7f1ec;--bg-blossom:#f2edf8;--ink:#1c1c24;--muted:#1c1c24ad;--card:#ffffffeb;--card-border:#0c0c1014;--accent-peach:#f9b4a5;--accent-mint:#8cd3c4;--accent-lilac:#c9b5ff;--pill-bg:#0c0c100f;--pill-border:#0c0c1026;--sl-color-primary-600:#ef9a9a;--sl-color-primary-500:#fbc0b8;--sl-input-background-color:#fff9}*{box-sizing:border-box;font-family:Space Grotesk,system-ui,-apple-system,sans-serif}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 20% 20%, #ffbcad80 0%, transparent 45%), radial-gradient(circle at 80% 0%, #c6beff73 0%, transparent 55%), linear-gradient(140deg, var(--bg-sunrise) 0%, var(--bg-blossom) 60%, #fefefe 100%);margin:0;overflow:hidden}body:before{content:"";pointer-events:none;opacity:.8;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg width=\"240\" height=\"240\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 240 240\"%3E%3Cg fill=\"none\" stroke=\"rgba(28,28,36,0.04)\" stroke-width=\"1\"%3E%3Cpath d=\"M0 120h240M120 0v240\"/%3E%3C/g%3E%3C/svg%3E");position:fixed;inset:0}.webgl{background:0 0;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.scene-glow{pointer-events:none;z-index:1;background:radial-gradient(60% 70% at 55% 65%,#ffc6aa40,#0000 70%);position:fixed;inset:0}.ui-shell{pointer-events:none;z-index:2;justify-content:flex-end;align-items:flex-end;padding:clamp(1.5rem,5vw,3rem);display:flex;position:fixed;inset:0}.ui-stack{pointer-events:auto;flex-direction:column;gap:.85rem;width:min(460px,95vw);display:flex}.ui-pillbar{justify-content:space-between;gap:.5rem;display:flex}.pill::part(base){background:var(--pill-bg);border:1px solid var(--pill-border);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-radius:999px;padding:.5rem 1rem;font-family:"Press Start 2P",cursive;font-size:.65rem}.pill--status::part(base){color:#0f4e40;background:#8cd3c459;border-color:#8cd3c499}.pill__dot{background:#3ba48d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #3ba48d}.ui-card::part(base){background:var(--card);border:1px solid var(--card-border);border-radius:32px;flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex;box-shadow:0 25px 60px #1e1b1826}.ui-row{justify-content:space-between;align-items:baseline;display:flex}.ui-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-family:"Press Start 2P",cursive;font-size:.6rem}.ui-mode{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-peach);font-family:"Press Start 2P",cursive;font-size:1rem}.ui-battery{flex-direction:column;gap:.35rem;display:flex}.ui-battery__top{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);justify-content:space-between;font-size:.78rem;display:flex}.ui-battery__meter{background:#0c0c1014;border-radius:999px;height:14px;overflow:hidden}.ui-battery__fill{transform-origin:0;background:linear-gradient(90deg, var(--accent-mint), var(--accent-lilac));width:100%;height:100%;transition:transform .35s;transform:scaleX(1)}.ui-status{color:var(--ink);margin:0;font-size:.95rem;line-height:1.4}.mode-buttons{width:100%}.mode-buttons::part(base){background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;padding:0;display:grid}.mode-button{width:100%}.mode-button::part(base){width:100%;color:var(--ink);letter-spacing:.12em;text-transform:uppercase;background:#0c0c100a;border:1px solid #0c0c101f;border-radius:32px;font-size:.6rem;transition:border-color .2s,background .2s}.mode-button.is-active::part(base){border-color:var(--accent-peach);color:var(--ink);background:#f9b4a526;box-shadow:inset 0 0 0 1px #f9b4a54d}.ui-primary::part(base){letter-spacing:.18em;text-transform:uppercase;width:100%;color:var(--ink);background:linear-gradient(120deg,#ffe9d4,#ffd3d3);border:none;border-radius:32px;padding-inline:1.4rem;font-size:.65rem;box-shadow:0 12px 25px #f9b4a559}.ui-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.5rem;display:grid}.ui-actions sl-button{width:100%}.ui-secondary::part(base){width:100%;color:var(--ink);letter-spacing:.08em;background:#0c0c100a;border:1px solid #0c0c101f;border-radius:28px;font-size:.72rem}.ui-secondary:not([disabled])::part(base):hover{border-color:var(--accent-lilac);background:#c9b5ff1f}.ui-secondary[disabled]::part(base){opacity:.4;cursor:not-allowed}.ui-log{background:#0c0c100a;border:1px solid #0c0c1014;border-radius:24px;padding:.85rem}.log{flex-direction:column;gap:.35rem;max-height:110px;margin:.35rem 0 0;padding:0;list-style:none;display:flex;overflow:hidden}.log li{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:"Press Start 2P",cursive;font-size:.55rem}.toast{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);z-index:3;background:#ffffffb3;justify-content:center;align-items:center;font-family:"Press Start 2P",cursive;font-size:.75rem;display:flex;position:fixed;inset:0}.toast[hidden]{display:none}.github-link{z-index:2;text-decoration:none;position:fixed;bottom:clamp(1.5rem,5vw,3rem);left:clamp(1.5rem,5vw,3rem)}.github-button::part(base){background:var(--card);border:1px solid var(--card-border);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5rem;padding:.6rem 1rem;font-family:"Press Start 2P",cursive;font-size:.6rem;transition:all .2s;display:flex;box-shadow:0 8px 20px #1e1b181f}.github-button::part(base):hover{border-color:var(--accent-lilac);color:var(--ink);background:#fffffffa;transform:translateY(-2px);box-shadow:0 12px 28px #1e1b182e}button:focus-visible,.mode-button:focus-visible::part(base),.ui-primary:focus-visible::part(base),.ui-secondary:focus-visible::part(base){outline:2px dashed var(--accent-lilac);outline-offset:3px}.lil-gui{display:none!important}@media (width<=640px){body{overflow-y:auto}.ui-shell{justify-content:center}.ui-stack{width:min(440px,100%)}.ui-pillbar{flex-direction:column}}