:root{--color-bg:#f6d94d;--color-bg-soft:#f2ce38;--color-cream:#fffaee;--color-cream-alt:#fff3d6;--color-brown:#3b2a1e;--color-brown-soft:#8a7360;--color-coral:#f16a5c;--color-coral-dark:#d1503f;--color-gold:#ffc83d;--color-gold-dark:#e0a80a;--color-pink:#ff8fa3;--color-white:#fff;--font-display:"Baloo 2", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-accent:"Caveat", cursive;--shadow-pop:0 4px 0 #3b2a1ed9;--border-thick:3px solid var(--color-brown)}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-brown);font-family:var(--font-body);-webkit-user-select:none;user-select:none;margin:0}input,textarea,.pin-display strong,.room-pin strong{-webkit-user-select:text;user-select:text}button,input{font-family:inherit}.home-screen,.placeholder-screen,.form-screen,.lobby-screen,.turn-screen,.results-screen{text-align:center;background:radial-gradient(circle at 12% 18%, #ffffff38 0, #ffffff38 40px, transparent 41px), radial-gradient(circle at 85% 12%, #ffffff2e 0, #ffffff2e 55px, transparent 56px), radial-gradient(circle at 90% 70%, #ffffff29 0, #ffffff29 45px, transparent 46px), radial-gradient(circle at 8% 80%, #ffffff29 0, #ffffff29 38px, transparent 39px), var(--color-bg);flex-direction:column;align-items:center;gap:1.1rem;min-height:100vh;padding:1.5rem 1.25rem 2.5rem;display:flex;position:relative}.home-screen,.placeholder-screen{justify-content:center}.form-screen,.lobby-screen,.turn-screen,.results-screen{justify-content:flex-start;padding-top:1.25rem}.screen-header{justify-content:space-between;align-items:flex-start;gap:.5rem;width:100%;max-width:420px;display:flex}.icon-btn{background:var(--color-white);width:2.6rem;height:2.6rem;color:var(--color-brown);cursor:pointer;border:none;border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex;box-shadow:0 3px #3b2a1e59}.icon-btn:active{transform:translateY(2px);box-shadow:0 1px #3b2a1e59}.icon-btn-spacer{flex:none;width:2.6rem;height:2.6rem}.settings-button{position:absolute;top:1.25rem;right:1.25rem}.brand-mark{flex-direction:column;align-items:center;gap:.15rem;display:flex}.brand-logo-img{object-fit:contain;filter:drop-shadow(0 3px #3b2a1e40);width:180px;height:180px}.brand-logo-img-sm{object-fit:contain;filter:drop-shadow(0 2px #3b2a1e40);width:150px;height:auto}.howto-subtitle{font-family:var(--font-accent);color:var(--color-brown);margin:0;font-size:1.2rem;font-weight:700}.howto-steps{flex-direction:column;gap:.75rem;width:100%;max-width:380px;display:flex}.howto-step{background:var(--color-cream);text-align:left;border-radius:18px;align-items:flex-start;gap:.85rem;padding:.85rem 1rem;display:flex}.howto-step-icon{background:var(--color-gold);border-radius:50%;flex:none;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;font-size:1.4rem;display:flex}.howto-step-title{font-family:var(--font-display);margin:0 0 .2rem;font-size:1rem;font-weight:700}.howto-step-body{color:var(--color-brown-soft);margin:0;font-size:.88rem;line-height:1.35}.splash-screen{background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100vh;animation:.26s ease-out bs-splash-fade;display:flex}.splash-logo-img{object-fit:contain;filter:drop-shadow(0 5px #3b2a1e40);width:260px;height:260px}@keyframes bs-splash-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.splash-screen{animation:none}}.logo-lockup{font-family:var(--font-display);letter-spacing:.01em;-webkit-text-stroke:2px var(--color-brown);text-shadow:0 3px 0 var(--color-brown);margin:0;font-size:2.6rem;font-weight:800;line-height:1}.tagline{color:var(--color-brown);margin:0;font-size:1.05rem;font-weight:700}.corner-tag{font-family:var(--font-accent);color:var(--color-brown);max-width:7rem;font-size:1rem;font-weight:700;line-height:1.1;transform:rotate(-4deg)}.screen-header .corner-tag{text-align:right;padding-top:.35rem;font-size:.85rem}.speech-bubble{background:var(--color-cream);border:var(--border-thick);max-width:320px;box-shadow:var(--shadow-pop);border-radius:20px;padding:.85rem 1.1rem;font-weight:700}.speech-bubble p{color:var(--color-brown-soft);margin:.25rem 0 0;font-size:.9rem;font-weight:600}.home-actions{flex-direction:column;gap:.9rem;width:100%;max-width:320px;display:flex}.btn{font-family:var(--font-display);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:340px;padding:.95rem 1.5rem;font-size:1.1rem;font-weight:700;display:inline-flex}.primary-action,.btn-primary{background:var(--color-coral);color:var(--color-white);box-shadow:var(--shadow-pop)}.primary-action:active:not(:disabled),.btn-primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #3b2a1ed9}.primary-action:disabled,.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--color-white);color:var(--color-brown);border:2px solid var(--color-cream-alt);box-shadow:0 3px #3b2a1e40}.btn-secondary:active{transform:translateY(2px);box-shadow:0 1px #3b2a1e40}.text-action{color:var(--color-brown);cursor:pointer;background:0 0;border:none;font-size:1rem;font-weight:700;text-decoration:underline}.link-subtle{color:var(--color-brown-soft);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline}.link-subtle:hover{color:var(--color-brown)}.field{text-align:left;flex-direction:column;gap:.4rem;width:100%;max-width:340px;font-weight:700;display:flex}.field-row{background:var(--color-cream);border-radius:16px;align-items:center;gap:.65rem;padding:.5rem .6rem;display:flex}.field-icon{background:var(--color-gold);border-radius:10px;flex:none;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:1.05rem;display:flex}.field input{color:var(--color-brown);background:0 0;border:none;border-radius:8px;flex:1;min-width:0;padding:.4rem .2rem;font-size:1.05rem;font-weight:700}.field input:focus{outline:none}.field input::placeholder{color:#c9b8a3;font-weight:600}.field-caption{color:var(--color-brown-soft);font-size:.85rem;font-weight:600}.hint{color:var(--color-brown-soft);font-size:.9rem;font-weight:600}.error-text{color:#b3261e;font-weight:700}.segmented{gap:.5rem;width:100%;max-width:340px;display:flex}.segmented-option{border:2px solid var(--color-cream-alt);background:var(--color-cream);color:var(--color-brown);font-family:var(--font-display);cursor:pointer;border-radius:12px;flex:1;padding:.65rem 0;font-size:1.1rem;font-weight:700}.segmented-option.is-selected{background:var(--color-coral);border-color:var(--color-coral);color:var(--color-white)}.segmented-row{align-items:center;gap:.6rem;width:100%;max-width:340px;display:flex}.segmented-note{font-family:var(--font-accent);color:var(--color-brown);max-width:4.5rem;font-size:1.05rem;font-weight:700;line-height:1.1;transform:rotate(-3deg)}.stepper{background:var(--color-cream);border-radius:16px;justify-content:center;align-items:center;gap:1.25rem;width:100%;max-width:340px;padding:.5rem 1rem;display:flex}.stepper-btn{background:var(--color-coral);width:2.4rem;height:2.4rem;color:var(--color-white);font-family:var(--font-display);cursor:pointer;border:none;border-radius:50%;flex:none;font-size:1.4rem;font-weight:700;line-height:1}.stepper-btn:disabled{background:var(--color-cream-alt);color:var(--color-brown-soft);cursor:not-allowed}.stepper-value{font-family:var(--font-display);text-align:center;min-width:2ch;font-size:1.6rem;font-weight:700}.pin-display{background:var(--color-cream);border-radius:16px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;max-width:340px;padding:.75rem 1rem;display:flex}.pin-display strong{font-family:var(--font-display);letter-spacing:.15em;font-size:2rem}.pin-copy-btn{background:var(--color-white);cursor:pointer;border:none;border-radius:10px;width:2.2rem;height:2.2rem;font-size:1rem}.pin-boxes{justify-content:center;gap:.6rem;display:flex}.field .pin-digit-input{text-align:center;width:3rem;height:3.4rem;font-family:var(--font-display);background:var(--color-cream);color:var(--color-brown);border:none;border-radius:14px;font-size:1.6rem;font-weight:700}.pin-digit-input:focus{outline:2px solid var(--color-coral)}.card{background:var(--color-cream);border:var(--border-thick);box-shadow:var(--shadow-pop);border-radius:24px;width:100%;max-width:340px}.challenge-card{background:var(--color-cream);border:var(--border-thick);box-shadow:var(--shadow-pop);border-radius:24px;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:340px;padding:1.1rem 1.25rem 1.4rem;display:flex}.challenge-image{max-width:220px;max-height:220px}.challenge-text{font-family:var(--font-display);max-width:480px;margin:0;font-size:1.25rem;font-weight:700}.round-progress{flex-direction:column;align-items:center;gap:.4rem;display:flex}.round-progress-label{color:var(--color-brown);font-weight:800}.round-progress-track{gap:.35rem;display:flex}.round-progress-dot{background:var(--color-cream-alt);border-radius:999px;width:2.2rem;height:.45rem}.round-progress-dot.is-done{background:var(--color-coral)}.mode-list{flex-direction:column;align-items:center;gap:.5rem;display:flex}.mode-list-title{letter-spacing:.05em;color:var(--color-brown-soft);font-size:.85rem;font-weight:800}.mode-pills{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.mode-pill{background:var(--color-coral);color:var(--color-white);border-radius:999px;margin:0;padding:.4rem 1rem;font-size:.9rem;font-weight:700;transition:box-shadow .2s,transform .2s}.mode-pill.is-active{box-shadow:0 0 0 3px var(--color-gold), 0 0 14px 4px #ffc83dbf;transform:scale(1.06)}.mode-pill-btn{cursor:pointer;opacity:.72;border:none;font-family:inherit}.mode-pill-btn:active{transform:scale(.97)}.mode-pill-btn.is-active{opacity:1}.mode-pill-btn:disabled{cursor:default}.mode-pill-btn:disabled:not(.is-active){opacity:.4}.vote-feedback{color:var(--color-brown-soft);font-weight:700}.rate-card{background:var(--color-cream);border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;width:100%;max-width:340px;padding:1rem 1.1rem;display:flex}.rate-title{font-size:1rem;font-weight:800}.star-row{gap:.35rem;display:flex}.star{color:#e3d7c4;cursor:pointer;background:0 0;border:none;padding:0;font-size:2.1rem;line-height:1;position:relative}.star.filled{color:var(--color-gold)}.star.filled:before{content:"";z-index:-1;filter:blur(4px);background:radial-gradient(circle,#ffc83dd9 0%,#ffc83d00 70%);position:absolute;inset:-6px}.vote-sent{font-family:var(--font-display);color:var(--color-coral);font-size:1.3rem;font-weight:700}.discovery-blur-wrap{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.discovery-blurred{filter:blur(22px)brightness(.85);pointer-events:none;-webkit-user-select:none;user-select:none}.discovery-overlay{text-align:center;background:#3b2a1e99;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex;position:absolute;inset:0}.discovery-overlay-logo{object-fit:contain;width:64px;height:64px}.discovery-overlay h1{color:var(--color-white);font-family:var(--font-display);margin:0;font-size:1.2rem}.discovery-overlay h3{color:var(--color-cream);max-width:260px;margin:0;font-size:.88rem;font-weight:600}.reveal-shine{flex-direction:column;align-items:center;gap:1.1rem;width:100%;animation:.55s ease-out bs-reveal-shine;display:flex}@keyframes bs-reveal-shine{0%{filter:brightness(1.7)blur(6px);opacity:.3;transform:scale(.97)}to{filter:brightness()blur();opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.reveal-shine{animation:none}}.turn-score,.total-score{font-family:var(--font-display);margin:0;font-size:2.1rem;font-weight:800}.total-label{color:var(--color-brown-soft);letter-spacing:.08em;margin:0;font-weight:700}.next-label{color:var(--color-brown-soft);letter-spacing:.1em;font-weight:800}.room-pin{background:var(--color-cream);border-radius:999px;padding:.5rem 1.1rem;font-size:1rem;font-weight:700}.room-pin strong{font-family:var(--font-display);letter-spacing:.12em;margin-left:.4rem;font-size:1.5rem}.player-count-badge{color:var(--color-brown-soft);margin:0;font-size:.9rem;font-weight:800}.player-list{flex-direction:column;gap:.5rem;width:100%;max-width:360px;margin:0;padding:0;list-style:none;display:flex}.player-list li{background:var(--color-cream);border-radius:16px;align-items:center;gap:.7rem;padding:.6rem .9rem;display:flex}.player-list li.is-self{border:2px solid var(--color-coral)}.player-avatar{background:var(--color-gold);width:2.3rem;height:2.3rem;color:var(--color-brown);font-family:var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.player-name{text-align:left;flex:1;font-weight:700}.player-status{color:var(--color-brown-soft);background:var(--color-cream-alt);border-radius:999px;padding:.25rem .6rem;font-size:.8rem;font-weight:800}.player-status.is-host{color:var(--color-brown);background:var(--color-gold)}.join-requests{flex-direction:column;gap:.5rem;width:100%;max-width:360px;display:flex}.join-request{background:var(--color-gold);border-radius:16px;flex-direction:column;gap:.5rem;padding:.75rem 1rem;font-weight:700;display:flex}.join-request-actions{gap:.5rem;display:flex}.join-request-actions button{font-family:var(--font-display);cursor:pointer;border:none;border-radius:999px;flex:1;padding:.5rem;font-weight:700}.join-request-actions .accept-btn{background:var(--color-coral);color:var(--color-white)}.join-request-actions .decline-btn{background:var(--color-white);color:var(--color-brown)}.ranking-banner-img{object-fit:contain;filter:drop-shadow(0 4px #3b2a1e33);width:190px;height:190px}.ranking-list{flex-direction:column;gap:.5rem;width:100%;max-width:360px;margin:0;padding:0;list-style:none;display:flex}.ranking-list li{background:var(--color-cream);border-radius:16px;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.ranking-list li:first-child{border:2px solid var(--color-gold)}.rank-medal{flex:none;width:2rem;font-size:1.4rem}.rank-name{text-align:left;flex:1;font-weight:700}.rank-score{color:var(--color-coral);background:var(--color-cream-alt);border-radius:999px;padding:.25rem .7rem;font-size:.9rem;font-weight:800}.language-list{text-align:left;flex-direction:column;gap:.5rem;width:100%;max-width:320px;padding:0;list-style:none;display:flex}.language-option{background:var(--color-cream);width:100%;color:var(--color-brown);font:inherit;text-align:left;cursor:pointer;border:3px solid #0000;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem .9rem;font-weight:700;display:flex}.language-option:hover{background:var(--color-cream-alt)}.language-option:focus-visible{outline:3px solid var(--color-coral);outline-offset:2px}.language-option.selected{border-color:var(--color-brown);background:var(--color-gold)}.language-check{margin-left:auto}.toggle-list{flex-direction:column;gap:.5rem;width:100%;max-width:340px;display:flex}.toggle-row{background:var(--color-cream);border:2px solid var(--color-cream-alt);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;font-weight:700;display:flex}.toggle-switch{cursor:pointer;background:#3b2a1e66;border:none;border-radius:999px;flex:none;width:3rem;height:1.7rem;padding:0;transition:background .15s;position:relative}.toggle-switch:after{content:"";background:var(--color-white);border-radius:50%;width:1.3rem;height:1.3rem;transition:transform .15s;position:absolute;top:.2rem;left:.2rem;box-shadow:0 1px #3b2a1e40}.toggle-switch.is-on{background:var(--color-coral)}.toggle-switch.is-on:after{transform:translate(1.3rem)}.confirm-overlay{z-index:40;background:#3b2a1e8c;justify-content:center;align-items:center;padding:1.5rem;animation:.15s ease-out bs-confirm-fade;display:flex;position:fixed;inset:0}.confirm-card{background:var(--color-cream);border:var(--border-thick);text-align:center;width:100%;max-width:320px;box-shadow:var(--shadow-pop);border-radius:20px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.confirm-card p{color:var(--color-brown);margin:0;font-weight:700}.confirm-actions{gap:.6rem;display:flex}.confirm-actions .btn{flex:1;max-width:none}@keyframes bs-confirm-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.confirm-overlay{animation:none}}.license-card{background:var(--color-cream);border:var(--border-thick);width:100%;max-width:320px;box-shadow:var(--shadow-pop);border-radius:20px;flex-direction:column;align-items:center;gap:.6rem;padding:1rem 1.1rem;display:flex}.license-title{font-family:var(--font-display);margin:0;font-size:1.15rem}.license-status{color:var(--color-brown);word-break:break-all;-webkit-user-select:text;user-select:text;margin:0;font-weight:800}.paywall-price{background:var(--color-cream-alt);border-radius:14px;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem 1rem;display:flex}.paywall-price strong{font-family:var(--font-display);font-size:1.1rem}.paywall-price span{color:var(--color-brown-soft);font-size:.8rem;font-weight:600}.restore-panel{text-align:left;flex-direction:column;align-items:stretch;gap:.6rem;display:flex}.transition-logo-img{object-fit:contain;filter:drop-shadow(0 4px #3b2a1e40);width:130px;height:130px;animation:.65s cubic-bezier(.34,1.56,.64,1) bs-gear-spin}@keyframes bs-gear-spin{0%{opacity:0;transform:rotate(-25deg)scale(.6)}55%{opacity:1;transform:rotate(18deg)scale(1.12)}to{opacity:1;transform:rotate(0)scale(1)}}.transition-label{font-family:var(--font-display);letter-spacing:.1em;color:var(--color-brown-soft);margin:0;font-size:1.3rem;font-weight:800}.next-player-name{font-family:var(--font-display);color:var(--color-white);-webkit-text-stroke:2px var(--color-brown);text-shadow:0 3px 0 var(--color-brown);margin:0;font-size:3.1rem;font-weight:800;animation:.42s cubic-bezier(.34,1.56,.64,1) .15s both bs-name-pop}@keyframes bs-name-pop{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.transition-logo-img,.next-player-name{animation:none}}.screen-transition{animation:.38s ease-out bs-screen-in}@keyframes bs-screen-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.screen-transition{animation:none}}.spinner{border:5px solid var(--color-cream-alt);border-top-color:var(--color-coral);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.leave-toast{z-index:30;background:var(--color-brown);color:var(--color-cream);text-align:center;border-radius:999px;max-width:calc(100vw - 2rem);padding:.55rem 1.1rem;font-size:.85rem;font-weight:700;animation:.22s ease-out bs-toast-in;position:fixed;top:.75rem;left:50%;transform:translate(-50%);box-shadow:0 3px #3b2a1e59}@keyframes bs-toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.app-footer{text-align:center;color:var(--color-brown-soft);background:var(--color-bg);padding:1rem 1.25rem 1.5rem;font-size:.75rem}.app-footer a{color:var(--color-brown-soft);font-weight:700;text-decoration:underline}.app-footer a:hover{color:var(--color-brown)}