@font-face{font-family:Selawik;src:url(/fonts/selawk.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Selawik;src:url(/fonts/selawksb.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Unbounded;src:url(/fonts/unbounded-black.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Selawik;src:url(/fonts/selawkb.woff2)format("woff2");font-weight:700;font-display:swap}:root{--sky:#e9f5fe;--deep:#2fa8ff;--accent:#3adfda;--ink:#06324a;--white:#f7f7fa;--glass:#ffffff38;--navy:#0a2f86;--azure:#0057b8;--aqua:#3fe0f2;--edge:#ffffffa6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:linear-gradient(#2fa8ff,#e9f5fe);font-family:Selawik,Segoe UI,system-ui,sans-serif;overflow:hidden}canvas,.poster{object-fit:cover;touch-action:none;width:100%;height:100%;position:fixed;inset:0}body:not(.ready) .hud{opacity:0;pointer-events:none}.hud{z-index:20;pointer-events:none;padding:16px;padding-bottom:max(14px, env(safe-area-inset-bottom));grid-template-rows:1fr auto;transition:opacity .8s 1.9s;display:grid;position:fixed;inset:0}.hud>*,.foot>*{pointer-events:auto}.glass{background:linear-gradient(180deg, #ffffff8c 0%, #ffffff2e 48%, var(--glass) 52%, #ffffff1f 100%);border:1px solid var(--edge);-webkit-backdrop-filter:blur(14px)saturate(1.4);border-radius:18px;box-shadow:inset 0 1px #ffffffe6,0 8px 30px #06324a2e}.phonk,.chant,.tag{letter-spacing:-.02em;color:#0000;background:linear-gradient(#fff 0%,#dffbff 34%,#7fefff 46%,#14b8e6 54%,#0570c8 100%);-webkit-text-stroke:.045em var(--navy);paint-order:stroke fill;-webkit-background-clip:text;background-clip:text;font-family:Unbounded,Selawik,sans-serif;font-style:normal;font-weight:900;line-height:.95;position:relative;transform:skew(-10deg)}.chant:before{content:attr(data-text);z-index:-1;-webkit-text-stroke:0;color:#0000;text-shadow:-.12em 0 #3fe0f259,-.26em 0 #3fe0f22e,-.42em 0 #3fe0f214,0 .06em .12em #061e5073;position:absolute;inset:0}.phonk{text-transform:uppercase;letter-spacing:-.04em;text-shadow:-.08em 0 #3fe0f240;outline:none}.chants{pointer-events:none;place-items:center;height:15vh;display:grid;position:fixed;inset:31vh 0 auto;overflow:hidden}.chant{white-space:nowrap;text-align:center;font-size:min(104px, calc(96vw / var(--chars)));text-transform:uppercase;filter:drop-shadow(0 0 18px #3fe0f28c);margin:0;animation:1.25s cubic-bezier(.2,.9,.25,1) both punch}.chants{z-index:5}.tag{text-align:center;white-space:nowrap;pointer-events:none;z-index:5;text-transform:uppercase;filter:drop-shadow(0 2px 6px #061e5059);margin:0;font-size:min(40px,5.6vw);animation:1.2s ease-out both settle;position:fixed;inset:33vh 0 auto}@keyframes settle{0%{opacity:0;transform:skew(-10deg)translateY(8px)}}@keyframes punch{0%{opacity:0;transform:skewX(-10deg) rotate(var(--tilt)) scale(1.55) translateX(8%);filter:blur(6px)drop-shadow(0 0 18px #3fe0f28c)}12%{opacity:1;transform:skewX(-10deg) rotate(var(--tilt)) scale(.96) translateX(0);filter:blur()drop-shadow(0 0 18px #3fe0f28c)}18%{transform:skewX(-10deg) rotate(var(--tilt)) scale(1.03) translateX(-0.6%)}24%{transform:skewX(-10deg) rotate(var(--tilt)) scale(1) translateX(0.4%)}72%{opacity:1;transform:skewX(-10deg) rotate(var(--tilt)) scale(1);filter:blur()drop-shadow(0 0 18px #3fe0f28c)}to{opacity:0;transform:skewX(-18deg) rotate(var(--tilt)) scale(1.04) translateX(-14%);filter:blur(8px)}}.foot{pointer-events:none;grid-row:2;justify-items:center;gap:8px;display:grid}.dock{border-radius:999px;gap:6px;padding:6px;display:flex}.dock button{cursor:pointer;color:var(--ink);background:linear-gradient(#ffffffb3 0%,#ffffff40 50%,#ffffff1a 51%,#ffffff4d 100%);border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 8px;font:600 15px/1 Selawik,sans-serif;transition:transform .15s,background .15s;display:flex;box-shadow:inset 0 1px #fff,inset 0 -1px #06324a1f}.dock button:hover{transform:translateY(-2px)}.dock button svg{fill:#fff;stroke:#fff;stroke-width:0;background:radial-gradient(circle at 50% 28%,#e6faff 0%,#3fe0f2 38%,#0570c8 100%);border-radius:50%;width:30px;height:30px;padding:5px;overflow:visible;box-shadow:inset 0 2px 3px #ffffffe6,inset 0 -3px 5px #061e5059,0 2px 8px #0570c873}svg.line path{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.dock button.on{color:#fff;box-shadow:inset 0 1px 0 #ffffffe6, 0 0 0 1.5px var(--navy), 0 4px 14px #0570c880;text-shadow:0 1px 1px #061e5080;background:linear-gradient(#7fefff 0%,#14b8e6 50%,#0a8fd8 51%,#0570c8 100%)}.dock button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.hint{color:#fff;letter-spacing:.06em;text-transform:uppercase;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;filter:drop-shadow(0 1px 4px #061e5080);margin:0;font:900 12px/1 Unbounded,Selawik,sans-serif;animation:2.4s ease-in-out infinite breathe;transform:skew(-10deg)}@keyframes breathe{50%{opacity:.72}}.disclosure{color:#fff;background:#061e50e0;border-radius:10px;justify-self:end;padding:4px 10px;font-size:14px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spot{pointer-events:none;-webkit-user-select:none;user-select:none;justify-items:center;gap:4px;display:grid}.spot svg{fill:#fff;stroke:#fff;stroke-width:0;background:radial-gradient(circle at 50% 28%,#e6faff 0%,#3fe0f2 38%,#0570c8 100%);border-radius:50%;width:34px;height:34px;padding:6px;box-shadow:inset 0 2px 3px #ffffffe6,0 2px 10px #0570c880}.spot span{text-transform:uppercase;color:#fff;white-space:nowrap;-webkit-text-stroke:3px var(--navy);paint-order:stroke fill;filter:drop-shadow(0 1px 4px #061e5080);font:900 13px/1 Unbounded,sans-serif;transform:skew(-10deg)}.panel{border-radius:26px;flex-direction:column;grid-row:1;place-self:end center;width:min(560px,100%);max-height:62vh;margin-bottom:12px;padding:18px 20px 20px;animation:.35s cubic-bezier(.2,.9,.25,1) both rise;display:flex;overflow:hidden}.panel-body{min-height:0;padding-bottom:18px;overflow:auto;-webkit-mask:linear-gradient(#000 calc(100% - 26px),#0000);mask:linear-gradient(#000 calc(100% - 26px),#0000)}.panel.glass{-webkit-backdrop-filter:blur(22px)saturate(1.5);background:linear-gradient(#ffffffd1 0%,#ffffff9e 48%,#f0faff8c 52%,#ebf8ff99 100%)}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.97)}}.panel header{justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px;display:flex}.panel h2{margin:0;padding-left:6px;font-size:clamp(30px,7vw,48px)}.close{cursor:pointer;color:#fff;background:radial-gradient(circle at 50% 28%,#e6faff 0%,#3fe0f2 38%,#0570c8 100%);border:0;border-radius:50%;flex:none;width:34px;height:34px;font:700 20px/1 Selawik,sans-serif;box-shadow:inset 0 2px 3px #ffffffe6,0 2px 8px #0570c873}.lore{margin:0;font-size:16px;line-height:1.55}.lore+.lore{margin-top:10px}.hint-in{opacity:.8;margin:0 0 12px;font-size:14px}.frases,.panel nav{flex-wrap:wrap;gap:10px;display:flex}.gel{cursor:pointer;color:#fff;text-shadow:0 1px 1px #061e508c;background:linear-gradient(#4fc8f0 0%,#1a9be0 46%,#0a72c4 52%,#0756a8 100%);border:1px solid #fffc;border-radius:999px;padding:10px 16px;font:700 15px/1.1 Selawik,sans-serif;text-decoration:none;transition:transform .12s,filter .12s;box-shadow:inset 0 1px #ffffffe6,0 0 0 1.5px #0a2f868c,0 4px 12px #0570c859}.gel:hover{filter:saturate(1.2)brightness(1.08);transform:translateY(-1px)skew(-6deg)}.gel svg{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;margin:-2px 7px -3px -3px}.gel.on{animation:.5s ease-in-out infinite alternate speak;box-shadow:inset 0 1px #ffffffe6,0 0 0 2px #fff,0 0 18px #3fe0f2e6}@keyframes speak{to{filter:brightness(1.18)saturate(1.2)}}.frases .gel{text-transform:lowercase}.gel:active{transform:scale(.96)skew(-6deg)}.orb{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex;position:fixed;top:16px;right:16px}.orb span{color:#fff;background:radial-gradient(circle at 50% 30%,#e6faf8 0%,#3adfda 40%,#0e7fb0 100%);border-radius:50%;place-items:center;width:52px;height:52px;font-size:18px;display:grid;box-shadow:inset 0 3px 6px #ffffffe6,inset 0 -6px 10px #06324a59,0 4px 14px #19d3ff80}.orb em{font-style:normal;font-weight:600}@media (width>=900px){.panel{justify-self:start;margin-left:2vw}}@media (width<=520px){.dock button{padding:6px 12px 6px 6px;font-size:13px}.dock button svg{width:26px;height:26px}}@media (aspect-ratio<=4/5){.panel{margin:max(12px, env(safe-area-inset-top)) 0 0;align-self:start;max-height:46svh}.chants{height:13vh;inset:2vh 0 auto}.tag{font-size:6.4vw;inset:29svh 0 auto}.hud:has(.panel) .tag{display:none}.hud:has(.panel) .chants{height:8svh;inset:78svh 0 auto}}@media (prefers-reduced-motion:reduce){:not(.chant){transition:none!important;animation-duration:10ms!important}.hint{animation:none}.chant{animation:1.6s linear both fade;transform:skew(-10deg)}}@keyframes fade{0%,to{opacity:0}12%,75%{opacity:1}}.release{justify-items:start;gap:.6rem;display:grid}.release img{border-radius:14px;width:min(100%,320px);height:auto;box-shadow:0 6px 24px #061e5073}