@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700&family=Syne:wght@700&display=swap");:root{--bg:#0e141b;--bg-elevated:#162029;--ink:#e8eef4;--ink-muted:#93a4b5;--coral:#ff6b4a;--cyan:#3ecfc8;--line:rgba(122,138,154,0.35);--radius:14px;--font-display:"Syne","Avenir Next","Trebuchet MS",sans-serif;--font-body:"Outfit","Avenir Next","Trebuchet MS",sans-serif;color-scheme:dark}*,:after,:before{box-sizing:border-box}body,html{margin:0;min-height:100%;height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}.setup{position:relative;min-height:100dvh;min-height:100svh;padding:max(2.5rem,calc(env(safe-area-inset-top, 0px) + 1.5rem)) 1.25rem calc(2rem + env(safe-area-inset-bottom, 0px) + 3.25rem);display:flex;flex-direction:column;gap:1.75rem;max-width:28rem;margin:0 auto}.setup__atmosphere{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 0,rgba(255,107,74,.18),transparent 55%),radial-gradient(ellipse 70% 45% at 90% 20%,rgba(62,207,200,.14),transparent 50%),linear-gradient(165deg,#121a22,#0e141b 45%,#0a1016);z-index:-1}.setup__brand-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.setup__brand{margin:0;font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);font-weight:600}.setup__version{margin:0;font-size:.78rem;letter-spacing:.06em;color:var(--ink-muted);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.update-banner{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:max(.75rem,env(safe-area-inset-top,0px)) 1.1rem .75rem;background:linear-gradient(120deg,rgba(255,107,74,.22),rgba(62,207,200,.16));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.update-banner__copy{min-width:0;flex:1 1}.update-banner__title{margin:0;font-family:var(--font-display);font-size:.95rem;font-weight:700}.update-banner__detail{margin:.15rem 0 0;color:var(--ink-muted);font-size:.82rem;line-height:1.35}.update-banner__action{flex-shrink:0;padding:.65rem 1rem;border-radius:999px;background:linear-gradient(120deg,var(--coral),#ff8f4a);color:#1a0d08;font-weight:700;font-size:.9rem;min-height:40px}.update-banner__action:active{transform:scale(.98)}.setup__title{margin:.35rem 0 0;font-family:var(--font-display);font-size:clamp(2.1rem,8vw,2.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.05}.setup__lede{margin:.75rem 0 0;color:var(--ink-muted);line-height:1.45;font-size:1.02rem}.setup__label{margin:0 0 .65rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);font-weight:600}.setup__hint{margin:.55rem 0 0;font-size:.82rem;color:var(--ink-muted);line-height:1.35}.setup__presets{gap:.55rem}.preset-card,.setup__presets{display:flex;flex-direction:column}.preset-card{text-align:left;padding:.95rem 1.05rem;border-radius:var(--radius);border:1px solid var(--line);background:rgba(22,32,41,.75);gap:.2rem;transition:border-color .15s ease,background .15s ease}.preset-card.is-selected{border-color:var(--cyan);background:rgba(62,207,200,.1)}.preset-card__name{font-weight:650;font-size:1.05rem}.preset-card__meta{color:var(--ink-muted);font-size:.9rem}.setup__modes{display:grid;grid-template-columns:1fr 1fr;grid-gap:.55rem;gap:.55rem}.setup__modes--three{grid-template-columns:1fr 1fr 1fr}.setup__modes--two{grid-template-columns:1fr 1fr}.mode-chip{padding:.85rem 1rem;border-radius:999px;border:1px solid var(--line);background:rgba(22,32,41,.75);font-weight:600;min-height:48px}.mode-chip--stack{border-radius:var(--radius);display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left}.mode-chip__label{font-weight:700}.mode-chip__meta{font-size:.78rem;font-weight:400;color:var(--ink-muted);line-height:1.3}.mode-chip.is-selected{border-color:var(--coral);background:rgba(255,107,74,.12)}.setup__start{margin-top:auto;padding:1rem 1.25rem;border-radius:999px;background:linear-gradient(120deg,var(--coral),#ff8f4a);color:#1a0d08;font-weight:700;font-size:1.05rem;min-height:52px;box-shadow:0 10px 28px rgba(255,107,74,.25)}.setup__start:active{transform:scale(.98)}.setup__input{width:100%;padding:.9rem 1.05rem;border-radius:var(--radius);border:1px solid var(--line);background:rgba(22,32,41,.75);color:var(--ink);font-size:1.05rem;font-weight:600;min-height:48px}.setup__input::placeholder{color:var(--ink-muted);font-weight:500}.setup__error{margin:0;color:var(--coral);font-weight:600;font-size:.95rem}.setup__online-actions{display:flex;flex-direction:column;gap:.65rem;margin-top:auto}.setup__secondary{padding:.95rem 1.25rem;border-radius:999px;border:1px solid var(--line);background:rgba(22,32,41,.75);color:var(--ink);font-weight:650;font-size:1rem;min-height:48px}.setup__secondary:active{transform:scale(.98)}.setup__restore{margin-top:auto;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.05rem;border-radius:var(--radius);border:1px solid var(--line);background:rgba(22,32,41,.75)}.setup__restore-title{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700}.setup__restore-detail{margin:.25rem 0 0;color:var(--ink-muted);font-size:.92rem;line-height:1.35}.setup__restore-actions{display:flex;gap:.55rem}.setup__restore-actions .setup__secondary,.setup__restore-actions .setup__start{margin-top:0;flex:1 1;padding:.7rem 1rem;min-height:44px;font-size:.95rem}.lobby__code{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,10vw,3.2rem);font-weight:700;letter-spacing:.18em;color:var(--cyan)}.lobby__waiting,.lobby__you{margin:.5rem 0 0;color:var(--ink-muted)}.lobby__link{margin:0 0 .75rem;word-break:break-all;color:var(--ink-muted);font-size:.92rem}.rematch{flex-shrink:0;z-index:20;display:flex;justify-content:center;padding:.75rem .85rem;background:#0a1016;border-top:1px solid var(--line)}.rematch__card{width:min(100%,28rem);justify-content:space-between;gap:.65rem 1rem}.rematch__card,.rematch__title{display:flex;flex-wrap:wrap;align-items:center}.rematch__title{margin:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700;gap:.35rem .4rem}.rematch__detail{margin:.15rem 0 0;color:var(--ink-muted);font-size:.9rem}.rematch__copy{flex:1 1 8rem;min-width:0}.rematch__actions{display:flex;flex:1 1 auto;gap:.55rem}.rematch__actions .setup__secondary,.rematch__actions .setup__start{margin-top:0;flex:1 1;padding:.7rem 1rem;min-height:44px;font-size:.95rem}.win-celeb{flex-shrink:0;z-index:20;display:flex;justify-content:center;padding:.75rem .85rem;background:#0a1016;border-top:1px solid var(--line)}.win-celeb__card{width:min(100%,30rem);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1rem}.win-celeb__copy{flex:1 1 10rem;min-width:0}.win-celeb__title{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:700;line-height:1.35;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .4rem}.win-celeb__tag{display:inline-block;padding:.12rem .55rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--winner,var(--coral)) 55%,transparent);background:color-mix(in srgb,var(--winner,var(--coral)) 22%,var(--bg-elevated));color:var(--winner,var(--coral));box-shadow:0 0 18px color-mix(in srgb,var(--winner,var(--coral)) 28%,transparent);animation:win-tag-pop .55s cubic-bezier(.22,1.15,.36,1) both}.win-celeb__draw,.win-celeb__wins{margin-left:0}.win-celeb__stats{margin:.4rem 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .45rem;color:var(--ink-muted);font-size:.88rem}.win-celeb__level{color:var(--ink);font-weight:600}.win-celeb__nudge{margin:.35rem 0 0;color:var(--cyan);font-size:.92rem;animation:win-nudge-in .45s ease-out .2s both}.win-celeb__actions{display:flex;flex:1 1 auto;gap:.55rem}.win-celeb__actions .setup__secondary,.win-celeb__actions .setup__start{margin-top:0;flex:1 1;padding:.7rem 1rem;min-height:44px;font-size:.95rem}@keyframes win-tag-pop{0%{transform:scale(.72);opacity:0}to{transform:scale(1);opacity:1}}@keyframes win-nudge-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.confetti{pointer-events:none;position:absolute;inset:0;z-index:18;overflow:hidden}.confetti__piece{position:absolute;top:-12px;border-radius:2px;opacity:0;animation-name:confetti-fall;animation-duration:var(--fall-duration,2s);animation-delay:var(--fall-delay,0s);animation-timing-function:cubic-bezier(.22,.61,.36,1);animation-fill-mode:both;will-change:transform,opacity}.confetti__piece--spark{border-radius:50%;box-shadow:0 0 10px currentColor}.confetti__firework{position:absolute;width:10px;height:10px;border-radius:50%;opacity:0;animation:firework-burst 1.85s ease-out both}.confetti__firework--left{left:18%;top:22%;background:var(--coral);box-shadow:0 0 0 0 transparent,-36px -24px 0 3px #ffd166,30px -28px 0 2px var(--coral),-12px -46px 0 3px #fff4c8,40px 8px 0 2px var(--cyan),-42px 14px 0 3px var(--coral),8px 36px 0 2px #ffd166,-18px 40px 0 2px #ffe8a3,22px -42px 0 2px #ffffff,0 -10px 22px var(--coral);animation-delay:.05s}.confetti__firework--right{right:16%;top:18%;background:var(--cyan);box-shadow:0 0 0 0 transparent,34px -26px 0 3px #ffe8a3,-28px -34px 0 2px var(--cyan),12px -48px 0 3px #ffffff,-38px 10px 0 2px var(--coral),42px 16px 0 3px var(--cyan),-6px 38px 0 2px #ffd166,20px 42px 0 2px var(--coral),-24px -48px 0 2px #fff4c8,0 -10px 22px var(--cyan);animation-delay:.22s}.confetti__firework--mid{left:50%;top:12%;background:#ffd166;box-shadow:0 0 0 0 transparent,-26px -32px 0 3px var(--coral),28px -26px 0 2px var(--cyan),0 -52px 0 3px #fff4c8,-36px 6px 0 2px #ffd166,36px 10px 0 3px var(--coral),6px 34px 0 2px var(--cyan),-16px 38px 0 2px #ffe8a3,18px -46px 0 2px #ffffff,0 -12px 24px #ffd166;animation-delay:.95s}@keyframes confetti-fall{0%{opacity:0;transform:translate3d(0,-8vh,0) rotate(var(--spin,0deg))}8%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate3d(var(--drift,0),105vh,0) rotate(calc(var(--spin, 0deg) + 420deg))}}@keyframes firework-burst{0%{opacity:0;transform:scale(.15)}12%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.45)}}@media (prefers-reduced-motion:reduce){.confetti__firework,.confetti__piece,.win-celeb__nudge,.win-celeb__tag{animation:none!important}.confetti__piece{display:none}.confetti__firework{opacity:.85;transform:scale(1)}}.game-shell{position:relative;display:flex;flex-direction:column;width:100%;height:100dvh;overflow:hidden;background:#0a1016;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;padding-bottom:env(safe-area-inset-bottom)}.game-viewport{flex:1 1;min-height:0;position:relative;background:var(--bg);touch-action:none}.game-viewport__canvas{position:absolute;inset:0}.game-viewport__canvas--loading{background:var(--bg)}.game-viewport__canvas canvas{display:block;width:100%!important;height:100%!important;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.powerup-toast{position:absolute;top:.85rem;left:50%;transform:translateX(-50%);z-index:25;margin:0;padding:.4rem .9rem;max-width:min(92%,28rem);border-radius:8px;background:rgba(10,16,22,.9);border:1px solid rgba(62,207,200,.35);color:var(--ink);font-size:.88rem;text-align:center;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.35);animation:powerup-toast-in .18s ease-out}@keyframes powerup-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.status-toast{position:absolute;top:.85rem;left:50%;transform:translateX(-50%);z-index:24;margin:0;padding:.4rem .9rem;max-width:min(92%,28rem);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:8px;background:rgba(10,16,22,.92);border:1px solid rgba(255,255,255,.12);color:var(--ink);font-size:.88rem;font-weight:650;text-align:center;pointer-events:none;box-shadow:0 10px 28px rgba(0,0,0,.4);white-space:nowrap;will-change:transform,opacity}.status-toast--in{animation:status-toast-drop-in .38s cubic-bezier(.22,1.15,.36,1) both}.status-toast--out{animation:status-toast-drop-out .28s cubic-bezier(.4,0,.7,.2) both}.status-toast__dot{flex-shrink:0;width:.55rem;height:.55rem;border-radius:50%;background:var(--turn,var(--coral));box-shadow:0 0 10px color-mix(in srgb,var(--turn,var(--coral)) 55%,transparent)}.game-viewport:has(.powerup-toast) .status-toast,.powerup-toast:not(:empty)~.status-toast{top:3.35rem}@keyframes status-toast-drop-in{0%{opacity:0;transform:translateX(-50%) translateY(-18px) scale(.94)}70%{opacity:1;transform:translateX(-50%) translateY(2px) scale(1.02)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes status-toast-drop-out{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(14px) scale(.96)}}.chrome{flex-shrink:0;z-index:2;background:#0a1016;border-color:var(--line);-moz-user-select:none;user-select:none;-webkit-user-select:none}.chrome--top{display:grid;grid-template-columns:1fr auto;align-items:center;grid-column-gap:.75rem;column-gap:.75rem;width:100%;box-sizing:border-box;padding:max(.65rem,env(safe-area-inset-top)) .85rem .65rem;border-bottom:1px solid var(--line)}.chrome--bottom{min-height:2.85rem;padding:.55rem .85rem max(.65rem,env(safe-area-inset-bottom));border-top:1px solid var(--line);box-sizing:border-box}.chrome__meta{display:flex;align-items:center;justify-content:flex-start;gap:.45rem;min-width:0;justify-self:start;text-align:left}.chrome__cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:.85rem;font-weight:500;line-height:1}.chrome__aim{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);font-weight:700}.chrome__actions{display:flex;justify-content:flex-end;align-items:center;gap:.45rem;flex-wrap:nowrap;min-width:0;justify-self:end}.chrome__btn{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.4rem .75rem;border-radius:999px;border:1px solid var(--line);background:rgba(22,32,41,.9);font-weight:650;font-size:.9rem}.chrome__btn:disabled{opacity:.45;cursor:not-allowed}.chrome__btn--accent{border-color:color-mix(in srgb,var(--coral) 50%,transparent);background:rgba(255,107,74,.16)}.chrome__btn kbd,.chrome__hints kbd{font-family:var(--font-body);font-size:.72rem;font-weight:700;padding:.12rem .35rem;border-radius:5px;border:1px solid var(--line);background:rgba(14,20,27,.9);color:var(--ink-muted)}.chrome__hints{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;color:var(--ink-muted);font-size:.8rem}.chrome__hints li{display:inline-flex;align-items:center;gap:.35rem}@media (max-width:720px){.chrome--top{column-gap:.45rem}}@media (min-width:720px){.setup{max-width:32rem;padding-top:4rem}}.powerups{position:relative;flex-shrink:0;z-index:15;display:flex;flex-direction:column;gap:.45rem;padding:.55rem .85rem .65rem;background:#0a1016;border-top:1px solid var(--line)}.powerups__inventories{display:flex;flex-wrap:wrap;gap:.55rem 1.25rem;justify-content:space-between}.powerups__row{display:flex;align-items:center;gap:.5rem;min-width:0}.powerups__row.is-awarded .powerups__who{color:var(--seat,var(--cyan));animation:powerup-who-flash 1.1s ease-out}.powerups__who{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--seat,var(--ink-muted));min-width:3.2rem}.powerups__chips{display:flex;gap:.35rem}.powerups__chip{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .55rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-elevated);font-size:.78rem;color:var(--ink);min-height:32px}.powerups__chip:disabled{opacity:.55;cursor:default}.powerups__chip.is-empty{color:var(--ink-muted)}.powerups__chip.is-active{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(62,207,200,.35)}.powerups__chip.is-awarded{opacity:1;color:var(--ink);border-color:var(--seat,var(--cyan));background:color-mix(in srgb,var(--seat,var(--cyan)) 22%,var(--bg-elevated));animation:powerup-chip-bounce 1.1s cubic-bezier(.34,1.45,.64,1);transform-origin:center bottom}.powerups__chip.is-awarded .powerups__chip-count{color:var(--seat,var(--cyan))}.powerups__chip:not(:disabled):hover{border-color:rgba(232,238,244,.45)}.powerups__chip-count{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--cyan)}.powerups__chip.is-empty .powerups__chip-count{color:var(--ink-muted)}@keyframes powerup-chip-bounce{0%{transform:scale(.72) translateY(6px)}28%{transform:scale(1.18) translateY(-7px)}48%{transform:scale(.94) translateY(2px)}68%{transform:scale(1.08) translateY(-3px)}to{transform:scale(1) translateY(0)}}@keyframes powerup-who-flash{0%,35%{opacity:1}55%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){.powerups__chip.is-awarded,.powerups__row.is-awarded .powerups__who{animation:none}}.powerups__mode{position:absolute;left:0;right:0;bottom:100%;z-index:16;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem;margin:0;padding:.45rem .85rem .55rem;font-size:.88rem;color:var(--ink-muted);background:linear-gradient(0deg,rgba(10,16,22,.94) 55%,rgba(10,16,22,.55));pointer-events:auto}.powerups__axis,.powerups__tips{display:flex;flex-wrap:wrap;gap:.35rem}.powerups__axis .mode-chip{min-height:36px;padding:.35rem .75rem}.swarm{pointer-events:none;position:absolute;inset:0;z-index:30;overflow:hidden}.swarm--passive{display:grid;place-items:start center;padding-top:.85rem;font-family:var(--font-display,"Segoe UI",sans-serif);font-size:.85rem;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.72);text-shadow:0 1px 8px rgba(0,0,0,.55)}@media (max-width:720px){.powerups__inventories{flex-direction:column;gap:.4rem}}.setup__section--help{margin-top:auto;padding-top:.25rem;display:flex;justify-content:center}.setup__link{color:var(--ink-muted);font-size:.92rem;font-weight:600;text-decoration:underline;text-underline-offset:.18em;-webkit-text-decoration-color:rgba(147,164,181,.45);text-decoration-color:rgba(147,164,181,.45);padding:.35rem .5rem;min-height:40px}.setup__link:focus-visible,.setup__link:hover{color:var(--ink);-webkit-text-decoration-color:var(--cyan);text-decoration-color:var(--cyan)}.setup__link:disabled{opacity:.45;cursor:not-allowed}.onboard{position:fixed;inset:0;z-index:80;display:grid;place-items:end center;padding:.75rem .75rem max(.75rem,env(safe-area-inset-bottom))}@media (min-width:720px){.onboard{place-items:center}}.onboard__backdrop{position:absolute;inset:0;background:radial-gradient(ellipse 80% 55% at 50% 18%,rgba(62,207,200,.14),transparent 55%),radial-gradient(ellipse 70% 50% at 80% 90%,rgba(255,107,74,.12),transparent 50%),rgba(6,10,14,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboard__panel{position:relative;z-index:1;width:min(100%,26.5rem);max-height:min(92dvh,44rem);display:flex;flex-direction:column;gap:.85rem;padding:1rem 1rem 1.1rem;border-radius:calc(var(--radius) + 4px);border:1px solid rgba(122,138,154,.4);background:linear-gradient(165deg,rgba(28,40,52,.97),rgba(14,20,27,.98));box-shadow:0 24px 60px rgba(0,0,0,.45);overflow:hidden;touch-action:pan-y;animation:onboard-panel-in .42s cubic-bezier(.22,1.15,.36,1) both}@keyframes onboard-panel-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.onboard__progress{height:3px;border-radius:999px;background:rgba(122,138,154,.25);overflow:hidden}.onboard__progress-bar{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--cyan));transition:width .35s cubic-bezier(.22,1,.36,1)}.onboard__header{display:flex;flex-direction:column;gap:.35rem}.onboard__eyebrow{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}.onboard__title{margin:0;font-family:var(--font-display);font-size:1.55rem;line-height:1.15;letter-spacing:-.02em}.onboard__body{margin:0;color:var(--ink-muted);font-size:.95rem;line-height:1.45}.onboard__visual{flex:1 1;min-height:11.5rem;display:grid;place-items:center;animation:onboard-visual-in .38s ease-out both}@keyframes onboard-visual-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboard__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.15rem}.onboard__skip{color:var(--ink-muted);font-weight:600;font-size:.92rem;min-height:40px;padding:.35rem .5rem}.onboard__skip:focus-visible,.onboard__skip:hover{color:var(--ink)}.onboard__nav{display:flex;gap:.45rem;margin-left:auto}.onboard__back{margin:0;min-width:5.5rem}.onboard__next{margin:0;min-width:6.5rem}.onboard-demo{width:100%}.onboard-demo__stage{position:relative;width:100%;height:12.5rem;border-radius:var(--radius);border:1px solid rgba(122,138,154,.28);background:radial-gradient(circle at 50% 35%,rgba(62,207,200,.1),transparent 55%),linear-gradient(180deg,#121a22,#0a1016);overflow:hidden;display:grid;place-items:center;perspective:700px}.onboard-demo__stage--wide{place-items:stretch}.onboard-demo__stage--interactive{cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.onboard-demo__stage--interactive:active{cursor:-webkit-grabbing;cursor:grabbing}.onboard-cube{position:relative;width:4.6rem;height:4.6rem;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(32deg);transform-origin:center center}.onboard-cube--spin{animation:onboard-cube-spin 7s linear infinite}.onboard-cube--aim .onboard-cube__cursor{opacity:1}@keyframes onboard-cube-spin{0%{transform:rotateX(-22deg) rotateY(0deg)}to{transform:rotateX(-22deg) rotateY(1turn)}}.onboard-cube__face{position:absolute;inset:0;border:1px solid rgba(232,238,244,.28);background:linear-gradient(rgba(62,207,200,.07) 1px,transparent 0) 0 0 /33.33% 33.33%,linear-gradient(90deg,rgba(62,207,200,.07) 1px,transparent 0) 0 0 /33.33% 33.33%,rgba(22,32,41,.92);-webkit-backface-visibility:hidden;backface-visibility:hidden}.onboard-cube__face--front{transform:translateZ(2.3rem)}.onboard-cube__face--back{transform:rotateY(180deg) translateZ(2.3rem)}.onboard-cube__face--right{transform:rotateY(90deg) translateZ(2.3rem)}.onboard-cube__face--left{transform:rotateY(-90deg) translateZ(2.3rem)}.onboard-cube__face--top{transform:rotateX(90deg) translateZ(2.3rem);background-color:rgba(255,107,74,.12)}.onboard-cube__face--bottom{transform:rotateX(-90deg) translateZ(2.3rem)}.onboard-cube__cursor{position:absolute;width:1.15rem;height:1.15rem;border-radius:4px;border:2px solid var(--coral);background:rgba(255,107,74,.25);transform:translate3d(1.65rem,1.65rem,2.35rem);opacity:0;box-shadow:0 0 12px rgba(255,107,74,.45);animation:onboard-cursor-slide 2.4s ease-in-out infinite}@keyframes onboard-cursor-slide{0%,to{transform:translate3d(.55rem,1.7rem,2.35rem)}50%{transform:translate3d(2.7rem,.7rem,2.35rem)}}.onboard-gesture{position:absolute;bottom:.7rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.3rem;color:var(--ink-muted);pointer-events:none}.onboard-gesture__label{font-size:.72rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.onboard-gesture__sep{opacity:.55}.onboard-gesture--keys{flex-direction:row;gap:.35rem;bottom:.85rem}.onboard-gesture--depth{bottom:.45rem}.onboard-fake-btn kbd,.onboard-gesture--keys kbd{font-family:var(--font-body);font-size:.72rem;font-weight:700;padding:.12rem .35rem;border-radius:5px;border:1px solid var(--line);background:rgba(14,20,27,.9);color:var(--ink-muted)}.onboard-fingers{display:flex;gap:.55rem;animation:onboard-fingers-orbit 2.2s ease-in-out infinite}.onboard-fingers__dot{width:.85rem;height:.85rem;border-radius:50%;background:rgba(232,238,244,.85);box-shadow:0 0 0 3px rgba(62,207,200,.25)}@keyframes onboard-fingers-orbit{0%,to{transform:translate(-8px,4px) rotate(-8deg)}50%{transform:translate(10px,-6px) rotate(10deg)}}.onboard-fingers--depth{align-items:center;gap:.85rem;animation:none}.onboard-fingers__dot--hold{opacity:.7;box-shadow:0 0 0 3px rgba(232,238,244,.18);animation:onboard-finger-hold 2.4s ease-in-out infinite}.onboard-fingers__drag{position:relative;display:grid;place-items:center;width:.85rem;height:2.1rem}.onboard-fingers__trail{position:absolute;top:.15rem;bottom:.15rem;left:50%;width:2px;transform:translateX(-50%);border-radius:2px;background:linear-gradient(180deg,rgba(62,207,200,.05),rgba(62,207,200,.55),rgba(62,207,200,.05))}.onboard-fingers__dot--move{position:relative;z-index:1;animation:onboard-finger-depth-drag 2.4s ease-in-out infinite}@keyframes onboard-finger-hold{0%,to{transform:scale(1)}50%{transform:scale(.92)}}@keyframes onboard-finger-depth-drag{0%,to{transform:translateY(.55rem)}50%{transform:translateY(-.55rem)}}.onboard-trackpad{width:3.4rem;height:2.2rem;border-radius:8px;border:1px solid rgba(232,238,244,.35);background:rgba(14,20,27,.7);position:relative;overflow:hidden}.onboard-trackpad:after{content:"";position:absolute;width:.55rem;height:.55rem;border-radius:50%;background:var(--cyan);left:35%;top:55%;animation:onboard-trackpad-swipe 1.8s ease-in-out infinite}@keyframes onboard-trackpad-swipe{0%,to{transform:translate(0);opacity:.4}40%{opacity:1}50%{transform:translate(14px,-8px);opacity:1}}.onboard-hand{position:absolute;color:rgba(232,238,244,.9);filter:drop-shadow(0 6px 10px rgba(0,0,0,.45));pointer-events:none;z-index:3}.onboard-hand--drag{right:18%;top:42%;animation:onboard-hand-drag 2.2s ease-in-out infinite}.onboard-hand--tap{right:22%;top:38%;animation:onboard-hand-tap 1.6s ease-in-out infinite}@keyframes onboard-hand-drag{0%,to{transform:translate(0)}50%{transform:translate(-28px,-16px)}}@keyframes onboard-hand-tap{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-6px,8px) scale(.92)}55%{transform:translate(-6px,8px) scale(.92)}}.onboard-mouse{position:absolute;width:1.1rem;height:1.7rem;border-radius:.55rem;border:1.5px solid rgba(232,238,244,.7);background:rgba(14,20,27,.85);pointer-events:none;z-index:3}.onboard-mouse:before{content:"";position:absolute;top:.25rem;left:50%;width:.2rem;height:.35rem;margin-left:-.1rem;border-radius:2px;background:var(--coral)}.onboard-mouse--drag{right:22%;top:40%;animation:onboard-hand-drag 2.2s ease-in-out infinite}.onboard-mouse--click{right:24%;top:36%;animation:onboard-mouse-click 1.5s ease-in-out infinite}@keyframes onboard-mouse-click{0%,to{transform:scale(1)}45%{transform:scale(.88)}}.onboard-aim-trail{position:absolute;width:3.5rem;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--coral),transparent);top:46%;left:28%;opacity:.55;animation:onboard-trail 2.2s ease-in-out infinite;pointer-events:none}@keyframes onboard-trail{0%,to{transform:translateY(8px) rotate(-12deg);opacity:.2}50%{transform:translate(24px,-14px) rotate(-12deg);opacity:.7}}.onboard-place-pulse{position:absolute;width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid var(--coral);top:38%;left:42%;animation:onboard-pulse 1.6s ease-out infinite;pointer-events:none}@keyframes onboard-pulse{0%{transform:scale(.55);opacity:.85}to{transform:scale(1.55);opacity:0}}.onboard-fake-btn{position:absolute;bottom:.85rem;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:.35rem;min-height:36px;padding:.35rem .85rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--coral) 50%,transparent);background:rgba(255,107,74,.18);font-weight:650;font-size:.88rem;pointer-events:none;animation:onboard-btn-glow 1.8s ease-in-out infinite}@keyframes onboard-btn-glow{0%,to{box-shadow:0 0 0 0 rgba(255,107,74,0)}50%{box-shadow:0 0 0 6px rgba(255,107,74,.12)}}.onboard-layers{position:relative;width:7.5rem;height:6.5rem;transform-style:preserve-3d;transform:rotateX(58deg) rotate(-18deg)}.onboard-layers__plane{position:absolute;inset:.55rem .35rem;border:1px solid rgba(62,207,200,.35);background:rgba(22,32,41,.65);border-radius:4px}.onboard-layers__plane:first-child{transform:translateZ(0);opacity:.35}.onboard-layers__plane:nth-child(2){transform:translateZ(1.4rem);opacity:.65;animation:onboard-layer-focus 2.4s ease-in-out infinite}.onboard-layers__plane:nth-child(3){transform:translateZ(2.8rem);opacity:.35}@keyframes onboard-layer-focus{0%,to{border-color:rgba(62,207,200,.35);box-shadow:none}50%{border-color:var(--cyan);box-shadow:0 0 16px rgba(62,207,200,.25)}}.onboard-layers__cursor{position:absolute;width:1rem;height:1rem;border-radius:3px;border:2px solid var(--coral);background:rgba(255,107,74,.3);left:42%;top:38%;transform:translateZ(1.45rem);animation:onboard-layer-hop 2.4s ease-in-out infinite}@keyframes onboard-layer-hop{0%,to{transform:translateZ(1.45rem)}50%{transform:translateZ(2.85rem)}}.onboard-pkg{position:absolute;width:1.55rem;height:2.35rem;border:none;border-radius:.55rem;background:linear-gradient(180deg,#5ee6df,#2aa8a2);box-shadow:0 8px 18px rgba(0,0,0,.35);cursor:pointer;padding:0}.onboard-pkg:after{content:"";position:absolute;inset:.35rem .3rem auto;height:.35rem;border-radius:2px;background:rgba(14,20,27,.35)}.onboard-pkg--a{top:28%;animation:onboard-pkg-a 2.8s linear infinite}.onboard-pkg--b{top:48%;animation:onboard-pkg-b 3.1s linear infinite;animation-delay:-.6s}.onboard-pkg--c{top:36%;animation:onboard-pkg-c 2.5s linear infinite;animation-delay:-1.1s}.onboard-pkg.is-live{outline:2px solid rgba(255,107,74,0)}.onboard-pkg.is-dud{animation:none;opacity:.25;transform:scale(.7);filter:grayscale(.6);pointer-events:none}.onboard-pkg.is-caught{animation:none;left:50%!important;top:42%!important;transform:translate(-50%,-50%) scale(1.15);background:linear-gradient(180deg,#ff8f74,var(--coral));pointer-events:none}@keyframes onboard-pkg-a{0%{left:-12%;transform:rotate(-18deg)}to{left:110%;transform:rotate(12deg)}}@keyframes onboard-pkg-b{0%{left:110%;transform:rotate(10deg)}to{left:-12%;transform:rotate(-16deg)}}@keyframes onboard-pkg-c{0%{left:-10%;transform:rotate(8deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-12px)}to{left:110%;transform:rotate(14deg) translateY(4px)}}.onboard-catch-burst{position:absolute;left:50%;top:42%;width:3.5rem;height:3.5rem;margin:-1.75rem 0 0 -1.75rem;border-radius:50%;border:2px solid var(--coral);opacity:0;pointer-events:none}.onboard-catch-burst.is-on{animation:onboard-pulse .7s ease-out both}.onboard-try-hint{position:absolute;bottom:.75rem;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 1.5rem);padding:0 .35rem;font-size:.78rem;font-weight:650;color:var(--cyan);text-align:center;white-space:normal;line-height:1.25;pointer-events:none;animation:onboard-visual-in .3s ease-out both}.onboard-chips{display:flex;justify-content:center;align-items:center;gap:.45rem;padding-top:3.2rem}.onboard-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-elevated);font-size:.82rem;color:var(--ink)}.onboard-chip strong{color:var(--cyan);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.onboard-chip.is-active{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(62,207,200,.35);animation:powerup-chip-bounce 1.4s cubic-bezier(.34,1.45,.64,1) infinite}.onboard-chip-hint{margin:1.1rem 0 0;text-align:center;color:var(--ink-muted);font-size:.85rem;font-weight:600}.onboard-brand-mark{bottom:.85rem;font-family:var(--font-display);font-size:.85rem;letter-spacing:.12em;color:var(--ink-muted);pointer-events:none}.onboard-brand-mark,.onboard-check{position:absolute;left:50%;transform:translateX(-50%)}.onboard-check{bottom:1rem;width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;background:rgba(62,207,200,.18);border:1px solid rgba(62,207,200,.55);color:var(--cyan);font-weight:700;animation:onboard-visual-in .45s ease-out both}@media (prefers-reduced-motion:reduce){.onboard-aim-trail,.onboard-catch-burst.is-on,.onboard-check,.onboard-chip.is-active,.onboard-cube--spin,.onboard-cube__cursor,.onboard-fake-btn,.onboard-fingers,.onboard-fingers__dot--hold,.onboard-fingers__dot--move,.onboard-hand--drag,.onboard-hand--tap,.onboard-layers__cursor,.onboard-layers__plane:nth-child(2),.onboard-mouse--click,.onboard-mouse--drag,.onboard-pkg--a,.onboard-pkg--b,.onboard-pkg--c,.onboard-place-pulse,.onboard-trackpad:after,.onboard-try-hint,.onboard__panel,.onboard__visual{animation:none!important}.onboard-pkg--a{left:18%}.onboard-pkg--b{left:48%}.onboard-pkg--c{left:72%}}