:root{--ink:#201833;--muted:#665f72;--cream:#fff7d5;--gold:#f5c84b;--coral:#ff7861;--aqua:#54d6bf;--violet:#3b246f;--deep:#17122b;--panel:#fffceceb}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:#251756;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.game-shell{min-height:100svh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:radial-gradient(circle at 18% 12%,#54d6bf99,#0000 26%),linear-gradient(145deg,#251756 0%,#34206b 38%,#0f6c81 100%);overflow:hidden}.stage{background:linear-gradient(#ffffff1a,#0000 22%),linear-gradient(155deg,#5fd7c8 0%,#fbe58f 48%,#ff8c6c 100%);border:3px solid #fff7d599;border-radius:8px;max-width:1180px;min-height:calc(100svh - 32px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 28px 80px #00000047}.sky{pointer-events:none;background-image:linear-gradient(#ffffff47 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 78%);mask-image:linear-gradient(#000 0%,#0000 78%)}.spell-particles{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.spell-particles span{left:calc((var(--seed,1) * 11%) - 8%);aspect-ratio:1;opacity:0;background:#fff7a8;border-radius:50%;width:10px;animation:5.8s linear infinite particle-rise;position:absolute;bottom:-24px;box-shadow:0 0 18px #fff176}.spell-particles span:nth-child(2n){--seed:3;background:#9ff2df;width:7px;box-shadow:0 0 14px #54d6bf}.spell-particles span:nth-child(3n){--seed:6;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);border-radius:0;width:13px}.spell-particles span:nth-child(4n){--seed:8}.spell-particles span:nth-child(5n){--seed:10}.spell-particles span:nth-child(7n){--seed:5}.is-thinking .spell-particles span,.screen-guess .spell-particles span{animation-duration:2.9s}.top-bar{z-index:1;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex;position:relative}.status-cluster{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.music-toggle{color:#251756;cursor:pointer;background:#fff;border:3px solid #251756;border-radius:8px;min-height:48px;padding:0 14px;font-weight:900;transition:transform .12s,box-shadow .12s,background .16s;box-shadow:0 5px #2517564d}.music-toggle[aria-pressed=true]{background:var(--aqua)}.music-toggle:hover{transform:translateY(-2px)rotate(-1deg);box-shadow:0 7px #2517564d}.eyebrow{color:#251756;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:900}h1,h2,p{margin-top:0}h1{color:#fff9dc;text-shadow:0 3px #25175680;margin-bottom:0;font-size:clamp(2rem,5vw,4.3rem);line-height:.95}.round-meter{background:var(--cream);border:3px solid #251756;border-radius:8px;grid-template-columns:auto auto;align-items:center;column-gap:10px;min-height:58px;padding:8px 14px;display:grid;box-shadow:0 5px #2517563d}.round-meter span{color:#251756;text-align:right;min-width:1.2em;font-size:2.3rem;font-weight:900;line-height:1}.round-meter small{max-width:74px;color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:800;line-height:1.05}.playfield{z-index:1;grid-template-columns:minmax(280px,.95fr) minmax(340px,1.05fr);align-items:start;gap:16px;min-height:calc(100svh - 180px);padding:0 24px 24px;display:grid;position:relative}.penguinson-wrap{place-items:end center;min-height:520px;display:grid;position:relative}.magic-ring,.reveal-burst{pointer-events:none;border-radius:50%;position:absolute}.magic-ring{aspect-ratio:1;filter:drop-shadow(0 0 18px #f5c84bb3);opacity:.2;border:3px dashed #fff8b2d1;width:min(84%,450px);animation:14s linear infinite ring-spin;bottom:30px;transform:rotate(0)scale(.9)}.ring-two{border-color:#54d6bfdb;width:min(68%,340px);animation-duration:9s;animation-direction:reverse}.is-thinking .magic-ring,.screen-guess .magic-ring{opacity:.82}.penguinson-thinking .ring-two{animation-duration:3s}.reveal-burst{aspect-ratio:1;background:conic-gradient(from 0deg, transparent 0 8deg, #fff578e0 9deg 12deg, transparent 13deg 28deg), radial-gradient(circle, #ffffff8c, #f5c84b66 24%, transparent 62%);mix-blend-mode:screen;opacity:0;width:min(80vw,520px);animation:.88s ease-out forwards burst-pop;bottom:62px}.thought-bubbles{z-index:2;gap:10px;display:flex;position:absolute;top:54px;left:18%}.thought-bubbles span{aspect-ratio:1;background:#fff;border:3px solid #251756;border-radius:50%;width:18px;animation:.9s ease-in-out infinite bubble-pop;box-shadow:0 5px #2517563d}.thought-bubbles span:nth-child(2){animation-delay:.12s}.thought-bubbles span:nth-child(3){animation-delay:.24s}.penguinson{z-index:1;filter:drop-shadow(0 24px 20px #25175652);transform-origin:bottom;width:min(100%,560px);height:auto;animation:4.5s ease-in-out infinite float;position:relative}.penguinson-thinking .penguinson{animation:3.2s ease-in-out infinite think-wobble}.penguinson-reveal .penguinson{animation:.85s cubic-bezier(.18,.9,.24,1.2) both reveal-hop,4.5s ease-in-out .85s infinite float}.sparkle{aspect-ratio:1;background:var(--gold);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);opacity:.9;width:20px;animation:1.8s ease-in-out infinite twinkle;position:absolute}.sparkle.one{top:12%;left:20%}.sparkle.two{width:28px;animation-delay:.22s;top:30%;right:16%}.sparkle.three{width:16px;animation-delay:.42s;bottom:20%;left:48%}.game-panel{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:3px solid #251756;border-radius:8px;align-self:start;min-height:430px;margin-top:clamp(8px,2vh,24px);padding:28px;transition:transform .18s,box-shadow .18s;box-shadow:0 12px #25175638}.game-panel.is-loading{animation:1.1s ease-in-out infinite panel-think}.screen-guess .game-panel{animation:.62s ease-out both panel-reveal}.progress-track{background:#fff;border:2px solid #251756;border-radius:999px;height:12px;margin-bottom:28px;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg, var(--coral), var(--gold), var(--aqua));height:100%;transition:width .22s}.copy-block{gap:18px;display:grid}.aside{color:#251756;background:#fff;border:2px solid #25175638;border-radius:8px;width:fit-content;max-width:100%;margin-bottom:0;padding:10px 12px;font-weight:800;line-height:1.35}h2{color:#251756;margin-bottom:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.02}.copy-block p:not(.aside):not(.guess-name):not(.result-message){color:var(--muted);font-size:1.15rem;line-height:1.5}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.answer-button,.primary-action,.secondary-action{color:#251756;cursor:pointer;border:3px solid #251756;border-radius:8px;min-height:58px;font-weight:900;transition:transform .12s,box-shadow .12s,opacity .12s;animation:.36s both button-rise;box-shadow:0 5px #2517564d}.answer-button:hover,.primary-action:hover,.secondary-action:hover{transform:translateY(-3px)rotate(-.6deg);box-shadow:0 7px #2517564d}.answer-button:active,.primary-action:active,.secondary-action:active,.music-toggle:active{transform:translateY(3px)scale(.98);box-shadow:0 2px #2517564d}.answer-button:disabled,.secondary-action:disabled{cursor:wait;opacity:.6}.answer-button{background:#fff}.answer-button:first-child{background:#a8f0d5}.answer-button:nth-child(2){background:#ffb7a8}.answer-button:nth-child(3){background:#ffe67f}.answer-button:nth-child(4){background:#ffc68d}.answer-button:nth-child(5){background:#fff;grid-column:1/-1}.primary-action{background:var(--gold);width:fit-content;min-width:190px;padding:0 24px}.secondary-action{background:#fff;min-width:150px;padding:0 18px}.guess-name{color:#251756;text-shadow:0 4px #f5c84b6b;margin-bottom:0;font-size:clamp(2.7rem,6vw,5.4rem);font-weight:900;line-height:.98;animation:.56s cubic-bezier(.18,.9,.24,1.2) both guess-pop}.guess-actions{flex-wrap:wrap;gap:12px;display:flex}.result-message,.warning{color:#251756;margin-bottom:0;font-weight:800}.warning{color:#7a2c16;margin-top:16px;font-size:.92rem}.thinking-dots:after{content:".";text-align:left;width:1.2em;animation:1s steps(4,end) infinite dots;display:inline-block}@keyframes float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes think-wobble{0%,to{transform:translateY(0)rotate(-.6deg)scale(1)}50%{transform:translateY(-5px)rotate(.6deg)scale(1.006)}}@keyframes reveal-hop{0%{opacity:0;transform:translateY(18px)scale(.92)rotate(-4deg)}56%{opacity:1;transform:translateY(-20px)scale(1.06)rotate(3deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes ring-spin{to{transform:rotate(360deg)scale(1)}}@keyframes burst-pop{0%{opacity:0;transform:scale(.4)rotate(-18deg)}35%{opacity:.9}to{opacity:0;transform:scale(1.16)rotate(24deg)}}@keyframes bubble-pop{0%,to{opacity:.55;transform:translateY(0)scale(.76)}50%{opacity:1;transform:translateY(-10px)scale(1)}}@keyframes twinkle{0%,to{opacity:.55;transform:scale(.76)rotate(0)}50%{opacity:1;transform:scale(1.18)rotate(22deg)}}@keyframes particle-rise{0%{opacity:0;transform:translate(0,0)scale(.7)}18%{opacity:.85}to{opacity:0;transform:translate(42px,-105vh)scale(1.4)rotate(160deg)}}@keyframes panel-think{0%,to{transform:translateY(0);box-shadow:0 12px #25175638}50%{transform:translateY(-4px);box-shadow:0 16px #2517562e}}@keyframes panel-reveal{0%{transform:scale(.96)rotate(-.7deg)}65%{transform:scale(1.025)rotate(.4deg)}to{transform:scale(1)rotate(0)}}@keyframes button-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes guess-pop{0%{opacity:0;transform:translateY(12px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dots{0%{content:"."}33%{content:".."}66%,to{content:"..."}}@media (max-width:780px){.game-shell{padding:10px}.stage{min-height:calc(100svh - 20px)}.top-bar{align-items:flex-start;padding:16px}.status-cluster{justify-items:end;display:grid}.music-toggle{min-height:42px;padding:0 10px;font-size:.85rem}.round-meter{column-gap:7px;min-height:42px;padding:6px 10px}.round-meter span{font-size:1.6rem}.round-meter small{max-width:58px;font-size:.58rem}.playfield{grid-template-columns:1fr;align-items:start;min-height:0;padding:0 16px 16px}.penguinson-wrap{min-height:260px}.penguinson{width:min(76vw,350px)}.game-panel{min-height:0;margin-top:0;padding:20px}h2{font-size:2rem}}@media (max-width:480px){.answer-grid{grid-template-columns:1fr}.answer-button:nth-child(5){grid-column:auto}.guess-actions{display:grid}.primary-action,.secondary-action{width:100%}}