@font-face{font-family:Fredoka;src:url(../fonts/fredoka-latin.woff2) format("woff2");font-weight:300 700;font-display:swap}:root{--ink: #15352e;--ink-2: #4c675e;--paper: #faf8ef;--card: #ffffff;--line: #dde5d5;--green: #125d49;--green-d: #0a4232;--lime: #e5ff7d;--sol: #ffcf73;--ceu: #a5dcff;--ok: #3b7d33;--ok-bg: #ebffc9;--no: #b0533b;--no-bg: #fff0ea;--gold: #f5b82e;--p0: #8b5cf6;--p1: #f97316;--display: Fredoka, ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;--body: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--radius: 22px;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:12px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.5 var(--body)}h1,h2,h3,.brand,button,.eyebrow,legend{font-family:var(--display)}h1,h2,h3{line-height:1.12;margin:0;font-weight:600}p{margin:0}a{color:var(--green)}[hidden]{display:none!important}.sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ico{width:1.15em;height:1.15em;flex:none}.top,main,.foot{max-width:760px;margin:0 auto;padding-inline:16px}.top{display:flex;align-items:center;justify-content:space-between;padding-block:14px 10px}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:21px;font-weight:700;text-decoration:none}.brand .ico{color:var(--green);width:28px;height:28px}.icon-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}.icon-btn .ico{width:22px;height:22px}.icon-btn[aria-pressed=true] .off,.icon-btn[aria-pressed=false] .on{display:none}.icon-btn[aria-pressed=false]{color:var(--ink-2)}button{font-size:17px;font-weight:600;color:var(--ink)}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #e4a021;outline-offset:3px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 22px;border-radius:16px;cursor:pointer;transition:transform .08s,box-shadow .08s}.primary{background:var(--green);color:#fff;border:0;box-shadow:0 4px 0 var(--green-d)}.primary:hover{background:#0f6b52}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 var(--green-d)}.secondary{background:var(--card);border:2px solid var(--line);box-shadow:0 3px 0 var(--line)}.secondary:hover{border-color:var(--green)}.secondary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.big{width:100%;font-size:19px}.link-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 12px 8px 6px;border:0;border-radius:12px;background:transparent;cursor:pointer}.link-btn:hover{background:#eef3e4}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:2px solid var(--line);background:var(--card);font-size:15px;cursor:pointer}.chip:hover{border-color:var(--green)}.row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.hero{padding:18px 0 8px}.eyebrow{display:inline-block;margin-bottom:12px;padding:6px 12px;border-radius:999px;background:var(--lime);font-size:14px;font-weight:600}h1{font-size:clamp(40px,11vw,64px);font-weight:700;letter-spacing:-1px}.lead{margin-top:12px;font-size:18px;color:var(--ink-2)}.note{margin-top:8px;font-size:15px;color:var(--ink-2)}.players{margin:24px 0 0;padding:0;border:0;min-width:0}.players legend{padding:0;margin-bottom:10px;font-size:20px;font-weight:600}.seg{display:flex}.seg label{position:relative;flex:1}.seg label+label{margin-left:8px}.seg input{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.seg span{display:block;padding:14px 10px;border:2px solid var(--line);border-radius:18px;background:var(--card);font-family:var(--display);font-size:19px;font-weight:600;text-align:center;cursor:pointer}.seg input:checked+span{border-color:var(--green);background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-d)}.seg input:focus-visible+span{outline:3px solid #e4a021;outline-offset:3px}.names{display:flex;flex-wrap:wrap;margin:4px -5px 0}.name-field{flex:1 1 150px;margin:8px 5px 0;font-size:14px;font-weight:600;color:var(--ink-2)}.name-field span{display:block;margin-bottom:4px}.name-input{width:100%;padding:11px 14px;border:2px solid var(--line);border-left-width:8px;border-radius:14px;font:600 19px var(--display);color:var(--ink);background:#fff}.name-input.p0{border-left-color:var(--p0)}.name-input.p1{border-left-color:var(--p1)}.section-title{margin:30px 0 12px;font-size:24px}.phases{list-style:none;margin:0;padding:0;display:grid;gap:12px}.phase{display:grid;width:100%;gap:2px;padding:18px 18px 16px;border:2px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 4px 0 var(--line);text-align:left;cursor:pointer;transition:transform .1s,border-color .1s}.phase:hover{border-color:var(--green);transform:translateY(-2px)}.phase:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.phase-num{font-size:14px;font-weight:600;color:var(--green);letter-spacing:.5px;text-transform:uppercase}.phase-name{font-size:23px;font-weight:600}.phase-blurb{font-family:var(--body);font-size:15px;font-weight:400;color:var(--ink-2)}.phase-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.phase-count{font-family:var(--body);font-size:14px;font-weight:500;color:var(--ink-2)}.stars{display:inline-flex;gap:2px;font-size:24px;line-height:1}.star{color:#d8dfd0}.star.on{color:var(--gold);text-shadow:0 1px 0 #b07a00}.stars.big{font-size:56px;gap:6px}.stars.big .star.on{animation:pop .45s cubic-bezier(.2,1.6,.4,1) both}.stars.big .star:nth-child(2){animation-delay:.15s}.stars.big .star:nth-child(3){animation-delay:.3s}.card-box{margin-top:26px;padding:20px;border-radius:var(--radius);border:2px dashed #c7d3bf;background:#f3f5e8}.card-box.locked{display:flex;gap:14px;align-items:flex-start}.card-box h2{font-size:22px;margin-bottom:6px}.card-box p{font-size:15px;color:var(--ink-2)}.lock{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;background:var(--card);color:var(--ink-2)}.lock .ico{width:24px;height:24px}.meter{margin-top:12px;height:10px;border-radius:999px;background:#dde5d5;overflow:hidden}.meter-fill{display:block;height:100%;width:0;background:var(--green);border-radius:inherit}.card-box.open{border-style:solid;border-color:var(--green);background:var(--card)}.card-canvas{display:block;width:100%;height:auto;margin-top:14px;border-radius:16px;box-shadow:0 10px 30px rgba(21,53,46,.15)}.pocket{margin-top:34px}.pocket h2{font-size:26px}.pocket h3{margin-top:18px;font-size:20px}.signals{list-style:none;margin:12px 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.signal{display:grid;align-content:start;gap:2px;padding:10px 12px 14px;border-radius:18px;background:var(--card);border:2px solid var(--line);font-size:14px;line-height:1.35;color:var(--ink-2)}.signal strong{font-family:var(--display);font-size:17px;font-weight:600;color:var(--ink)}.signal .ref-figure{width:100%;height:110px}details{border-top:2px solid var(--line);padding:4px 0}details:last-child{border-bottom:2px solid var(--line)}summary{padding:12px 0;font-family:var(--display);font-size:18px;font-weight:600;cursor:pointer}details>:not(summary){margin:0 0 12px}details ul,details ol{padding-left:22px}details li{margin:6px 0}details p+p{margin-top:8px}.play-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.play-meta{display:grid;justify-items:end;font-size:14px;line-height:1.3;color:var(--ink-2);text-align:right}.play-meta #counter{font-family:var(--display);font-size:16px;font-weight:600;color:var(--ink)}.dots{list-style:none;display:flex;gap:6px;margin:10px 0 0;padding:0}.dots li{flex:1;height:8px;border-radius:999px;background:#dfe6d7}.dots li.now{background:var(--sol)}.dots li.ok{background:var(--ok)}.dots li.nope{background:#e39a83}.field-wrap{position:relative;margin-top:12px;border-radius:18px;overflow:hidden;background:#245e70;box-shadow:0 8px 24px rgba(21,53,46,.12)}.field{position:relative;height:0;padding-top:56.25%}.scene-svg{position:absolute;top:0;left:0;display:block;width:100%;height:100%;font-family:var(--display)}.under-field{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.under-field .chip{flex:none;margin-left:8px}.legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center}.dot{display:inline-block;width:12px;height:12px;margin-right:5px;border-radius:50%;border:1.5px solid #103a30}.dot.sol{background:var(--sol)}.dot.ceu{background:var(--ceu)}.dot.ref{background:#1d1d1b;border:2px solid #b8d64a}.choices{display:grid;gap:10px;margin-top:12px}.choice{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 16px 12px 12px;border:2px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 3px 0 var(--line);text-align:left;font-size:18px;line-height:1.25;cursor:pointer;transition:transform .08s,border-color .1s,opacity .2s}.choice:hover:not(:disabled){border-color:var(--green)}.choice:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.key{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#eef3e4;font-size:16px}.choice:disabled{cursor:default;opacity:.5}.choice.correct{opacity:1;border-color:var(--ok);background:var(--ok-bg);box-shadow:0 3px #a9d28f}.choice.correct .key{background:var(--ok);color:#fff;font-size:0}.choice.correct .key:after{content:"\2713";font-size:18px}.choice.wrong{opacity:1;border-color:var(--no);background:var(--no-bg);box-shadow:0 3px #efc3b4}.choice.wrong .key{background:var(--no);color:#fff}.feedback{margin-top:18px;padding:18px;border-radius:var(--radius);background:var(--card);border:2px solid var(--line);animation:rise .35s ease-out both}.feedback.ok{border-color:#b5d99a}.feedback.nope{border-color:#efc3b4}.fb-head{font-size:17px}.fb-head strong{font-family:var(--display);font-size:24px;font-weight:600;margin-right:4px}.feedback.ok .fb-head strong{color:var(--ok)}.feedback.nope .fb-head strong{color:var(--no)}.fb-explain{margin-top:8px}.fb-signal{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 14px 10px 6px;border-radius:18px;background:#f3f7e6}.fb-signal .ref-figure{width:104px;height:112px;flex:none}.fb-signal strong{display:block;font-family:var(--display);font-size:20px;font-weight:600}.fb-signal p{font-size:15px;color:var(--ink-2)}.tag{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--green)}.fb-restart{margin-top:12px;font-size:15px}.feedback .big{margin-top:16px}.result-card{margin-top:10px;padding:26px 20px;border-radius:var(--radius);background:var(--card);border:2px solid var(--line);text-align:center}.result-card h2{margin-top:8px;font-size:34px;outline:none}.result-card .row{justify-content:center}.unlock{display:grid;justify-items:center;gap:10px;margin-top:18px;padding:16px;border-radius:18px;background:var(--lime)}.recap{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:8px;text-align:left}.recap li{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:#f5f7ee;font-size:15px;line-height:1.35}.recap strong{font-family:var(--display);font-weight:600;font-size:16px}.mark{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;color:#fff;font-weight:700}.recap .ok .mark{background:var(--ok)}.recap .nope .mark{background:var(--no)}.foot{margin-top:40px;padding-block:18px 32px;font-size:13px;color:var(--ink-2);border-top:2px solid var(--line)}.turn{display:inline-block;margin-top:12px;padding:6px 14px;border-radius:999px;color:#fff;font-family:var(--display);font-size:18px;font-weight:600}.turn.p0{background:var(--p0)}.turn.p1{background:var(--p1)}.prompt-row{display:flex;align-items:flex-start;margin-top:12px}.prompt-row .icon-btn{margin-left:10px;flex:none}#prompt{flex:1;font-size:24px;line-height:1.2;outline:none}.big-chip{margin-top:14px;padding:10px 16px;font-size:16px}.go,.countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.go{display:inline-flex;align-items:center;padding:16px 28px;border:0;border-radius:999px;background:var(--lime);color:var(--ink);font-size:26px;box-shadow:0 6px #9fbf3a,0 12px 30px rgba(0,0,0,.4);cursor:pointer}.go .ico{width:30px;height:30px;margin-right:8px}.countdown{width:110px;height:110px;line-height:110px;border-radius:50%;background:rgba(12,44,36,.85);color:var(--lime);font:700 64px var(--display);text-align:center;animation:pop .3s ease-out}.whistle-zone{display:flex;justify-content:center;margin-top:16px}.apita{display:flex;flex-direction:column;align-items:center;justify-content:center;width:170px;height:170px;border:0;border-radius:50%;background:#f3c623;color:var(--ink);font-size:28px;font-weight:700;box-shadow:0 8px #b8901a;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-moz-user-select:-moz-none;user-select:none;-webkit-user-select:none}.apita .ico{width:64px;height:64px}.apita:disabled{background:#e6e2cf;color:#9aa59e;box-shadow:0 8px #cbc6ae;cursor:default}.apita.live{animation:pulse 1s ease-in-out infinite}.apita:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #b8901a}.choices.cards{grid-template-columns:repeat(3,1fr)}.card-choice{flex-direction:column;justify-content:center;padding:12px 8px;text-align:center}.card-face{display:block;width:44px;height:62px;margin-bottom:8px;border-radius:7px;border:2px solid var(--ink);background:#fff;transform:rotate(-6deg);box-shadow:0 3px rgba(0,0,0,.133)}.c0 .card-face{background:repeating-linear-gradient(45deg,#fff 0,#fff 6px,#eef1e6 6px,#eef1e6 12px);border-style:dashed}.c1 .card-face{background:#ffd43b}.c2 .card-face{background:#e8443a}.card-label{font-family:var(--display);font-size:17px}.feedback .chip{margin-top:14px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.18)}}@keyframes wiggle{25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes blink{50%{opacity:.2}}.spin,.pulse,.wiggle{transform-box:fill-box;transform-origin:center}.spin{animation:spin 6s linear infinite}.pulse{animation:pulse 1.2s ease-in-out infinite}.wiggle{animation:wiggle .5s ease-in-out infinite}.sound-waves{animation:blink 1s steps(2) infinite}@media(min-width:640px){.phases{grid-template-columns:repeat(3,1fr)}.phase{align-content:start}}@media(max-width:380px){.seg span{font-size:17px;padding:12px 6px}.card-label{font-size:14px}.fb-signal .ref-figure{width:84px;height:92px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}