:root{--orange: #f97316;--orange-deep: #ea580c;--ink: #1c1410;--cream: #fff7ed;--card: #ffffff;--goed: #16a34a;--gestolen: #db2777;--urgent: #e11d48;--oranje: #f97316;--blauw: #2563eb;--radius: 28px;--shadow: 0 12px 30px rgba(28, 20, 16, .16);--font: "Fredoka", system-ui, sans-serif;--pad: 20px;color:var(--ink);font-family:var(--font);font-weight:500}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--orange);overscroll-behavior:none}body{min-height:100svh}#root{position:relative;height:100svh;width:100%}button,input{font:inherit}.app{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen{position:relative;display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;padding:16px var(--pad) 18px}.screen.scroll{overflow:auto}.screen.locked{overflow:hidden}.tone-orange{background:var(--orange);color:#fff}.tone-oranje{background:var(--oranje);color:#fff}.tone-blauw{background:var(--blauw);color:#fff}.tone-cream{background:var(--cream);color:var(--ink)}.grow{flex:1;min-height:0}.stack{display:flex;flex-direction:column;gap:12px}.center{text-align:center}h1,h2,p{margin:0}.logo{font-size:clamp(3.4rem,16vw,5.4rem);font-weight:700;line-height:.9;letter-spacing:-.03em}.home-tools{display:flex;align-items:center;gap:4px}.home-tools .btn{width:auto;flex:1}.flag-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 48px;height:44px;border:0;border-radius:14px;background:transparent;font-size:1.7rem;line-height:1;cursor:pointer}.quit{position:absolute;top:10px;right:12px;z-index:4;width:44px;height:44px;border:0;border-radius:14px;background:#ffffff38;color:#fff;font:inherit;font-size:1.7rem;font-weight:700;line-height:1;cursor:pointer}.quit.inline{position:relative;top:auto;right:auto;flex:0 0 44px}.timer-row{display:flex;align-items:center;gap:10px}.timer-row .timer{flex:1;min-width:0}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px;background:#1c1410c7;color:#fff}.how-logo{font-size:clamp(2.6rem,12vw,3.8rem);text-align:center;padding-top:8px}.how-body{display:flex;flex-direction:column;justify-content:center}.sound-emoji{margin-right:8px;font-size:1.35rem;line-height:1}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;width:auto;min-height:44px;padding:0 2px;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;font-size:1.15rem;cursor:pointer}.unit{font-size:.72rem;font-weight:600;opacity:.8}.tagline{font-size:1.25rem;font-weight:500}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:56px;border:0;border-radius:18px;padding:12px 16px;background:var(--ink);color:#fff;font-weight:600;font-size:1.2rem;cursor:pointer}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn.secondary{min-height:52px}.btn.white{background:#fff;color:var(--ink)}.btn.ghost{min-height:44px;background:transparent;color:inherit}.btn.goed{background:var(--goed)}.btn.gestolen{background:var(--gestolen)}.btn.skip{background:#fff;color:var(--ink)}.text-hit{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:center;width:auto;min-height:0;padding:6px 8px;border:0;background:transparent;color:inherit;font:inherit;font-size:.8rem;font-weight:600;opacity:.7;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.deck-row{flex-wrap:wrap}.deck-row>.chip{flex:1 1 calc(50% - 12px)}.row{display:flex;gap:12px}.row>*{flex:1}.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.num,.chip{min-height:48px;border:0;border-radius:16px;background:#fff;color:var(--ink);font-weight:700;font-size:1.35rem;cursor:pointer}.num{aspect-ratio:1.15}.chip{min-height:52px;padding:8px 10px;font-size:1rem}.chip-emoji{margin-right:4px}.num.on,.chip.on{background:var(--ink);color:#fff}.format-title{font-size:clamp(1.8rem,8vw,2.4rem);font-weight:700;line-height:1.05}.rule{font-size:1.05rem}.team-block{background:#ffffff29;border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:8px}.team-label{font-weight:700;font-size:1.05rem}.field-row{display:flex;gap:8px}.field{width:100%;min-height:48px;border:0;border-radius:14px;padding:10px 12px;background:#fff;color:var(--ink);font-size:16px;font-weight:600;-webkit-user-select:text;user-select:text}.swap{width:48px;flex:none;border:0;border-radius:14px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer}.hint{font-size:.95rem;opacity:.9}.warn{font-weight:600}.scores{display:flex;gap:8px;flex-wrap:wrap}.chip-score{background:#fff;color:var(--ink);border-radius:999px;padding:6px 12px;font-weight:700;border-left:8px solid var(--ink)}.chip-score.oranje{border-left-color:#9a3412}.chip-score.blauw{border-left-color:var(--blauw)}.timer{display:flex;align-items:center;gap:10px}.timer-num{font-weight:700;font-size:1.4rem;min-width:2ch}.timer-track{flex:1;height:8px;border-radius:999px;background:#ffffff59;overflow:hidden}.timer-track span{display:block;height:100%;background:#fff;border-radius:inherit}.timer.urgent .timer-track span{background:var(--urgent)}.timer.urgent .timer-num{color:#fff;animation:pulse .6s ease-in-out infinite}.phrase-card{position:relative;flex:0 0 auto;background:var(--card);color:var(--ink);border-radius:var(--radius);box-shadow:0 10px 24px #1c141047,0 2px #1c141014;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px 18px;overflow:hidden}.turn-actions{margin-top:auto}.phrase{font-size:clamp(1.7rem,8vw,3.25rem);font-weight:700;line-height:1.15;text-wrap:balance;overflow-wrap:anywhere}.delta{margin-top:10px;font-size:1.3rem;font-weight:700;color:var(--goed)}.delta.zero{color:var(--ink)}.pop .phrase{animation:pop .18s ease-out}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti i{position:absolute;top:46%;left:50%;width:10px;height:10px;border-radius:99px;animation:burst .52s ease-out forwards}.confetti i:nth-child(1){background:var(--goed);--x: -80px;--y: -70px}.confetti i:nth-child(2){background:var(--oranje);--x: 70px;--y: -80px}.confetti i:nth-child(3){background:var(--blauw);--x: -110px;--y: 10px}.confetti i:nth-child(4){background:var(--gestolen);--x: 110px;--y: 16px}.confetti i:nth-child(5){background:var(--urgent);--x: -40px;--y: -110px}.confetti i:nth-child(6){background:var(--ink);--x: 30px;--y: -100px}.confetti i:nth-child(7){background:var(--goed);--x: -20px;--y: 80px}.confetti i:nth-child(8){background:var(--blauw);--x: 50px;--y: 90px}.confetti i:nth-child(9){background:var(--oranje);--x: -130px;--y: -30px}.confetti i:nth-child(10){background:var(--gestolen);--x: 130px;--y: -40px}.confetti i:nth-child(11){background:var(--goed);--x: -70px;--y: 70px}.confetti i:nth-child(12){background:var(--blauw);--x: 90px;--y: 60px}.handoff-name{font-size:clamp(2.6rem,12vw,4.4rem);font-weight:700;line-height:.95;text-wrap:balance}.pause{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c1410b8;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:24px;z-index:3}.playing{position:relative;flex:1;min-height:0}.steps{display:flex;flex-direction:column;gap:14px}.step{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:1.15rem}.step b{width:36px;height:36px;border-radius:12px;background:#fff;color:var(--ink);display:grid;place-items:center}.list{display:flex;flex-direction:column;gap:8px}.list-row{display:flex;justify-content:space-between;gap:12px;background:#fff;color:var(--ink);border-radius:16px;padding:12px 14px;font-weight:700;font-size:1.15rem}.winner{font-size:clamp(2.8rem,12vw,4.2rem);font-weight:700;line-height:.95}.missed{font-size:1.2rem;font-weight:600}.bubbles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.bubbles span{position:absolute;border-radius:50%;background:#ffffff2e;animation:float 9s linear infinite}.bubbles span:nth-child(1){width:90px;height:90px;left:8%;bottom:-20%}.bubbles span:nth-child(2){width:50px;height:50px;left:70%;bottom:-10%;animation-duration:7s}.bubbles span:nth-child(3){width:130px;height:130px;left:40%;bottom:-30%;animation-duration:12s}.bubbles span:nth-child(4){width:36px;height:36px;left:84%;bottom:-16%;animation-duration:6s}.home-copy,.setup-scroll{position:relative;z-index:1}.setup{height:100%;min-height:0;display:flex;flex-direction:column}.setup-scroll{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding-bottom:8px}.setup-start{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding-top:8px}@keyframes pop{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes burst{to{transform:translate(var(--x),var(--y));opacity:0}}@keyframes float{to{transform:translateY(-120vh)}}@keyframes pulse{50%{transform:scale(1.08)}}@media(max-width:359px){:root{--pad: 16px}}@media(min-width:521px){body{display:flex;justify-content:center}#root{width:420px;box-shadow:var(--shadow)}}@media(max-height:420px){.phrase{font-size:1.45rem}.logo{font-size:2.4rem}.btn,.btn.secondary{min-height:44px}.screen{padding-top:8px;padding-bottom:8px}.turn-actions{flex-direction:row}.turn-actions .btn{min-height:44px}}@media(prefers-reduced-motion:reduce){.bubbles span,.pop .phrase,.confetti i,.timer.urgent .timer-num{animation:none}}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2) format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2) format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff) format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fredoka-latin-700-normal-BOIZVyIN.woff2) format("woff2"),url(/assets/fredoka-latin-700-normal-C8FeHd3X.woff) format("woff")}