@font-face{font-family:Titan One;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/titan-one-latin.woff2)format("woff2")}:root{--u:clamp(4.5px, min(1.3vw, .64vh), 11px);--col:min(92vw, 64dvh);--coral:#ff6b6b;--coral-dark:#e85d5d;--teal:#4ecdc4;--teal-dark:#38b2a9;--sunny:#ffe66d;--green:#37c26b;--green-dark:#23a556;--ink:#10305c;--white:#fff;--bg1:#3aa0ff;--bg2:#135fbf;--bg3:#0b3f8f;--display:"Titan One", system-ui, sans-serif;--body:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-lg:calc(var(--u) * 4);--radius-card:calc(var(--u) * 5);--pill:9999px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{height:100dvh;color:var(--white);font-family:var(--body);background:var(--bg2);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;overflow:hidden}#app{z-index:2;width:100%;height:100dvh;position:relative}.icon{width:1em;height:1em;display:block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.screen{width:100%;height:100%;padding:calc(env(safe-area-inset-top) + var(--u) * 2.5) calc(env(safe-area-inset-right) + var(--u) * 3) calc(env(safe-area-inset-bottom) + var(--u) * 4) calc(env(safe-area-inset-left) + var(--u) * 3);grid-template-rows:auto 1fr auto;display:grid}.play-bg{background:radial-gradient(120% 60% at 50% -10%, #ffffff47, #fff0 60%), linear-gradient(180deg, var(--bg1) 0%, var(--bg2) 55%, var(--bg3) 100%)}.btn{appearance:none;cursor:pointer;font-family:var(--display);color:var(--white);border-radius:var(--pill);padding:calc(var(--u) * 3.4) calc(var(--u) * 5);min-height:calc(var(--u) * 13);font-size:calc(var(--u) * 5.4);letter-spacing:.5px;border:0;transition:transform 80ms,filter .12s}.btn:active:not(:disabled){filter:brightness(1.06);transform:translateY(3px)scale(.99)}.btn:disabled{opacity:.45;cursor:default}.screen--title{background-image:url(/img/title.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;background-color:var(--bg2)}.menu-spacer{min-height:0}.menu-panel{width:var(--col);place-self:start center;gap:calc(var(--u) * 2.8);padding-top:calc(var(--u) * 1.5);flex-direction:column;display:flex}.menu-panel .btn{font-size:calc(var(--u) * 6.4);min-height:calc(var(--u) * 15);animation:2.6s ease-in-out infinite floaty}.menu-panel .btn:nth-child(2){animation-delay:.35s}.btn--flags{background:linear-gradient(180deg, #ff8a8a, var(--coral));box-shadow:0 calc(var(--u) * 1) 0 var(--coral-dark), 0 calc(var(--u) * 2) calc(var(--u) * 4) #ff6b6b80}.btn--chilin{background:linear-gradient(180deg, #6fe0d7, var(--teal));box-shadow:0 calc(var(--u) * 1) 0 var(--teal-dark), 0 calc(var(--u) * 2) calc(var(--u) * 4) #4ecdc480}.menu-hint{text-align:center;color:var(--sunny);font-weight:700;font-size:calc(var(--u) * 3.6);margin:0}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--u) * -1.1))}}.q-top{padding-top:calc(var(--u) * 1);justify-content:center;align-items:center;display:flex;position:relative}.q-progress{gap:calc(var(--u) * 1.8);display:flex}.q-stars{align-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * .8) calc(var(--u) * 2);border-radius:var(--pill);font-family:var(--display);font-size:clamp(15px, calc(var(--u) * 3.6), 26px);background:#ffffff29;line-height:1;display:inline-flex;position:absolute;right:0}.q-stars-ico{color:var(--sunny);text-shadow:0 0 calc(var(--u) * 1.4) #ffe66db3}.q-stars-n{text-align:center;min-width:1ch}.q-stars--pop{animation:.5s cubic-bezier(.2,1.6,.4,1) starsPop}@keyframes starsPop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.dot{width:calc(var(--u) * 2.6);height:calc(var(--u) * 2.6);background:#ffffff47;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff26}.dot--on{background:var(--sunny);box-shadow:0 0 calc(var(--u) * 2) #ffe66dcc;transform:scale(1.2)}.dot--done{background:var(--green)}.q-body{justify-content:center;align-items:center;gap:calc(var(--u) * 3.2);width:var(--col);text-align:center;flex-direction:column;margin:0 auto;display:flex}.q-flag{width:min(62%, calc(var(--u) * 46));aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-card);border:calc(var(--u) * .8) solid #ffffffe6;box-shadow:0 calc(var(--u) * 1.6) calc(var(--u) * 4) #04143273;background:#fff}.q-ball{font-size:calc(var(--u) * 30);line-height:1}.q-word{appearance:none;background:var(--white);color:var(--ink);border-radius:var(--pill);padding:calc(var(--u) * 2) calc(var(--u) * 3) calc(var(--u) * 2) calc(var(--u) * 4.5);align-items:center;gap:calc(var(--u) * 2.5);cursor:pointer;box-shadow:0 calc(var(--u) * 1.4) calc(var(--u) * 3.5) #04143252;border:0;transition:transform 80ms;display:inline-flex}.q-word:active{transform:scale(.97)}.q-word-text{font-family:var(--display);font-size:calc(var(--u) * 8);padding-bottom:calc(var(--u) * .6);line-height:1}.q-speaker{width:calc(var(--u) * 9);height:calc(var(--u) * 9);background:var(--teal);color:#fff;font-size:calc(var(--u) * 5);box-shadow:0 calc(var(--u) * .8) calc(var(--u) * 2) #38b2a980;border-radius:50%;flex:none;place-items:center;display:grid}.q-fact{font-size:calc(var(--u) * 4);color:#f2f8ff;border-radius:var(--radius-card);max-width:94%;padding:calc(var(--u) * 2.4) calc(var(--u) * 3);background:#ffffff24;border:2px solid #ffffff38;margin:0;font-weight:500;line-height:1.4}.q-bottom{width:var(--col);align-items:center;gap:calc(var(--u) * 1.8);flex-direction:column;margin:0 auto;display:flex}.q-status{min-height:calc(var(--u) * 5.4);font-size:calc(var(--u) * 4.2);color:var(--sunny);margin:0;font-weight:700}.q-speak{width:100%;min-height:clamp(88px, calc(var(--u) * 16), 128px);border-radius:var(--pill);background:linear-gradient(180deg, #56d98a, var(--green));color:#fff;font-family:var(--display);font-size:clamp(22px, calc(var(--u) * 6.2), 44px);letter-spacing:.5px;justify-content:center;align-items:center;gap:calc(var(--u) * 2.2);box-shadow:0 calc(var(--u) * 1.2) 0 var(--green-dark), 0 calc(var(--u) * 2.4) calc(var(--u) * 5) #37c26b80;touch-action:manipulation;cursor:pointer;border:0;animation:2.4s ease-in-out infinite breathe;display:flex;position:relative;overflow:hidden}.q-timer{width:100%;height:calc(var(--u) * 1.4);transform-origin:0;pointer-events:none;background:#fff9;position:absolute;bottom:0;left:0;transform:scaleX(0)}.q-speak--live .q-timer{animation:countdown var(--rec-ms,6s) linear forwards}@keyframes countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.q-mic{font-size:calc(var(--u) * 7.2);place-items:center;display:grid}.q-speak:active{transform:translateY(3px)}.q-speak--live{background:linear-gradient(180deg, #ff8a8a, var(--coral));box-shadow:0 calc(var(--u) * 1.2) 0 var(--coral-dark), 0 0 0 0 #ff6b6b80;animation:.9s ease-in-out infinite pulse}.q-speak--done{animation:none}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--u) * -.8))}}@keyframes pulse{0%,to{box-shadow:0 calc(var(--u) * 1.2) 0 var(--coral-dark), 0 0 0 0 #ff6b6b8c}50%{box-shadow:0 calc(var(--u) * 1.2) 0 var(--coral-dark), 0 0 0 calc(var(--u) * 3) #ff6b6b00}}.question--over{animation:cardFade var(--card-fade,.4s) ease both;background:linear-gradient(#091e3f2e 0%,#091e3f80 42%,#091e3fe6 100%)}@keyframes cardFade{0%{opacity:0}to{opacity:1}}.stars{justify-content:center;gap:calc(var(--u) * 1.6);display:flex}.star{font-size:calc(var(--u) * 13);line-height:1;display:inline-block;position:relative}.star-base{color:#ffffff3d}.star-fill{white-space:nowrap;color:var(--sunny);text-shadow:0 0 calc(var(--u) * 1.8) #ffe66dbf;position:absolute;top:0;left:0;overflow:hidden}.stars--animate .star{animation:.44s cubic-bezier(.2,1.5,.4,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.result{grid-template-rows:1fr;place-items:center}.result-card{align-items:center;gap:calc(var(--u) * 4);width:var(--col);text-align:center;flex-direction:column;transition:opacity .3s,transform .3s;display:flex}.result-card--hidden{opacity:0;transform:scale(.9)}.result-title{font-family:var(--display);font-size:calc(var(--u) * 11);color:var(--sunny);text-shadow:0 calc(var(--u) * .8) 0 #04143259}.result-back{margin-top:calc(var(--u) * 2);background:linear-gradient(180deg, #ff8a8a, var(--coral));min-width:58%;box-shadow:0 calc(var(--u) * 1) 0 var(--coral-dark), 0 calc(var(--u) * 2) calc(var(--u) * 4) #ff6b6b80}.celebrate{justify-content:center;align-items:center;gap:calc(var(--u) * 3);z-index:50;background:radial-gradient(circle at 50% 40%,#1e6fd6e6,#0b3f8ff5);flex-direction:column;transition:opacity .25s;display:flex;position:fixed;inset:0}.celebrate--out{opacity:0}.celebrate-emojis{gap:calc(var(--u) * 2);display:flex}.celebrate-emoji{font-size:calc(var(--u) * 12);animation:.6s ease-in-out infinite alternate bounce}.celebrate-word{font-family:var(--display);font-size:calc(var(--u) * 15);color:var(--sunny);text-shadow:0 calc(var(--u) * .8) 0 #04143259}@keyframes bounce{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(calc(var(--u) * -3)) rotate(6deg)}}.rotate-curtain{display:none}@media (orientation:landscape){.rotate-curtain{z-index:100;background:var(--bg2);text-align:center;font-family:var(--display);font-size:calc(var(--u) * 5);justify-content:center;align-items:center;padding:8vw;display:flex;position:fixed;inset:0}}.video-stage{object-fit:cover;object-position:center;z-index:1;pointer-events:none;background:#000;width:100%;height:100%;position:fixed;inset:0}.video-stage[hidden]{display:none}@media (prefers-reduced-motion:reduce){.menu-panel .btn,.q-speak{animation:none}}