@font-face{font-family:Fredoka Variable;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2")}@font-face{font-family:Nunito Variable;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2")}:root{--color-canvas:#62b7ad;--color-paper:#fffdf5;--color-ink:#243440;--color-berry:#a52e55;--color-berry-on-canvas:#882346;--color-pink:#d9829f;--color-yellow:#f6bf57;--color-green:#88bd72;--color-purple:#7861a5;--color-muted:#52616b;--color-field-border:#56736d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-field:12px;--radius-button:16px;--radius-card:24px;--radius-pill:999px;--shadow-card:0 6px 0 #2434402e;--shadow-button:0 4px 0 #24344040;--motion-fast:.12s;--motion-normal:.22s;--ease:cubic-bezier(.2, 0, 0, 1);color:var(--color-ink);background:var(--color-canvas);font-synthesis:none;font-family:Nunito Variable,ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background-image:url(/pattern.svg);min-width:320px;margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--color-ink);outline-offset:4px;box-shadow:0 0 0 3px var(--color-paper)}h1,h2,h3{text-wrap:balance;margin:0;font-family:Fredoka Variable,ui-rounded,system-ui,sans-serif;font-weight:600;line-height:1.12}p{text-wrap:pretty;line-height:1.45}svg{flex-shrink:0;width:32px;height:32px}.app{flex-direction:column;max-width:1800px;min-height:100svh;margin:auto;padding:2rem 5% 1.25rem;display:flex}.header{align-items:center;gap:2rem;display:flex}.header a{flex-shrink:0;text-decoration:none}.wordmark{white-space:nowrap;letter-spacing:-.02em;font-family:Fredoka Variable,ui-rounded,system-ui,sans-serif;font-size:2.4rem;font-weight:700}.wordmark>span:first-child{color:var(--color-berry-on-canvas)}.brand-dot{background:var(--color-yellow);border:3px solid var(--color-paper);width:2.1rem;height:2.1rem;color:var(--color-ink);border-radius:50%;justify-content:center;align-items:center;margin-left:.4rem;font-size:1.6rem;display:inline-flex;transform:rotate(9deg)}.header-note{font-size:1.1rem;font-weight:700}.connection{background:var(--color-paper);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem 1rem;font-weight:800;display:flex}.connection>span{background:var(--color-berry);border-radius:50%;width:9px;height:9px}.connection.online>span{background:#356932}.welcome{flex:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;padding:4rem 0;display:grid}.theme-tag{align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;display:inline-flex}.theme-tag svg{width:24px;height:24px}.welcome h1{letter-spacing:-.025em;margin:1.5rem 0;font-size:clamp(3rem,5.2vw,6rem)}.welcome h1 span{color:var(--color-berry-on-canvas)}.welcome-copy>p{max-width:31ch;margin-bottom:2rem;font-size:clamp(1.15rem,1.6vw,1.75rem);font-weight:650}.welcome-copy .welcome-hint{margin-top:2rem;font-size:1.1rem}.button{border:3px solid var(--color-berry);border-radius:var(--radius-button);background:var(--color-paper);min-height:64px;color:var(--color-berry);box-shadow:var(--shadow-button);transition:transform var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease);justify-content:center;align-items:center;gap:1rem;padding:.9rem 1.6rem;font-size:1.25rem;font-weight:850;text-decoration:none;display:inline-flex}.button:hover:enabled{transform:translateY(-2px)}.button:active:enabled{transform:translateY(2px);box-shadow:0 1px #24344040}.button:disabled{cursor:default;box-shadow:none;color:var(--color-muted);border-color:var(--color-field-border)}.button.secondary{color:var(--color-ink);border-color:var(--color-ink)}.button.destructive{color:var(--color-paper);background:var(--color-berry)}.welcome-art{justify-self:center;width:100%;max-width:520px;height:450px;position:relative}.animal-sticker{background:var(--color-green);border-radius:var(--radius-card);width:250px;height:265px;box-shadow:var(--shadow-card);border:8px solid #fff;place-items:center;display:grid;position:absolute;top:8%;left:7%;transform:rotate(-2deg)}.animal-sticker svg{stroke-width:1.4px;width:160px;height:160px;color:var(--color-paper)}.secret-sticker{background:var(--color-yellow);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:8px solid #fff;padding:2rem;font-family:Fredoka Variable,sans-serif;font-size:2rem;line-height:1.2;position:absolute;bottom:0;right:0;transform:rotate(2deg)}.secret-sticker strong{font-size:2.6rem;font-weight:650}.question-sticker{background:var(--color-pink);border-radius:var(--radius-card);width:185px;height:185px;color:var(--color-paper);box-shadow:var(--shadow-card);border:8px solid #fff;place-items:center;font:700 9rem/1 Fredoka Variable,sans-serif;display:grid;position:absolute;top:3%;right:2%;transform:rotate(2deg)}.game-card{background:var(--color-paper);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:6px solid #fff;padding:2rem}.lobby{flex:1;margin:2rem 0 1rem}.lobby-heading{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.lobby h1{margin-top:.4rem;font-size:clamp(2.6rem,4vw,4rem)}.lobby-heading p{margin:0;font-size:clamp(1.1rem,1.7vw,1.8rem);font-weight:700}.lobby-card{background:var(--color-green);grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);gap:3rem;padding:2rem 2.5rem;display:grid}.lobby-card h2{font-size:clamp(1.8rem,2.4vw,2.7rem)}.qr-area{text-align:center;flex-direction:column;align-items:center;display:flex}.qr{background:#fff;width:clamp(280px,22vw,360px);max-width:100%;height:auto;margin:1.25rem 0 1rem;display:block}.qr-placeholder{place-items:center;min-height:280px;display:grid}.caption{font-size:1rem;font-weight:650}.join-link{overflow-wrap:anywhere;margin:.3rem 0 1rem;font-size:1.05rem;font-weight:800}.copy{min-height:48px;padding:.5rem 1.25rem;font-size:1rem}.players-area{flex-direction:column;min-width:0;display:flex}.players-title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.count{background:var(--color-paper);border-radius:var(--radius-pill);padding:.5rem 1rem;font-size:1.25rem;font-weight:850}.players{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1.25rem 0;padding:0;list-style:none;display:grid}.players li{background:var(--color-paper);border-radius:var(--radius-field);align-items:center;gap:.6rem;min-width:0;padding:.65rem .7rem;display:flex}.player-number{text-align:center;flex-shrink:0;width:1.5rem;font-family:Fredoka Variable,sans-serif;font-size:1.3rem}.players li>div{flex:1;min-width:0}.players strong{overflow-wrap:anywhere;font-size:clamp(1.1rem,1.45vw,1.5rem);font-weight:850;line-height:1.2;display:block}.player-state{color:var(--color-muted);margin-top:.2rem;font-size:.85rem;display:block}.remove-button{color:var(--color-berry);background:0 0;border:0;border-radius:8px;min-width:48px;min-height:48px;font-size:1.8rem}.remove-button:hover:enabled{background:#f5dde4}.remove-button:disabled{color:var(--color-muted);cursor:default}.empty-players{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.empty-players svg{width:64px;height:64px;margin-bottom:1.5rem}.empty-players h3{font-size:1.8rem}.empty-players p{max-width:32ch;margin-bottom:0;font-size:1.2rem}.participant-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:800;display:flex}.participant-pagination .button{min-height:48px;padding:.5rem .75rem;font-size:1rem}.capacity-note{margin:auto 0 0;padding-top:1rem;font-size:1rem;font-weight:800}.lobby-controls{justify-content:space-between;align-items:center;gap:2rem;margin-top:1.5rem;display:flex}.lobby-controls p{margin:0;font-size:1.2rem;font-weight:850}.lobby-controls p span{font-size:1rem;font-weight:650;display:block}.lobby-controls .button{flex-shrink:0}.phase-note{margin-bottom:0;font-size:.9rem}.error{color:var(--color-berry);background:var(--color-paper);border:2px solid var(--color-berry);border-radius:var(--radius-field);padding:1rem;font-size:1rem;font-weight:800}.connection-notice{background:var(--color-paper);border-radius:var(--radius-field);padding:1rem;font-weight:800}.phone{width:100%;max-width:480px;margin:auto;padding:3rem 0}.phone>.theme-tag{margin-bottom:1.25rem}.phone .game-card{border-width:4px;padding:1.75rem 1.5rem}.phone h1{overflow-wrap:anywhere;font-size:2.4rem}.phone p{font-size:1.15rem;font-weight:650}.phone label{margin:1.75rem 0 .5rem;font-size:1.1rem;font-weight:850;display:block}.phone input{border:3px solid var(--color-field-border);border-radius:var(--radius-field);background:var(--color-paper);width:100%;min-height:56px;color:var(--color-ink);padding:.6rem .8rem;font-size:1.3rem}.phone .caption{color:var(--color-muted);margin-top:.5rem;font-size:.9rem}.phone .button{width:100%;min-height:52px;margin-top:1rem;font-size:1.1rem}.phone .phone-footnote{text-align:center;font-size:1rem}.waiting-card{background:var(--color-green);text-align:center}.success-symbol{background:var(--color-paper);border-radius:50%;place-items:center;width:76px;height:76px;margin-bottom:1.5rem;display:inline-grid}.success-symbol svg{width:44px;height:44px}.waiting-count{border-top:1px solid var(--color-field-border);justify-content:center;align-items:center;gap:.75rem;margin-top:1.75rem;padding-top:1.25rem;font-weight:850;display:flex}.text-link{text-align:center;margin-top:1.5rem;font-weight:800;display:block}footer{justify-content:space-between;gap:1rem;padding-top:1.5rem;font-size:.85rem;font-weight:750;display:flex}dialog{background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-card);border:6px solid #fff;max-width:min(560px,100vw - 32px);padding:2rem}dialog::backdrop{background:#243440a6}dialog h2{font-size:2rem}dialog p{overflow-wrap:anywhere;font-size:1.2rem}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:1rem;display:flex}@media (width>=1700px){.lobby{margin-top:1.5rem}.lobby-card{padding:2rem 3rem}.players{gap:.75rem}.players li{padding:.75rem}.player-state,.capacity-note,.join-link,.caption{font-size:1.25rem}.header-note{font-size:1.3rem}}@media (width<=1050px){.header-note{display:none}.lobby-card{gap:1.5rem;padding:1.5rem}.players{grid-template-columns:1fr}.welcome-art{transform-origin:50%;transform:scale(.8)}}@media (width<=760px){.app{padding:1.25rem 20px max(1.25rem, env(safe-area-inset-bottom))}.header{gap:.75rem}.wordmark{font-size:2rem}.connection{padding:.4rem .7rem;font-size:.85rem}.welcome{grid-template-columns:1fr;gap:1rem;padding-top:3rem}.welcome h1{font-size:clamp(2.8rem,9vw,4.5rem)}.welcome-art{width:100%;max-width:380px;height:330px;transform:none}.animal-sticker{width:200px;height:210px}.animal-sticker svg{width:125px;height:125px}.question-sticker{width:145px;height:145px;font-size:7rem}.secret-sticker{padding:1.5rem;font-size:1.6rem}.secret-sticker strong{font-size:2rem}.lobby-heading{display:block}.lobby-heading p{margin-top:1rem}.lobby-card{border-width:4px;grid-template-columns:1fr;padding:1.25rem}.players-area{border-top:1px solid var(--color-field-border);padding-top:1.5rem}.lobby-controls{flex-direction:column;align-items:stretch;gap:1rem}.lobby-controls .button{width:100%}.phone{padding:2.5rem 0}.phone h1{font-size:2rem}footer,.participant-app .header{flex-wrap:wrap}.participant-app .header-note{display:none}.empty-players{padding:2rem 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.private-card{text-align:center}.private-card h1{margin-top:1rem}.private-word{background:var(--color-yellow)}.private-outsider{background:var(--color-pink)}.private-secret{overflow-wrap:anywhere;margin:2rem 0 1rem;font-size:clamp(2rem,9vw,3rem)}.preparation{flex:1;margin:2rem 0 1rem}.preparation-card h1{margin-top:1rem;font-size:clamp(2.4rem,4vw,4rem)}.preparation-card>p{font-size:clamp(1.1rem,1.6vw,2rem)}.preparation-card .preparation-progress{font-size:clamp(1.6rem,2.5vw,3rem);font-weight:850}.preparation-players{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.preparation-players li{border:2px solid var(--color-field-border);border-radius:var(--radius-field);padding:.75rem}.preparation-players strong{overflow-wrap:anywhere;font-size:clamp(1.1rem,1.5vw,1.8rem);display:block}.preparation-players span{margin-top:.25rem;font-weight:700;display:block}@media (width<=1050px){.preparation-players{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.preparation-card{border-width:4px;padding:1.25rem}.preparation-players{grid-template-columns:1fr}}.questions{flex:1;width:100%;max-width:1100px;margin:2rem auto 1rem}.question-card{background:var(--color-yellow);text-align:center;padding:clamp(1.25rem,3vw,3rem)}.question-card h1{overflow-wrap:anywhere;font-size:clamp(2rem,3.4vw,4rem)}.question-progress{margin:1.25rem 0;font-size:clamp(1.1rem,1.5vw,1.75rem);font-weight:850}.question-card .question-text{overflow-wrap:anywhere;margin:2rem 0;font-size:clamp(1.5rem,3.2vw,3.75rem);font-weight:850;line-height:1.25}.question-card>p{font-size:clamp(1rem,1.4vw,1.5rem)}.question-card .caption{font-size:1rem}.question-offline{background:var(--color-paper);border-radius:var(--radius-field);padding:.75rem}.phone-turn{border-top:2px solid var(--color-field-border);padding-top:1rem}@media (width<=760px){.question-card{border-width:4px}.question-card .button{width:100%;padding:.75rem;font-size:1.1rem}}@media (width>=761px) and (height<=850px){.questions{margin-top:1.5rem}.question-card{padding:1.5rem 2rem}.question-card .question-text{margin:1.5rem 0}.question-progress{margin:1rem 0}}.voting{flex:1;width:100%;max-width:1100px;margin:2rem auto 1rem}.voting-card{background:var(--color-purple);color:var(--color-paper)}.voting-card h1{overflow-wrap:anywhere;margin-top:1rem;font-size:clamp(2rem,3.4vw,4rem)}.voting-card>p,.voting-progress{font-size:clamp(1.1rem,1.6vw,2rem)}.voting-card .voting-progress{margin:1rem 0;font-size:clamp(1.6rem,2.5vw,3rem);font-weight:850}.voting-card .caption{color:var(--color-paper);font-size:1rem}.choice-list{border:0;min-width:0;margin:1.5rem 0 0;padding:0}.choice-list legend{font-weight:850}.phone .choice{border:3px solid var(--color-field-border);border-radius:var(--radius-field);background:var(--color-paper);min-height:56px;color:var(--color-ink);cursor:pointer;overflow-wrap:anywhere;align-items:center;gap:.75rem;margin:.75rem 0;padding:.75rem;display:flex}.phone .choice.selected{border-color:var(--color-berry)}.phone .choice input{width:24px;height:24px;min-height:0;accent-color:var(--color-berry);flex-shrink:0;margin:0}.choice small{color:var(--color-berry);align-items:center;gap:.25rem;font-size:.9rem;display:flex}.choice small svg{width:20px;height:20px}.vote-ranking{gap:.75rem;margin:1.25rem 0;padding:0;list-style:none;display:grid}.vote-ranking li{background:var(--color-paper);color:var(--color-ink);border-radius:var(--radius-field);align-items:center;gap:1rem;padding:.65rem 1rem;font-size:clamp(1.1rem,1.6vw,1.9rem);font-weight:800;display:flex}.vote-ranking strong{overflow-wrap:anywhere;flex:1;min-width:0}.vote-ranking li>span{flex-shrink:0}.ranking-position{font-family:Fredoka Variable,sans-serif}@media (width<=760px){.voting-card{border-width:4px;padding:1.25rem}.voting-card .button{width:100%;padding:.75rem;font-size:1.1rem}.vote-ranking li{gap:.5rem;padding:.6rem}}@media (width>=761px) and (height<=850px){.voting{margin-top:1.25rem}.voting-card{padding:1.25rem 2rem}.voting-card h1{margin-top:.5rem}.voting-card .caption{margin:.5rem 0}.voting-card .voting-progress{margin:.75rem 0}.vote-ranking{gap:.5rem;margin:1rem 0}}.voting-card{overflow-wrap:anywhere}@media (width<=760px){.participant-app:has(.voting-card) .wordmark{font-size:clamp(1rem,8vw,2rem)}}.outcome{flex:1;width:100%;max-width:1100px;margin:1.5rem auto 1rem}.outcome-card{overflow-wrap:anywhere}.outcome-card h1{margin:.75rem 0 1rem;font-size:clamp(2rem,3.4vw,4rem)}.outcome-card h2{font-size:clamp(1.4rem,2vw,2.2rem)}.outcome-card p{font-size:clamp(1.1rem,1.6vw,2rem)}.outcome-card .caption{font-size:1rem}.revelation-card{background:var(--color-pink)}.guess-card{background:var(--color-yellow)}.success-card{background:var(--color-green)}.correct-voters{gap:.5rem;padding:0;list-style:none;display:grid}.correct-voters li{background:var(--color-paper);border-radius:var(--radius-field);padding:.6rem 1rem;font-size:clamp(1.1rem,1.6vw,1.9rem);font-weight:800}.animal-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.animal-choices .choice{background:var(--color-paper);border:3px solid var(--color-field-border);border-radius:var(--radius-field);cursor:pointer;align-items:center;gap:.75rem;min-height:64px;padding:.75rem;font-size:clamp(1.1rem,1.6vw,1.9rem);font-weight:800;display:flex}.animal-choices .selected{border-color:var(--color-berry)}.animal-choices input{accent-color:var(--color-berry);flex-shrink:0;width:24px;height:24px}.cancel-controls{text-align:center;margin:0 auto}.cancel-controls .button{min-height:48px;padding:.5rem 1rem;font-size:1rem}@media (width<=760px){.animal-choices{grid-template-columns:1fr}.outcome-card{border-width:4px;padding:1.25rem}.outcome-card .button{width:100%;padding:.75rem;font-size:1.1rem}.participant-app:has(.outcome-card) .wordmark{font-size:clamp(1rem,8vw,2rem)}}@media (width>=761px) and (height<=850px){.outcome-card{padding:1.25rem 2rem}.outcome-card p{margin:.75rem 0}}.header .cancel-controls{margin:0}@media (width<=760px){.header:has(.cancel-controls){flex-wrap:wrap}}