.trophy-reel{--reel-paper:var(--paper,#f7f4ea);--reel-white:var(--white,#fffef9);--reel-ink:var(--ink,#273b39);--reel-muted:var(--muted,#697570);--reel-line:var(--line,#d9ddd0);--reel-mint:var(--mint,#deebd5);--reel-mint-deep:var(--mint-deep,#426442);--reel-pink:var(--pink,#f5d9d4);--reel-yellow:var(--yellow,#f8e5a6);--reel-lavender:var(--lavender,#e7e0f2);--reel-orange:var(--orange,#db704a);--reel-headline:min(max(var(--kitchen-display-size,64px), clamp(48px, 9vw, 96px)), 13vh);--reel-body:max(22px, min(var(--kitchen-body-size,28px), 4.2vh));--reel-min:22px;--reel-tap:96px;z-index:1250;background:var(--reel-paper);color:var(--reel-ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(#89877715 .65px,#0000 .65px);background-size:5px 5px;grid-template-rows:minmax(0,1fr) auto auto;font-family:Nunito,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.trophy-reel.is-guest{--reel-tap:72px;--reel-min:19px;--reel-headline:min(clamp(40px, 10vw, 88px), 13vh);--reel-body:min(clamp(21px, 2.8vw, 28px), 3.8vh)}@media (max-width:760px){.trophy-reel{--reel-tap:72px;--reel-min:17px;--reel-body:min(20px, 3.4vh)}}.trophy-reel button{touch-action:manipulation}.reel-stage{min-height:0;position:relative}.reel-scene{opacity:0;transition:opacity var(--dur-slow) var(--ease-paper), transform var(--dur-slow) var(--ease-paper);pointer-events:none;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(20px,4vw,64px);padding:clamp(24px,5vh,64px) clamp(24px,6vw,96px);display:grid;position:absolute;inset:0;transform:translateY(14px)}.reel-scene.is-current{opacity:1;pointer-events:auto;transform:none}.reel-scene:before{content:"";background:var(--reel-mint);z-index:0;border-radius:50%;width:46vmin;height:46vmin;position:absolute;top:10%;right:6%}.reel-miles:before{background:var(--reel-yellow)}.reel-race:before{background:var(--reel-lavender)}.reel-streak:before{background:var(--reel-pink)}.reel-garage:before{background:var(--reel-mint)}.reel-finale:before{background:var(--reel-yellow)}.reel-words,.reel-art{z-index:1;min-width:0;position:relative}.reel-words{align-content:center;gap:clamp(8px,1.6vh,18px);display:grid}.trophy-reel .eyebrow{font-size:max(var(--reel-min,15px), calc(var(--reel-body) * .7));letter-spacing:3px;color:#718078;margin:0;font-weight:800}.reel-scene h1{font-family:Baloo,sans-serif;font-weight:800;font-size:var(--reel-headline);letter-spacing:-.03em;text-wrap:balance;margin:0;line-height:.98}.reel-scene h1 small{margin-left:.15em;font-size:.42em;font-weight:700}.reel-clock{font-variant-numeric:tabular-nums}.reel-sub{font-size:var(--reel-body);max-width:24ch;margin:0;font-weight:700;line-height:1.3}.reel-art{place-items:center;gap:12px;min-height:0;display:grid}.reel-art .toy-racer{width:min(100%,520px,60vh);height:auto;display:block}.reel-art .reel-flag{width:clamp(80px,14vh,150px);height:auto}.reel-art .noah-driver{width:clamp(110px,20vh,230px);height:auto}.reel-title .reel-art{grid-template-columns:auto 1fr;align-items:end}.reel-title .reel-art .toy-racer{width:min(100%,460px,46vh)}.reel-art .reel-pit{width:clamp(120px,28vh,300px)}.reel-art .reel-pit svg{width:100%;height:auto}.reel-bars{font-size:max(var(--reel-min,18px), calc(var(--reel-body) * .85));gap:10px;max-width:560px;margin-top:6px;font-weight:800;display:grid}.reel-bar{grid-template-columns:7ch minmax(0,1fr) 4ch;align-items:center;gap:12px;display:grid}.reel-bar i{height:max(14px, calc(var(--reel-body) * .6));background:var(--reel-line);border-radius:999px;display:block;overflow:hidden}.reel-bar i:after{content:"";height:100%;width:var(--w,0%);border-radius:inherit;background:var(--reel-mint-deep);transition:width calc(var(--dur-slow) * 1.5) var(--ease-paper);display:block}.reel-bar.is-last i:after{background:var(--reel-orange)}.reel-bar b{text-align:right;font-variant-numeric:tabular-nums}.reel-days{gap:clamp(6px,1vw,14px);margin:8px 0 0;padding:0;list-style:none;display:flex}.reel-days li{aspect-ratio:1;border:3px solid var(--reel-ink);background:var(--reel-white);width:clamp(40px,6vw,84px);box-shadow:0 4px 0 var(--reel-ink);font-family:Baloo,sans-serif;font-weight:800;font-size:max(var(--reel-min,18px), calc(var(--reel-body) * .9));border-radius:22%;place-items:center;display:grid}.reel-days li.is-active{background:var(--reel-mint-deep);border-color:var(--reel-mint-deep);color:var(--reel-white)}.reel-days li.is-rest{color:var(--reel-muted);border-style:dashed}.reel-days li i{font-size:1.1em}.reel-print{background:#fffef8;border:1px solid #e3dfd2;width:min(100%,68vh);margin:0;padding:12px 12px 34px;position:relative;transform:rotate(-2deg);box-shadow:0 2px 2px #343e3110,0 14px 30px #343e3120}.reel-print:before{content:"";background:#cfdbc0bf;border-radius:2px;width:84px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(3deg)}.reel-print img{aspect-ratio:4/3;object-fit:cover;background:#ece8dc;width:100%;display:block}.reel-print figcaption{font-family:Baloo,sans-serif;font-weight:700;font-size:max(var(--reel-min,16px), calc(var(--reel-body) * .8));text-align:center;margin-top:10px;line-height:1.2}.reel-burst{pointer-events:none;z-index:2;position:absolute;top:46%;left:50%}.reel-burst span{color:#f1b93a;animation:var(--motion-burst);--a:calc(var(--i) * 30deg);font-size:26px;position:absolute}.reel-actions{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.reel-actions>button,.reel-close,.reel-share .ink-button,.reel-share .reel-people button,.reel-share .reel-soft{min-height:var(--reel-tap);border:3px solid var(--reel-ink);background:var(--reel-white);color:var(--reel-ink);box-shadow:0 4px 0 var(--reel-ink);font-family:Nunito,sans-serif;font-weight:800;font-size:var(--reel-body);text-align:left;cursor:pointer;transition:transform var(--dur-quick) var(--ease-paper), box-shadow var(--dur-quick) var(--ease-paper);border-radius:24px;justify-content:center;align-items:center;gap:12px;padding:0 clamp(18px,2.4vw,32px);line-height:1.1;display:inline-flex}.reel-actions>button:active,.reel-close:active,.reel-share .ink-button:active,.reel-share .reel-soft:active{box-shadow:0 1px 0 var(--reel-ink);transform:translateY(3px)}.reel-actions>button.is-primary,.reel-share .ink-button{background:var(--reel-mint-deep);border-color:var(--reel-mint-deep);color:var(--reel-white)}.reel-actions>button:disabled,.reel-share button:disabled{opacity:.65;cursor:default}.reel-actions .ph,.reel-close .ph{font-size:1.2em}.reel-close{z-index:3;font-size:max(var(--reel-min,18px), calc(var(--reel-body) * .8));position:absolute;top:clamp(12px,2vh,24px);right:clamp(12px,2vw,24px)}.reel-progress{gap:8px;margin:0;padding:clamp(10px,1.6vh,18px) clamp(24px,6vw,96px) 0;list-style:none;display:flex}.reel-progress li{background:var(--reel-line);border-radius:4px;flex:1;height:8px;overflow:hidden}.reel-progress li span{background:var(--reel-ink);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.reel-progress li.is-done span{transform:scaleX(1)}.reel-progress li.is-current span{animation:linear forwards reel-fill}@keyframes reel-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.reel-footer{text-align:center;font-family:Baloo,sans-serif;font-weight:700;font-size:max(var(--reel-min,16px), calc(var(--reel-body) * .8));color:var(--reel-muted);margin:0;padding:clamp(8px,1.4vh,14px) 24px clamp(14px,2.4vh,26px)}.trophy-reel.is-loading{text-align:center;grid-template-rows:1fr;place-items:center;padding:40px 24px}.trophy-reel.is-loading>div{justify-items:center;gap:16px;display:grid}.trophy-reel.is-loading h1{font-family:Baloo,sans-serif;font-weight:800;font-size:min(var(--reel-headline), 64px);text-wrap:balance;margin:0;line-height:1}.trophy-reel.is-loading p{font-size:var(--reel-body);color:var(--reel-muted);margin:0;font-weight:700}.trophy-reel.is-loading .reel-close{position:static}.trophy-reel.is-loading .reel-footer{position:absolute;bottom:0;left:0;right:0}.reel-share{background:var(--reel-white);border:3px solid var(--reel-ink);width:min(100%,680px);box-shadow:0 4px 0 var(--reel-ink);font-size:max(var(--reel-min,18px), calc(var(--reel-body) * .85));text-align:left;border-radius:28px;gap:14px;padding:clamp(18px,2.6vh,28px) clamp(18px,2.4vw,30px);display:grid}.reel-share p,.reel-share label{margin:0}.reel-share label{gap:8px;font-weight:800;display:grid}.reel-share input{min-height:calc(var(--reel-tap) * .75);font:700 max(var(--reel-min,18px), calc(var(--reel-body) * .8)) Nunito, sans-serif;border:2px solid var(--reel-line);background:var(--reel-paper);color:var(--reel-ink);border-radius:16px;min-width:0;padding:10px 16px}.reel-share input:focus-visible,.reel-share button:focus-visible,.reel-actions button:focus-visible,.reel-close:focus-visible{outline:3px solid var(--reel-orange);outline-offset:3px}.reel-people{gap:12px;display:flex}.reel-share .reel-people button{border-color:var(--reel-line);box-shadow:none;flex:1;justify-items:center;gap:6px;padding:10px;display:grid}.reel-share .reel-people button[aria-pressed=true]{border-color:var(--reel-ink);box-shadow:0 4px 0 var(--reel-ink)}.reel-share .reel-people .family-avatar{width:52px;height:52px}.reel-link{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reel-link input{flex:240px}.reel-share .reel-soft{font-size:max(var(--reel-min,17px), calc(var(--reel-body) * .75))}.reel-share small{font-size:max(var(--reel-min,15px), calc(var(--reel-body) * .7));color:var(--reel-muted);line-height:1.4;display:block}.reel-share .kids-error{font-size:max(var(--reel-min,16px), calc(var(--reel-body) * .72))}.reel-links-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.reel-links-list li{border:1px solid var(--reel-line);background:var(--reel-paper);border-radius:16px;gap:8px;padding:12px 14px;display:grid}.reel-links-list li>span{flex-wrap:wrap;justify-content:space-between;gap:8px;font-weight:800;display:flex}.reel-toast{z-index:1300;background:var(--ink,#273b39);color:var(--white,#fffef9);font:800 var(--reel-body,18px) Nunito, sans-serif;pointer-events:none;text-align:center;border-radius:18px;max-width:min(90vw,720px);margin:0;padding:16px 26px;position:fixed;bottom:clamp(24px,6vh,60px);left:50%;transform:translate(-50%)}.kitchen-settings .reel-share{--reel-tap:44px;--reel-body:15px;--reel-min:12px;box-shadow:none;border-width:1px;border-radius:16px;width:100%;padding:14px 16px;font-size:13px}.kitchen-settings .reel-share .ink-button,.kitchen-settings .reel-share .reel-soft{box-shadow:none;border-width:1px;border-radius:12px;min-height:44px;padding:0 16px;font-size:13px}.kitchen-settings .reel-share .ink-button{background:var(--ink,#273b39);border-color:var(--ink,#273b39)}.kitchen-settings .reel-share input{min-height:44px;font-size:14px}.kitchen-settings .reel-share small,.kitchen-settings .reel-share .kids-error{font-size:12px}.kitchen-settings .reel-sounds{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.kitchen-reel-button{width:100%;min-height:var(--kitchen-tap,72px);background:var(--yellow,#f8e5a6);color:var(--ink,#273b39);box-shadow:0 4px 0 var(--ink,#273b39);text-align:left;font:inherit;font-size:var(--kitchen-body-size,15px);cursor:pointer;border:2px solid #ead7ad;border-radius:22px;align-items:center;gap:14px;padding:14px 18px;display:flex}.kitchen-reel-button:active{box-shadow:0 1px 0 var(--ink,#273b39);transform:translateY(3px)}.kitchen-reel-button>span{flex:1;min-width:0;display:grid}.kitchen-reel-button strong{font-family:Baloo,sans-serif;font-weight:800;font-size:var(--kitchen-heading-size,20px);line-height:1.05}.kitchen-reel-button small{font-size:var(--kitchen-detail-size,12px);color:#7a6a46}.kitchen-reel-button>.ph{flex-shrink:0;font-size:1.6em}@media (orientation:portrait),(max-width:900px){.reel-scene{text-align:center;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:safe center;justify-items:center;overflow-y:auto}.reel-scene:before{top:46%;left:50%;right:auto;transform:translate(-50%)}.reel-words{justify-items:center}.reel-sub{max-width:30ch}.reel-bar{text-align:left}.reel-days,.reel-actions{justify-content:center}.reel-title .reel-art{grid-template-columns:1fr}.reel-art .toy-racer{width:min(100%,420px,34vh)}.reel-print{width:min(100%,440px,46vh)}}@media (max-height:640px){.reel-scene:before,.reel-art .noah-driver{display:none}}@media (prefers-reduced-motion:reduce){.reel-scene{transform:none}.reel-burst{display:none}.reel-progress li.is-current span{opacity:.45;transform:scaleX(1)}}