@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#164e50;background:#f4f4e9;font-synthesis:none;--teal:#146b68;--yellow:#ffdc69}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#dfeee3,transparent 65%),#f7f6ed;height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #e69038;outline-offset:4px}button:disabled{opacity:.4;cursor:default}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #dce3d6}.brand{display:flex;align-items:center;gap:12px;color:#155e5d;text-decoration:none;font:500 30px 'Fredoka',system-ui}.brand-sun{font:48px Georgia;color:#e7ab28}.brand small{display:block;font:700 8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:5px}.game-label{font-size:10px;letter-spacing:2px;color:#748c7d}.game-label span{margin-left:12px;background:#e8eadc;padding:6px;border-radius:7px}.top-actions{display:flex;gap:9px}.icon-button{width:40px;height:40px;border:1px solid #cfdbce;background:#fffdf6;border-radius:50%;font-size:21px}.layout{height:calc(100dvh - 184px);max-width:1420px;margin:auto;display:grid;grid-template-columns:minmax(165px,230px) minmax(0,1fr) minmax(140px,205px);gap:24px;padding:18px 32px 0;align-items:center}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#698675}.mode-tabs{display:flex;background:#e6ebde;padding:4px;border-radius:12px;margin:14px 0;gap:4px}.mode-tabs button{flex:1;border:0;background:transparent;padding:9px 5px;border-radius:9px;font-size:12px;font-weight:700}.mode-tabs .selected{background:#fffef8;box-shadow:0 2px 5px #194b4a12}.lesson-card{background:#fffdf6;border:1px solid #e2e7d8;border-radius:24px;text-align:center;padding:22px 12px 15px;box-shadow:0 10px 35px #395c4510}.picture{font-size:60px;line-height:1.2;filter:drop-shadow(0 5px 0 #f0dc8645)}.lesson-prompt{font-size:12px;color:#728774;margin-top:14px}h1{font:500 37px 'Fredoka',sans-serif;letter-spacing:4px;margin:5px 0 16px}.slots{display:flex;gap:6px;justify-content:center}.slot{border:2px dashed #cedbcc;border-radius:10px;width:39px;height:45px;display:grid;place-items:center;font:500 24px 'Fredoka',sans-serif;color:#a6b9aa}.slot.filled{background:#d9efe3;border:2px solid #a7d6bd;color:#176b62}.slot.next{border:2px solid #eeb843;background:#fff3c7;color:#a46f14;box-shadow:0 0 0 3px #ffe39933}.listen-button{border:0;background:#edf3e8;padding:7px 14px;border-radius:20px;font-size:11px;font-weight:700;margin:15px auto 0}.lesson-card p{font-size:11px;color:#809080;line-height:1.5;margin:13px 0 0}.guide-card{display:flex;gap:10px;margin:22px 0 10px}.guide-icon{color:#d89e22;font-size:24px}.guide-card strong{font-size:12px}.guide-card p{font-size:11px;line-height:1.7;color:#7c8d7d;margin:5px 0}.motion-button{border:0;background:transparent;font-size:10px;color:#829581;padding:6px}.table-area{height:100%;min-width:0;display:flex;flex-direction:column;align-items:center}.table-topline{width:min(100%,calc((100dvh - 230px)*.818));display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;padding:0 9px 10px;color:#769082;white-space:nowrap}.table-topline i{display:inline-block;width:5px;height:5px;background:#74ab86;border-radius:50%;margin-right:6px}.canvas-wrap{position:relative;aspect-ratio:9/11;height:calc(100% - 20px);max-width:100%;filter:drop-shadow(0 13px 17px #315b3c26)}canvas{display:block;width:100%;height:100%;border-radius:32px;touch-action:none}.overlay{position:absolute;inset:0;background:#082f3966;backdrop-filter:blur(5px);border-radius:32px;display:grid;place-items:center;z-index:3}.overlay[hidden]{display:none}.welcome-card{background:#fffdf3;box-shadow:0 20px 60px #102f443b;border:4px solid #fff7d8;border-radius:26px;padding:25px 28px;text-align:center;width:85%;max-width:360px}.welcome-star{display:block;font-size:43px;color:#e9ae30;margin-bottom:8px}.welcome-card h2{font:500 32px/1.15 'Fredoka',sans-serif;margin:15px 0;color:#155e5d}.welcome-card p{font-size:12px;line-height:1.8;color:#748a7b}.welcome-card small{display:block;margin-top:17px;font-size:10px;color:#839283}.primary{display:flex;justify-content:space-between;width:100%;background:#146c67;color:white;border:0;border-radius:13px;padding:15px 19px;font-weight:700;margin-top:22px}.primary:hover{background:#0b5553}.score-card{padding:22px 20px;background:#e8eedf;border:1px solid #dce5d4;border-radius:21px}.score-line{display:flex;gap:10px;align-items:center;margin:7px 0}.score-line>span{color:#d4a029;font-size:29px}.score-line strong{font:500 38px 'Fredoka',sans-serif;letter-spacing:1px}.best{font-size:9px;letter-spacing:1.5px;border-top:1px solid #d5dfcf;padding-top:12px;display:flex;justify-content:space-between;color:#84967b}.progress-card{padding:25px 7px;border-bottom:1px solid #dce5d6}.collection-stars{font-size:24px;color:#d7a936;margin:12px 0;letter-spacing:1px}.progress-card strong{font-size:13px}.progress-card p,.how-card p{font-size:11px;color:#7c8d7d;line-height:1.8}.word-garden{display:flex;flex-wrap:wrap;gap:5px}.word-garden span{background:#dce9d8;border-radius:7px;padding:4px 7px;font-size:10px}.how-card{padding:23px 7px}.key-row{display:flex;align-items:center;gap:6px}.key-row span{font-size:10px;color:#8e9b89;margin-left:5px}kbd{border:1px solid #cad8c5;border-bottom-width:3px;border-radius:5px;padding:3px 8px;background:#fdfcf5}.controls{height:96px;display:flex;align-items:center;justify-content:space-between;max-width:1420px;margin:auto;padding:15px 4vw max(15px,env(safe-area-inset-bottom));gap:15px}.flipper-button{touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #1b7973;border-bottom:5px solid #0b4e4d;border-radius:17px;background:linear-gradient(#25867d,#156a66);color:#f7f7dc;padding:18px 26px;min-width:210px;letter-spacing:1.5px;font-size:11px;font-weight:700;display:flex;gap:24px;justify-content:space-between;box-shadow:0 6px 14px #315e4720}.flipper-button span{color:#ffda71}.flipper-button.pressed{transform:translateY(3px);border-bottom-width:2px;background:#0f5554;box-shadow:0 0 0 3px #ffdf8a}.control-caption{text-align:center}.control-caption>span{font:500 15px 'Fredoka',sans-serif;letter-spacing:3px}.control-caption small{display:block;font-size:10px;color:#7b917e;margin-top:5px}.launch-button{position:absolute;bottom:14%;left:50%;transform:translateX(-50%);border:2px solid #fff3b4;background:#ffe082;color:#67520f;border-radius:20px;padding:10px 19px;font-size:12px;font-weight:700;box-shadow:0 3px 15px #31463055;white-space:nowrap}.launch-button[hidden]{display:none}.toast{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;pointer-events:none;padding:16px 22px;border-radius:20px;background:#fff9e8;color:#126864;border:3px solid #f6d56d;text-align:center;font:500 24px 'Fredoka',sans-serif;box-shadow:0 7px 20px #153b4a38;transition:opacity .2s,transform .2s;white-space:nowrap;z-index:2}.toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(max-width:1000px){.topbar{height:68px;padding:0 25px}.brand{font-size:25px}.brand-sun{font-size:38px}.layout{height:calc(100dvh - 153px);padding:12px 22px 0;gap:17px;grid-template-columns:170px minmax(0,1fr) 150px}.controls{height:85px}.lesson-card{padding:16px 8px 12px}.picture{font-size:46px}h1{font-size:30px;margin-bottom:12px}.slot{width:32px;height:39px;font-size:21px}.score-card{padding:17px 14px}.guide-card{margin-top:15px}.flipper-button{padding:16px 20px;min-width:190px}.game-label{font-size:8px}.table-topline{font-size:6px}.table-topline span+span{display:none}.how-card{padding-top:16px}.progress-card{padding:20px 7px}}
@media(max-height:690px) and (orientation:landscape){.topbar{height:58px}.layout{height:calc(100dvh - 132px);padding-top:8px}.controls{height:74px}.lesson-card{padding:10px}.picture{font-size:36px}.lesson-prompt{margin-top:5px}h1{margin:2px 0 8px;font-size:26px}.lesson-card p,.how-card,.guide-card p,.motion-button{display:none}.guide-card{margin-top:12px}.mode-tabs{margin:8px 0}.progress-card{padding:17px 5px}.score-card{padding:15px}.welcome-card{padding:15px 22px}.welcome-card h2{font-size:26px}.welcome-star{font-size:27px}.welcome-card p{font-size:10px}.welcome-card small{margin-top:10px}.primary{margin-top:12px;padding:12px}.flipper-button{padding:13px 20px}}
@media(max-width:720px){body{overflow:auto;min-height:100dvh;height:auto}.game-label,.score-panel,.brand small{display:none}.topbar{height:62px;padding:0 15px}.layout{height:auto;display:flex;flex-direction:column;padding:12px 15px 100px;gap:12px}.lesson-panel{display:flex;align-items:center;gap:12px;width:100%;justify-content:center}.lesson-panel>.eyebrow,.guide-card,.motion-button,.lesson-card .picture,.lesson-card .lesson-prompt,.lesson-card p,.listen-button{display:none}.mode-tabs{flex-direction:column;margin:0}.lesson-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:15px}h1{font-size:25px;margin:0}.slot{width:29px;height:35px;font-size:19px}.table-area{width:100%;height:auto}.table-topline{width:100%;font-size:7px}.canvas-wrap{width:min(100%,490px);height:auto}.controls{position:fixed;bottom:0;left:0;right:0;height:86px;background:#f4f5e9ed;backdrop-filter:blur(12px);z-index:5;padding:12px 15px;gap:10px}.control-caption{display:none}.flipper-button{min-width:0;flex:1;padding:18px 12px;font-size:9px;gap:8px}.welcome-card h2{font-size:29px}}
.layout{grid-template-rows:minmax(0,1fr)}.table-area{min-height:0}.canvas-wrap{min-height:0;flex-shrink:1}canvas{position:absolute;inset:0}
@media(max-width:720px){.canvas-wrap{flex-shrink:0}canvas{position:absolute}}
.picture{display:inline-block;transform-origin:center bottom}
.picture.hop{animation:pic-hop .42s ease}
.picture.alive{animation:pic-alive 1.05s ease}
@keyframes pic-hop{0%{transform:translateY(0) scale(1)}40%{transform:translateY(-16px) scale(1.22)}100%{transform:translateY(0) scale(1)}}
@keyframes pic-alive{0%{transform:translateY(0) scale(1) rotate(0)}28%{transform:translateY(-26px) scale(1.4) rotate(-8deg)}58%{transform:translateY(-4px) scale(1.18) rotate(8deg)}100%{transform:translateY(0) scale(1) rotate(0)}}
.groups{display:flex;justify-content:center;align-items:center;gap:10px;min-height:34px;font-size:26px;margin-top:4px}
.groups[hidden]{display:none}
.groups .pile{letter-spacing:1px;display:inline-block}
.groups .plus{font:700 18px 'Fredoka',system-ui;color:#146b68}
.groups.merged .pile{animation:pile-squash .7s ease}
@keyframes pile-squash{0%{transform:scale(.6)}45%{transform:scale(1.25)}100%{transform:scale(1)}}
@media(max-width:720px){.groups{font-size:20px;min-height:28px}}
.plunger{position:absolute;left:0;top:0;z-index:6;width:72px;touch-action:none;cursor:grab;background:transparent;pointer-events:auto}
.plunger[hidden]{display:none}
.plunger-label{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:max-content;max-width:140px;margin-bottom:6px;font:700 13px 'Fredoka',system-ui;color:#fff6d0;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.7);pointer-events:none}
.word-pop{position:absolute;z-index:7;pointer-events:none;font:700 26px 'Fredoka',system-ui;color:#fff6c8;text-shadow:0 2px 0 #7a4a10,0 0 12px rgba(255,200,60,.8);animation:word-pop 1.6s ease forwards}
/* The 3D table is the whole screen on iPad and in the browser. Panels sit on top of the art. */
body.perspective{background:#061410;overflow:hidden;height:100dvh;width:100vw}
body.perspective .topbar{position:fixed;top:env(safe-area-inset-top);right:10px;left:auto;height:auto;width:auto;padding:10px;margin:0;background:transparent;border:0;z-index:9;pointer-events:none;display:block}
body.perspective .topbar .brand,body.perspective .topbar .backbox{display:none}
body.perspective .top-actions{pointer-events:auto;display:flex;gap:8px}
body.perspective .layout{display:block;height:100dvh;width:100vw;padding:0;margin:0;grid-template-columns:none}
body.perspective .lesson-panel{position:fixed;top:calc(env(safe-area-inset-top) + 10px);left:10px;width:auto;height:auto;margin:0;padding:0;background:transparent;z-index:9;display:block}
body.perspective .lesson-panel>*:not(.mode-tabs){display:none}
body.perspective .mode-tabs{margin:0;background:rgba(8,32,30,.55);border-radius:14px;padding:4px}
body.perspective .score-panel,body.perspective .table-topline,body.perspective .control-caption{display:none}
body.perspective .table-area{width:100vw;height:100dvh;padding:0;margin:0}
body.perspective .canvas-wrap{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;aspect-ratio:auto;border-radius:0;margin:0}
body.perspective .controls{position:fixed;left:0;right:0;bottom:0;height:auto;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:transparent;backdrop-filter:none;z-index:8;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;gap:0}
body.perspective .flipper-button{pointer-events:auto;min-width:18vw;margin:0;border-radius:16px 16px 0 0;opacity:.94}
@keyframes word-pop{0%{transform:translateY(0) scale(.55);opacity:0}18%{opacity:1}100%{transform:translateY(-240px) scale(1.2);opacity:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* The 3D cabinet fills the window. A 16:9 cap left a cream band under the art. */
body.perspective .canvas-wrap{aspect-ratio:auto;height:100dvh;width:100vw;max-width:none}
/* In perspective/3D mode the TABLE is the hero. The right-hand panel (score, collection,
   help) is reference material an adult reads, not something a 4-year-old tracks mid-play,
   so it folds away and the canvas takes the width. The lesson card stays - it is the
   educational core and the child needs the word and the filled slots in view. */
body.perspective .layout{grid-template-columns:minmax(132px,168px) minmax(0,1fr)}
body.perspective .score-panel{display:none}
/* ---- Landscape thumb pads (kids 4-6, tablet held in two hands) ----------------
   The two flipper buttons are lifted out of the footer and anchored into the lower
   screen corners, where a small child's thumbs already rest. They keep every existing
   pointer/keyboard handler - only position and size change, so game logic is untouched.
   Deliberately huge and corner-flush: at this age aim is poor, so the whole corner is
   live and there is nothing to miss. The arrow, not the word, is the affordance. */
@media (orientation: landscape) and (min-width: 721px) {
  .flipper-button {
    position: fixed;
    bottom: 0;
    z-index: 7;
    width: min(24vw, 215px);
    height: min(27vh, 195px);
    min-width: 0;
    padding: 0 0 max(14px, env(safe-area-inset-bottom)) 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    font-size: 10px;
    letter-spacing: 1.6px;
    border-width: 2px;
    border-bottom-width: 2px;
    box-shadow: 0 -6px 26px #315e4733;
    transition: transform .06s, background .06s;
  }
  #left-flipper  { left: 0;  padding-left: max(0px, env(safe-area-inset-left));  border-radius: 0 40px 0 0; }
  #right-flipper { right: 0; padding-right: max(0px, env(safe-area-inset-right)); border-radius: 40px 0 0 0; }
  .flipper-button span { font-size: clamp(44px, 7vw, 76px); line-height: 1; color: #ffe89a; }
  /* Pressed must be unmistakable from a child's viewing angle. */
  .flipper-button.pressed {
    transform: none;
    background: #0d5b57;
    border-bottom-width: 2px;
    box-shadow: 0 0 0 5px #ffdf8a, 0 -6px 26px #315e4744;
  }
  /* The footer keeps its height so the page layout maths is unchanged. It ignores
     pointers so its dead space never eats a thumb, but pointer-events INHERITS, so
     every child that must stay tappable has to opt back in explicitly. Missing this
     on .flipper-button made both pads completely dead - caught in the browser. */
  .controls { pointer-events: none; }
  .control-caption { pointer-events: auto; }
  .flipper-button { pointer-events: auto; }
}

/* Cabinet backglass: visible score and target, plus the complete session collection. */
.topbar{height:142px;gap:18px;padding:10px 3vw}
.backbox{flex:1;max-width:1050px;min-width:0;display:grid;grid-template-columns:1fr 1.15fr 1.8fr;align-items:center;gap:18px;padding:10px 22px;border:5px solid #e7bc56;border-radius:18px;background:radial-gradient(ellipse at top,#17646b,#082e3a);box-shadow:inset 0 0 0 2px #fff0ae,0 5px 0 #94652d;color:#fff0aa;text-align:center}
.backbox span{font-size:10px;letter-spacing:1.5px;font-weight:700}
.backbox-score,.backbox-target{display:flex;flex-direction:column;gap:3px}
.backbox strong{font:800 clamp(26px,3vw,42px)/1.05 'Trebuchet MS',sans-serif;text-shadow:0 0 12px #ffc84d88;color:#ffdf6c}
#backbox-target{color:#fff7d4;letter-spacing:5px}
#backbox-next{color:#8cf0d5}
.backbox-collection{text-align:left;border-left:1px solid #dcbb6555;padding-left:18px;min-width:0}
#backbox-words{height:55px;overflow-y:auto;touch-action:pan-y;display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;margin-top:7px;font-size:11px;color:#b9d6ce}
#backbox-words span{padding:4px 7px;border-radius:6px;background:#fff0aa18;color:#fff3b9;letter-spacing:1px}
.layout{height:calc(100dvh - 238px)}
@media(max-width:1100px){.topbar{gap:10px;padding:8px 14px}.brand{font-size:18px}.brand small,.brand-sun{display:none}.backbox{gap:10px;padding:8px 12px}.backbox-collection{padding-left:10px}}
@media(max-height:740px) and (orientation:landscape){.topbar{height:108px}.backbox{padding:6px 12px}.backbox strong{font-size:27px}#backbox-words{height:40px}.layout{height:calc(100dvh - 182px)}}
@media(max-width:720px){.topbar{height:auto;flex-wrap:wrap}.backbox{order:3;flex-basis:100%;max-width:none}.top-actions{margin-left:auto}.layout{height:auto}.backbox span{font-size:8px}.backbox strong{font-size:24px}}
body.perspective .flipper-button{width:min(34vw,300px);height:min(40vh,280px);min-width:0;background:rgba(8,36,34,.22);border:3px solid rgba(255,223,138,.9);border-radius:10px;box-shadow:none;color:#fff6d2;text-shadow:0 2px 10px rgba(0,0,0,.75)}
body.perspective #left-flipper{left:0;border-radius:0 12px 0 0}
body.perspective #right-flipper{right:0;border-radius:12px 0 0 0}
body.perspective .flipper-button span{filter:drop-shadow(0 3px 6px rgba(0,0,0,.55));font-size:clamp(56px,8vw,92px)}
body.perspective .flipper-button.pressed{background:rgba(13,91,87,.45);box-shadow:0 0 0 4px #ffdf8a}

/* owner 09-26: name box on the start card + the child's scoreboard to the left of the table (landscape only;
   in portrait the table fills the screen and the backglass sign carries score + names). */
.name-field{display:block;margin-top:14px;font:500 15px 'Fredoka',sans-serif;color:#155e5d}.name-input{display:block;width:100%;margin-top:6px;padding:11px 14px;border:2px solid #f0d77a;border-radius:13px;background:#fff;font:500 22px 'Fredoka',sans-serif;color:#155e5d;text-align:center}.name-input:focus{outline:3px solid #e69038;outline-offset:2px}
.kid-board{position:fixed;left:12px;top:132px;width:min(200px,15vw);z-index:8;pointer-events:none;background:#fff9e8ee;border:3px solid #f6d56d;border-radius:20px;padding:12px 14px;box-shadow:0 7px 20px #153b4a38;color:#126864;text-align:center}.kb-name{font:500 24px/1.1 'Fredoka',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-score{font:600 34px/1.2 'Fredoka',sans-serif;color:#b27a10}.kb-balls{font-size:17px;letter-spacing:3px;color:#1f8a82;min-height:22px}.kb-title{margin-top:8px;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#6d8a7a}.kb-top{list-style:none;margin:4px 0 0;padding:0;font:500 14px/1.6 'Fredoka',sans-serif}.kb-top li{display:flex;justify-content:space-between;gap:8px}.kb-top li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-aspect-ratio:6/5){.kid-board{display:none}}
/* owner 09-26: a pointer at the plunger whenever a ball is waiting to be launched. */
.plunger-arrow{position:absolute;left:50%;bottom:100%;margin-bottom:26px;transform:translateX(-50%);font-size:56px;line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.55));pointer-events:none;animation:plunger-point 1s ease-in-out infinite}@keyframes plunger-point{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,16px)}}@media (prefers-reduced-motion:reduce){.plunger-arrow{animation:none}}
.pace-field{margin-top:12px;font:500 15px 'Fredoka',sans-serif;color:#155e5d}.pace-tabs{display:flex;gap:6px;margin-top:6px;background:#eef1e4;padding:4px;border-radius:13px}.pace-tabs button{flex:1;border:0;background:transparent;padding:9px 4px;border-radius:10px;font:500 15px 'Fredoka',sans-serif;color:#155e5d}.pace-tabs button.selected{background:#fff;box-shadow:0 2px 6px #194b4a22;outline:2px solid #f0d77a}
/* 10-12 reviewer note: bright yellow start button with a gentle slow pulse (period 2.4s, scale/glow only) */
#start.primary{background:linear-gradient(#ffe65a,#ffc61a);color:#4a3000;border:2px solid #fff3b0;border-bottom:5px solid #c98a00;box-shadow:0 0 0 3px rgba(255,214,64,.45),0 6px 16px rgba(201,138,0,.35);animation:start-pulse 2.4s ease-in-out infinite}
#start.primary:hover{background:linear-gradient(#fff07a,#ffd02e)}
#start.primary span{font-size:1.25em}
@keyframes start-pulse{50%{transform:scale(1.035);box-shadow:0 0 0 7px rgba(255,214,64,.28),0 6px 22px rgba(255,190,30,.6)}}
@media(prefers-reduced-motion:reduce){#start.primary{animation:none}}