@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&display=swap";:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #eff4ff;--primary-ring: rgba(37, 99, 235, .22);--navy: #0b1f4d;--bg: #f1f4f9;--surface: #ffffff;--border: #e3e8ef;--border-strong: #cbd3df;--text: #0f172a;--text-2: #334155;--muted: #64748b;--danger: #dc2626;--success: #15803d;--radius: 12px;--radius-lg: 18px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .06);color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Heebo,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.center{text-align:center;margin-top:4rem;color:var(--muted)}button{font:inherit;font-weight:600;padding:.7rem 1.1rem;border:1px solid transparent;border-radius:var(--radius);background:var(--primary);color:#fff;min-height:44px;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s}button:hover:not(:disabled){background:var(--primary-hover)}button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--primary-ring)}button:disabled{opacity:.5;cursor:default}button.link{background:none;color:var(--primary);font-weight:500;padding:.25rem .5rem;min-height:0}button.link:hover:not(:disabled){background:var(--primary-soft)}button.secondary{background:var(--surface);color:var(--text-2);border-color:var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--bg);border-color:var(--muted)}button.small{padding:.35rem .8rem;min-height:0;font-size:.85rem;border-radius:10px}button.danger{background:var(--surface);color:var(--danger);border-color:#fecaca}button.danger:hover:not(:disabled){background:#fef2f2;border-color:var(--danger)}.title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.title-row h2{margin-inline-end:auto}.grow{flex:1}.picker{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--primary);background:var(--primary-soft);border:1px solid #dbe6fe}.picker:hover{background:#dbe6fe}.picker.busy{opacity:.6;cursor:default}.picker input{display:none}.kits{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;margin:.5rem 0}.kit{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.kit.archived{opacity:.55}.kit .row{flex-wrap:wrap;justify-content:center}.kit-editor{display:flex;gap:1rem;align-items:flex-start;padding:.75rem;border:1px dashed var(--border-strong);border-radius:var(--radius);margin-top:.5rem}.colour{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;font-size:.8rem;font-weight:500}.colour input[type=color]{width:3rem;height:3rem;padding:.2rem;margin:0;border-radius:12px;cursor:pointer}.kit-avatar{flex:none}.event-hero{margin:.5rem 0 1rem}.event-hero-top{position:relative;display:flex;gap:1rem;align-items:center;padding:1.1rem;border-radius:20px;color:#fff;background:linear-gradient(135deg,#1e40af,#2563eb 55%,#60a5fa);box-shadow:0 10px 30px #2563eb40;overflow:hidden}.event-hero.match .event-hero-top{background:linear-gradient(135deg,#312e81,#4f46e5 55%,#818cf8);box-shadow:0 10px 30px #4f46e540}.event-hero-top:after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff14}.date-badge{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:4.5rem;padding:.5rem 0;border-radius:16px;background:#fffffff2;color:var(--text);line-height:1.15;box-shadow:0 4px 12px #0000001f}.date-badge strong{font-size:1.9rem;font-weight:700;color:var(--primary)}.date-badge span{font-size:.78rem;font-weight:600;color:var(--muted)}.event-hero-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;position:relative;z-index:1}.event-hero-text h2{color:#fff;margin:0;font-size:1.3rem}.event-hero-text>span{font-size:.9rem;opacity:.92}.event-type{font-size:.75rem!important;font-weight:700;letter-spacing:.02em;text-transform:uppercase;opacity:.85!important}.countdown{align-self:flex-start;margin-top:.35rem;padding:.2rem .7rem;border-radius:999px;background:#fff3;font-weight:600;font-size:.85rem!important;opacity:1!important}.score{margin-inline-start:auto;font-size:2rem;font-weight:700;position:relative;z-index:1}.event-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;margin-top:.75rem}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.9rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center}.tile h4{margin:0 0 .15rem;font-size:.78rem;font-weight:600;color:var(--muted)}.weather-icon{font-size:2rem;line-height:1}.tile.weather strong{font-size:1.4rem}.tile.weather small{color:var(--muted)}.nav-btn{display:block;width:100%;padding:.45rem;border-radius:10px;font-weight:600;font-size:.88rem;text-align:center;background:var(--primary-soft);color:var(--primary);text-decoration:none}.nav-btn:hover{text-decoration:none;background:#dbe6fe}.nav-btn.waze{background:#e0f7ff;color:#0369a1}.donut{display:flex;align-items:center;gap:.6rem}.donut ul{list-style:none;margin:0;padding:0;font-size:.78rem;text-align:start}.donut li{display:flex;align-items:center;gap:.3rem}.donut i{width:.55rem;height:.55rem;border-radius:50%;display:inline-block}.donut-num{font-size:1.15rem;font-weight:700;fill:var(--text)}.weekdays{display:flex;gap:.35rem;flex-wrap:wrap}.weekdays button{width:2.6rem;height:2.6rem;min-height:0;padding:0;border-radius:50%;background:var(--surface);color:var(--text-2);border:1px solid var(--border-strong);font-weight:600}.weekdays button:hover:not(:disabled){background:var(--primary-soft)}.weekdays button.on{background:var(--primary);color:#fff;border-color:var(--primary)}.profile-card{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1rem}input,textarea,select{font:inherit;width:100%;padding:.7rem .85rem;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:44px;transition:border-color .15s,box-shadow .15s}input{margin:.25rem 0 1rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}input::placeholder,textarea::placeholder{color:#94a3b8}textarea{min-height:5rem}input[type=checkbox],input[type=radio]{width:1.1rem;height:1.1rem;min-height:0;margin:0;accent-color:var(--primary)}label{font-weight:500;color:var(--text-2)}.error{color:var(--danger)}.login-page{min-height:100dvh}.login-hero{position:relative;height:40vh;min-height:230px;max-height:360px;overflow:hidden;color:#fff}.login-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.login-hero-text{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding-bottom:3rem;text-align:center}.login-hero-text strong{font-size:2rem;font-weight:700;letter-spacing:-.02em}.login-hero-text>span:last-child{font-size:1rem;opacity:.9}.login-mark{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:16px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);font-size:1.6rem;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login{position:relative;max-width:24rem;margin:-3rem auto 2rem;padding:1.75rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 40px #0f172a1f}@media (max-width: 26rem){.login{margin-inline:1rem}}.login h1{color:var(--text);text-align:center;font-size:1.35rem;font-weight:700;margin:0 0 1.25rem}.login form{display:flex;flex-direction:column}.login form button.link{margin-top:.5rem}.login button.google{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--surface);color:var(--text);border-color:var(--border-strong)}.login button.google:hover:not(:disabled){background:var(--bg);border-color:var(--muted)}.login .divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 1rem;color:var(--muted);font-size:.85rem}.login .divider:before,.login .divider:after{content:"";flex:1;height:1px;background:var(--border)}.login .hint{font-size:.85rem;text-align:center;margin:.75rem 0 0}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell .topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;background:var(--navy);color:#fff}.brand{display:inline-flex;align-items:center;gap:.45rem;color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.brand:hover{text-decoration:none}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#60a5fa);font-size:1rem}.shell .topbar .who{display:inline-flex;border-radius:50%;box-shadow:0 0 0 2px #ffffff59}.shell .topbar button.link{color:#ffffffbf}.shell .topbar button.link:hover:not(:disabled){color:#fff;background:#ffffff1f}.mode-chip{background:#ffffff24;color:#fff;padding:.25rem .8rem;min-height:0;border-radius:999px;font-size:.8rem;font-weight:600}.mode-chip:hover:not(:disabled){background:#ffffff3d}.mode-chip:disabled{opacity:1}.shell main{flex:1;padding:1rem 1rem calc(6rem + env(safe-area-inset-bottom));width:100%;max-width:46rem;margin:0 auto}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:10;display:flex;justify-content:center;gap:.25rem;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));background:#fffffff7;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--border);box-shadow:0 -6px 24px #0f172a0f}.bottom-nav a{flex:1;max-width:6.5rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .25rem;border-radius:14px;color:var(--muted);font-size:.75rem;font-weight:600;text-decoration:none}.bottom-nav a:hover{text-decoration:none;color:var(--text)}.bottom-nav a.active{color:var(--primary);background:var(--primary-soft)}.hero{position:relative;overflow:hidden;margin:-1rem -1rem 0;padding:1.6rem 1.25rem 3.4rem;color:#fff;background:linear-gradient(160deg,var(--navy) 0%,#13306e 55%,#1e3a8a 100%)}@media (min-width: 46rem){.hero{border-radius:0 0 24px 24px}}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-ball{position:absolute;inset-inline-end:1.25rem;top:50%;transform:translateY(-62%);width:5.5rem;height:5.5rem;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3))}.hero-text{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.hero-kicker{font-size:.8rem;font-weight:600;color:#93c5fd;letter-spacing:.01em}.hero h1{margin:0;font-size:1.85rem;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:#fff}.hero-sub{font-size:.92rem;color:#fffc}.hero-chip{margin-top:.35rem}.overlap{position:relative;margin-top:-2.4rem}.overlap.stack{gap:.85rem}.overlap>.card:first-child,.card.overlap{margin-top:0}.overlap+.card,.card.overlap+*{margin-top:.85rem}.segment{display:flex;gap:.25rem;padding:.3rem;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border)}.segment button,.tabs button{flex:1 0 auto;background:none;color:var(--muted);border:0;padding:.55rem .9rem;min-height:0;white-space:nowrap;font-weight:600;border-radius:12px}.segment button:hover:not(:disabled),.tabs button:hover:not(:disabled){background:var(--bg);color:var(--text)}.segment button[aria-selected=true]{background:var(--primary);color:#fff;box-shadow:0 4px 12px #2563eb4d}.tabs button[aria-selected=true]{background:var(--primary-soft);color:var(--primary)}.overlap .segment+.card{margin-top:0}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.6rem;margin:.85rem 0}.stat-tile{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.85rem .5rem;border-radius:16px;text-align:center}.stat-tile strong{font-size:2rem;line-height:1.1;font-weight:700}.stat-tile span{font-size:.8rem;font-weight:600}.stat-tile.ok{background:#ecfdf3;color:#15803d}.stat-tile.bad{background:#fef2f2;color:#dc2626}.stat-tile.muted{background:#f1f5f9;color:#475569}.stat-tile.info{background:var(--primary-soft);color:var(--primary)}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.65rem 1.1rem;border-radius:14px;background:var(--primary);color:#fff;font-weight:600;text-decoration:none;box-shadow:0 6px 16px #2563eb47}.button-link:hover{text-decoration:none;background:var(--primary-hover)}.button-link.soft{background:var(--primary-soft);color:var(--primary);box-shadow:none}.button-link.soft:hover{background:#dbe6fe}.button-link.block{display:flex;margin:0 0 .85rem}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.quick{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);font-weight:600;text-decoration:none}.quick:hover{text-decoration:none;border-color:var(--primary)}.quick-icon{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-weight:700}.next-event-title{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;margin:.4rem 0;font-size:1.35rem;text-align:center}.next-event-title .vs{padding:.15rem .55rem;border-radius:8px;background:var(--navy);color:#fff;font-size:.8rem;font-weight:700}.meta-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.4rem 0;color:var(--text-2);font-weight:500}.meta-row>*+*:before{content:"|";margin:0 .6rem;color:var(--border-strong)}.next-event>small{display:block;text-align:center;margin-top:.25rem}.team-switch .field{margin:0}.center-link{display:block;text-align:center;margin:1rem 0}.position-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:.5rem;margin-top:.25rem}.position-chip{display:flex;flex-direction:column;align-items:center;padding:.55rem;border-radius:12px;background:var(--bg);border:1px solid var(--border)}.position-chip strong{font-size:1.25rem}.position-chip span{font-size:.8rem;color:var(--muted);font-weight:500}.score-card{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.score-card .stack{flex:1;min-width:12rem}.score-ring-num{font-size:1.7rem;font-weight:700;fill:var(--text)}.score-badge{padding:.25rem .8rem;border-radius:14px;background:#ecfdf3;border:2px solid #bbe5c8;color:#2f855a;font-weight:700;font-size:1.1rem}.score-bar{display:flex;flex-direction:column;gap:.3rem}.score-bar-head{display:flex;justify-content:space-between;font-weight:500}.score-bar-track{height:.55rem;border-radius:999px;background:#e9edf3;overflow:hidden}.score-bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#60a5fa,var(--primary))}.profile-name{font-size:1.2rem}.goals{list-style:none;margin:0;padding:0}.goals li{display:flex;align-items:center;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.goals li:last-child{border-bottom:0}.goal-dot{width:.7rem;height:.7rem;border-radius:50%;border:2px solid var(--primary);flex:none}.goals li.done .goal-dot{background:#16a34a;border-color:#16a34a}.goal-form{margin-top:.75rem}.goal-form input{margin:0;flex:1;min-width:10rem}.goal-form input[type=date]{flex:0 1 11rem;min-width:9rem}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;flex-direction:column;padding:.45rem 0;padding-inline-start:1rem;border-inline-start:2px solid #dbe6fe;position:relative}.timeline li:before{content:"";position:absolute;inset-inline-start:-6px;top:.8rem;width:10px;height:10px;border-radius:50%;background:var(--primary)}.mode-card{display:flex;flex-direction:column;gap:.2rem;text-align:start;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);padding:1rem 1.1rem;border-radius:var(--radius-lg);font-weight:400}.mode-card:hover:not(:disabled){background:var(--surface);border-color:var(--primary)}.mode-card strong{color:var(--text);font-weight:600}h2{margin:.5rem 0 .75rem;color:var(--text);font-size:1.35rem;font-weight:700;letter-spacing:-.01em}h3{margin:0;font-size:1rem;font-weight:600}a{color:var(--primary);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem;margin:.85rem 0;background:var(--surface);box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.row{display:flex;align-items:center;gap:.6rem}.row.wrap{flex-wrap:wrap}.row>.field{flex:1}.stack{display:flex;flex-direction:column;gap:.5rem}.list{list-style:none;margin:.5rem 0;padding:0 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card .list{padding:0;border:0;box-shadow:none;background:none}.list>li{padding:.75rem 0;border-bottom:1px solid var(--border)}.list>li:last-child{border-bottom:0}.list.compact>li{padding:.35rem 0}.muted{color:var(--muted)}.ok{color:var(--success)}.tabs{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;margin:.85rem 0 1rem;padding:.3rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.tabs::-webkit-scrollbar{display:none}.field{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.6rem}.field>span{font-size:.85rem;font-weight:500;color:var(--text-2)}.field input{margin:0}.check{display:flex;align-items:center;gap:.55rem;padding:.3rem 0;font-weight:400}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:.5rem 0;padding:.6rem .9rem}legend{font-weight:600;font-size:.9rem;padding:0 .35rem}.badge{display:inline-block;padding:.12rem .6rem;border-radius:999px;background:#eef1f5;color:var(--text-2);font-size:.78rem;font-weight:600}.badge.ok{background:#dcfce7;color:#166534}.badge.bad{background:#fee2e2;color:#991b1b}.badge.warn{background:#fef3c7;color:#92400e}.avatar.square{border-radius:12px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:600;object-fit:cover;flex:none}.profile-head{margin:.5rem 0}.attr{padding:.55rem 0;border-bottom:1px solid var(--border)}.attr:last-child{border-bottom:0}.attr-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.attr-row strong{min-width:8rem;font-weight:600}.attr-row select,.attr-row input{width:auto;flex:1;min-width:6rem;margin:0}.history{margin:.25rem 0;padding-inline-start:1.25rem;font-size:.85rem;color:var(--muted)}.question{margin:.75rem 0}.chat{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.5rem}.chat li{background:var(--surface);border:1px solid var(--border);border-radius:16px;border-start-start-radius:4px;padding:.5rem .8rem;max-width:85%;align-self:flex-start}.chat li.mine{background:var(--primary);border-color:var(--primary);color:#fff;align-self:flex-end;border-radius:16px;border-start-end-radius:4px}.chat li.mine .muted{color:#fffc}.chat li p{margin:.15rem 0 0}.chat-meta{display:inline-flex;align-items:center;gap:.35rem}.composer{display:flex;gap:.5rem;flex-wrap:wrap}.composer input{flex:1;margin:0}.attend{border-top:1px solid var(--border);padding:.6rem 0;display:flex;flex-direction:column;gap:.4rem}.demo-picker{max-width:26rem;margin:0 auto;padding:1.5rem 1rem}.demo-picker h1{color:var(--text);margin-bottom:.25rem}.demo-picker .stack{gap:.75rem}.demo-lead{margin-top:0}.demo-note{font-size:.85rem}.demo-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding:.45rem 1rem;background:var(--primary-soft);color:var(--primary-hover);font-size:.85rem;font-weight:500;border-bottom:1px solid #dbe6fe}.done-btn{margin-top:.6rem;width:100%;background:#16a34a}.done-btn:hover:not(:disabled){background:#15803d}.task-reward{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem}.reward{padding:.3rem .8rem;border-radius:999px;background:#fef3c7;color:#92400e;font-weight:700}.trophies{padding:.25rem .8rem;border-radius:999px;background:#fef3c7;color:#92400e;font-weight:700;font-size:1rem}.section-title{margin:1.25rem 0 .25rem;color:var(--muted);font-size:.9rem}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0f172a40;overflow:hidden}.celebrate-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem 2rem;border-radius:24px;background:var(--surface);box-shadow:0 20px 50px #0f172a40;animation:pop .45s cubic-bezier(.2,1.4,.4,1)}.celebrate-card strong{font-size:1.4rem}.celebrate-card span:last-child{color:var(--muted);font-size:.9rem}.celebrate-trophy{font-size:4rem;line-height:1;animation:wiggle .9s ease-in-out .3s 2}.confetti{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.8}}@media (prefers-reduced-motion: reduce){.confetti{display:none}.celebrate-card,.celebrate-trophy{animation:none}}.hero:has(.hero-ball) .hero-text{padding-inline-end:7rem}.reward.medal{background:#e0ecff;color:#1e40af;display:inline-flex;align-items:center;gap:.35rem}.medal-icon{font-size:1.5rem;line-height:1;animation:pop .45s cubic-bezier(.2,1.4,.4,1)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chips button{min-height:0;padding:.4rem .85rem;border-radius:999px;font-size:.88rem;font-weight:600;background:var(--surface);color:var(--text-2);border:1px solid var(--border-strong)}.chips button:hover:not(:disabled){background:var(--primary-soft)}.chips button.on{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.tile.bring ul{list-style:none;margin:0;padding:0;font-size:.88rem;font-weight:500;text-align:start}.picker-page{max-width:30rem;margin:0 auto;padding:0 1rem 2rem}.picker-page .hero{margin:0 -1rem}.role-cards{display:grid;gap:.75rem}.role-card{display:flex;align-items:center;gap:.9rem;width:100%;text-align:start;padding:1rem 1.1rem;border-radius:var(--radius-lg);background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);font-weight:400}.role-card:hover:not(:disabled){background:var(--surface);border-color:var(--primary)}.role-card .role-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.role-card strong{display:block;font-size:1.05rem;font-weight:700}.role-card small{color:var(--muted)}.role-card .chev{margin-inline-start:auto;color:var(--muted);font-size:1.2rem}.shirt-no{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;height:1.8rem;padding:0 .35rem;flex:none;border-radius:8px;background:var(--navy);color:#fff;font-size:.85rem;font-weight:700}.hint-box{margin:.25rem 0 .75rem;padding:.6rem .8rem;border-radius:var(--radius);background:var(--primary-soft);color:var(--text-2);font-size:.9rem}