@font-face{font-family:IntroFredoka;src:url(/assets/fredoka-DM6njrJ3.woff2)format("woff2");font-weight:300 700;font-display:block}.intro{z-index:1000;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#94b6de;position:fixed;inset:0}.intro.playing{background:0 0}.intro:focus{outline:none}.intro-start{color:#1e304e;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;width:152px;height:152px;animation:intro-start-in .52s var(--ease-spring) 80ms both, intro-start-breathe 2.6s ease-in-out .7s infinite;transition:translate .14s var(--ease-out), box-shadow .14s var(--ease-out);background:radial-gradient(circle at 50% 30%,#fff8ea,#fbefd6 45%,#f6e4c0);border:5px solid #1e304e;border-radius:50%;margin:-80px 0 0 -76px;padding:0 0 4px;font:700 34px/1 IntroFredoka,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;position:absolute;top:50%;left:50%;box-shadow:0 8px #1e304e}.intro-start:after{content:"";opacity:0;pointer-events:none;border:3px solid #fbefd6;border-radius:50%;animation:2.6s ease-out 1.1s infinite intro-start-ring;position:absolute;inset:-5px}.intro-start:hover{translate:0 -3px;box-shadow:0 11px #1e304e}.intro-start:focus-visible{outline-offset:12px;outline:3px solid #1e304e}.intro.pressed .intro-start{transition-duration:70ms;animation:none;translate:0 7px;box-shadow:0 1px #1e304e}.intro.pressed .intro-start:after{animation:none}.intro.going .intro-start{pointer-events:none;animation:.22s cubic-bezier(.3,0,.6,1) forwards intro-start-pop}.intro.going .intro-start:after{animation:.36s ease-out forwards intro-start-burst}.intro:not(.going) .intro-sound{display:none}@keyframes intro-start-in{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes intro-start-breathe{0%,to{scale:1}50%{scale:1.045}}@keyframes intro-start-pop{0%{opacity:1;scale:1}35%{opacity:1;scale:1.14}to{opacity:0;scale:.2}}@keyframes intro-start-burst{0%{opacity:1;border-width:6px;scale:1}to{opacity:0;border-width:1px;scale:2.6}}@keyframes intro-start-ring{0%{opacity:.7;scale:1}70%,to{opacity:0;scale:1.55}}.intro-sound{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));color:#1e304e;cursor:pointer;width:46px;height:46px;transition:transform .12s var(--ease-out), box-shadow .12s var(--ease-out);animation:intro-sound-in .3s var(--ease-spring) .5s both;background:#fbefd6;border:3px solid #1e304e;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;box-shadow:0 4px #1e304e}.intro-sound:hover{transform:translateY(-2px);box-shadow:0 6px #1e304e}.intro-sound:active{transform:translateY(3px);box-shadow:0 1px #1e304e}.intro-sound:focus-visible{outline-offset:3px;outline:3px solid #fbefd6}@keyframes intro-sound-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.intro canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.intro-lab{background:#0e0c0a;position:fixed;inset:0;overflow:auto}.intro-lab-canvas{width:100%;height:100%;position:absolute;inset:0}.intro-lab-bar{background:var(--glass-strong);border:1px solid var(--glass-edge);border-radius:999px;align-items:center;gap:8px;width:min(760px,100vw - 24px);padding:8px 12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.intro-lab-bar input[type=range]{flex:1}.intro-lab-time{font-variant-numeric:tabular-nums;color:var(--ink-soft);text-align:right;min-width:132px;font-size:13px}.intro-lab-sheet{gap:10px;padding:10px;display:grid}.intro-lab-sheet figure{margin:0}.intro-lab-sheet figcaption{font:12px/1.4 var(--font-ui);color:var(--ink-soft);font-variant-numeric:tabular-nums;padding-top:2px}@font-face{font-family:Fraunces;src:url(/assets/fraunces-normal-CFFu7zhK.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/assets/fraunces-italic-D2JnYqd-.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:"Source Sans 3";src:url(/assets/source-sans-3-normal-BqRLTx4X.woff2)format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:Fredoka;src:url(/assets/fredoka-DM6njrJ3.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url(/assets/cinzel-normal-DMUuCU8H.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}:root{--ink:#f4ecdb;--ink-soft:#f4ecdbbd;--ink-faint:#f4ecdb75;--ink-ghost:#f4ecdb29;--glass:#18141094;--glass-strong:#16120fd6;--glass-edge:#ffeecd1c;--glass-hi:#fff4de0f;--gold:#dcb574;--gold-deep:#b98c45;--selected:#9fd8ff;--leaf:#8fb07a;--danger:#e48a72;--radius:14px;--radius-sm:9px;--shadow:0 14px 40px #00000057, 0 2px 6px #00000038;--shadow-soft:0 8px 24px #0000003d;--font-display:"Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-brand:"Fredoka", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--font-ui:"Source Sans 3", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.34, 1.45, .64, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background:#120f0c;margin:0;font-size:16px;line-height:1.45;overflow:hidden}#app{position:fixed;inset:0}html.studio,html.studio body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f7f7}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}a{color:var(--gold);text-decoration:none}.display{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.01em}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:600}.glass{background:linear-gradient(180deg, var(--glass-hi), transparent 60%), var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.25);border:1px solid var(--glass-edge);box-shadow:var(--shadow);border-radius:var(--radius)}.btn{--spin:var(--ink);letter-spacing:.01em;height:40px;transition:transform .16s var(--ease-out), background .16s, box-shadow .16s, opacity .16s;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)scale(.985)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.busy{pointer-events:none;color:#0000;transition:color .12s linear .15s;position:relative}.btn.busy:disabled{opacity:1}.btn.busy:after{content:"";border:2px solid color-mix(in oklab, var(--spin) 25%, transparent);border-top-color:var(--spin);border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:.8s linear infinite btn-spin,.16s linear .15s both btn-spin-in;position:absolute;top:50%;left:50%}@keyframes btn-spin{to{transform:rotate(360deg)}}@keyframes btn-spin-in{0%{opacity:0}}.btn-primary{color:#2a1c0b;--spin:#2a1c0b;background:linear-gradient(#ecc98a,#cf9f55);box-shadow:0 6px 18px #cf9f5559,inset 0 1px #ffffff73}.btn-primary:hover:not(:disabled){background:linear-gradient(#f3d59d,#d8a95f)}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--glass-edge);background:#fff4de12}.btn-ghost:hover:not(:disabled){background:#fff4de21}.btn-quiet{color:var(--ink-soft);height:34px;padding:0 12px}.btn-quiet:hover:not(:disabled){color:var(--ink);background:#fff4de12}.icon-btn{width:38px;height:38px;color:var(--ink-soft);transition:background .14s, color .14s, transform .14s var(--ease-out);border-radius:11px;place-items:center;display:grid}.icon-btn:hover{color:var(--ink);background:#fff4de17}.icon-btn[aria-pressed=true]{color:#2a1c0b;background:var(--gold)}.icon-btn svg{width:19px;height:19px}.field{border:1px solid var(--glass-edge);background:#fff4de0f;border-radius:12px;outline:none;width:100%;height:46px;padding:0 14px;transition:border-color .14s,background .14s}.field:focus{background:#fff4de17;border-color:#dcb574b3}.field::placeholder{color:var(--ink-faint)}.avatar{--c:#888;color:#fff;background:radial-gradient(circle at 32% 28%, color-mix(in oklab, var(--c) 70%, white), var(--c) 60%, color-mix(in oklab, var(--c) 70%, black));text-shadow:0 1px 1px #00000059;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid;box-shadow:inset 0 -2px 3px #00000040,0 2px 6px #0000004d}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.loading{color:var(--ink-soft);place-items:center;display:grid;position:absolute;inset:0}.loading-dot{background:var(--gold);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite breathe-dot}@keyframes breathe-dot{50%{opacity:.25;transform:scale(.7)}}.player-avatar-image{object-fit:cover;border-radius:inherit;width:100%;height:100%}