:root{--violet:#7c3aed;--violet-bright:#a855f7;--violet-light:#c4b5fd;--text:#ece8ff;--text-dim:#9a8fc4;--font:"Space Grotesk", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#060410;overflow:hidden}button{font-family:inherit}.app{background:radial-gradient(circle at 50% 32%,#160f2e 0%,#060410 72%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.stage{border-radius:12px;width:min(100dvw,75dvh);height:min(133.334dvw,100dvh);position:relative;overflow:hidden;box-shadow:0 0 60px #7c3aed47,0 24px 60px #000000b3;container-type:size}.stage__canvas{touch-action:none;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.stage__vignette{pointer-events:none;background:radial-gradient(circle at 50% 44%,#0000 52%,#04020ac7 100%);position:absolute;inset:0}.overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5cqmin;padding:9cqmin;animation:.35s both fade-in;display:flex;position:absolute;inset:0}.overlay--menu{background:linear-gradient(#0805141a 0%,#0805148c 100%);justify-content:space-between;padding:13cqmin 9cqmin}.overlay--panel{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0704109e}.overlay--ad{background:#030208f0}.corner-tr{position:absolute;top:5cqmin;right:5cqmin}.title-block{animation:5s ease-in-out infinite float}.eyebrow{letter-spacing:.42em;text-indent:.42em;color:var(--violet-light);font-size:3.2cqmin;font-weight:600}.game-title{letter-spacing:.04em;margin:2.6cqmin 0;font-size:16cqmin;font-weight:700;line-height:.96}.game-title span:nth-child(2){letter-spacing:.3em;text-indent:.3em;font-size:.62em}.game-title span{background:linear-gradient(180deg, #f6f3ff 0%, var(--violet-bright) 100%);color:#0000;filter:drop-shadow(0 .6cqmin 3cqmin #7c3aedbf);-webkit-background-clip:text;background-clip:text;display:block}.game-title span:last-child{background:linear-gradient(180deg, var(--violet-light) 0%, var(--violet) 100%);-webkit-background-clip:text;background-clip:text}.tagline{letter-spacing:.04em;color:var(--text-dim);font-size:3.6cqmin}.menu-actions{flex-direction:column;align-items:center;gap:4.5cqmin;display:flex}.best-badge{letter-spacing:.2em;color:var(--text-dim);align-items:center;gap:2cqmin;font-size:3.4cqmin;display:flex}.best-badge strong{color:var(--violet-light);font-size:5cqmin}.hint{letter-spacing:.26em;color:var(--text-dim);font-size:3cqmin;animation:2.4s ease-in-out infinite blink}.btn{letter-spacing:.14em;color:#f6f3ff;cursor:pointer;background:linear-gradient(#9466f5 0%,#6d28d9 100%);border:none;border-radius:3cqmin;font-weight:700;transition:transform .12s,filter .12s,box-shadow .12s;box-shadow:0 1.6cqmin 4cqmin #4c1d95b3,inset 0 0 0 .35cqmin #c4b5fd73}.btn--md{padding:3.2cqmin 7cqmin;font-size:3.9cqmin}.btn--lg{padding:4.2cqmin 11cqmin;font-size:5.2cqmin}.btn:hover{filter:brightness(1.12);transform:translateY(-.7cqmin)}.btn:active{filter:brightness(.95);transform:translateY(.5cqmin)scale(.985)}.btn--ghost{color:var(--violet-light);background:#7c3aed24;box-shadow:inset 0 0 0 .35cqmin #7c3aed8c}.btn--ad{background:linear-gradient(#b06bff 0%,#7c3aed 100%)}.btn--lg.btn--primary{animation:2.4s ease-in-out infinite pulse-glow}.icon-btn{width:12cqmin;height:12cqmin;color:var(--violet-light);cursor:pointer;background:#160e2ad9;border:.4cqmin solid #7c3aed80;border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,border-color .12s,color .12s;display:flex}.icon-btn:hover{border-color:var(--violet-bright);color:#fff;transform:scale(1.08)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:52%;height:52%}.hud{pointer-events:none;position:absolute;inset:0}.hud__score{color:#f6f3ff;text-shadow:0 0 5cqmin #7c3aede6;font-size:13cqmin;font-weight:700;animation:.26s score-pop;position:absolute;top:5cqmin;left:50%;transform:translate(-50%)}.hud__pause{pointer-events:auto;width:11cqmin;height:11cqmin;color:var(--violet-light);cursor:pointer;background:#100a20b3;border:.35cqmin solid #7c3aed73;border-radius:2.6cqmin;justify-content:center;align-items:center;transition:transform .12s,color .12s;display:flex;position:absolute;top:4.6cqmin;right:4.6cqmin}.hud__pause:hover{color:#fff;transform:scale(1.06)}.hud__pause:active{transform:scale(.92)}.hud__pause svg{width:46%;height:46%}.panel{background:linear-gradient(#1c1238f2 0%,#0c081af7 100%);border:.35cqmin solid #7c3aed66;border-radius:6cqmin;flex-direction:column;align-items:center;gap:3.6cqmin;width:80cqmin;padding:9cqmin 7cqmin;animation:.34s cubic-bezier(.2,.9,.3,1.25) both pop-in;display:flex;position:relative;box-shadow:0 0 8cqmin #7c3aed61,0 4cqmin 10cqmin #000000a6}.panel__title{letter-spacing:.14em;text-shadow:0 0 4cqmin #7c3aedd9;font-size:8.4cqmin;font-weight:700}.panel__sub{color:var(--text-dim);font-size:4cqmin}.panel__sub strong{color:var(--violet-light)}.panel__actions{flex-direction:column;align-items:center;gap:3cqmin;width:100%;display:flex}.panel__actions .btn{width:100%}.panel__foot{margin-top:1cqmin}.medal{border:.5cqmin solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:24cqmin;height:24cqmin;font-size:12cqmin;display:flex}.medal--none{color:#5f5685;background:radial-gradient(circle at 40% 35%,#2c2447,#16122a)}.medal--bronze{color:#ffe7d2;background:radial-gradient(circle at 40% 35%,#d98a4a,#7a4420);box-shadow:0 0 6cqmin #d98a4a8c}.medal--silver{color:#fbfdff;background:radial-gradient(circle at 40% 35%,#d6dbe6,#7c8498);box-shadow:0 0 6cqmin #c6cfde80}.medal--gold{color:#fffbe8;background:radial-gradient(circle at 40% 35%,#ffd86b,#b8801f);box-shadow:0 0 7cqmin #ffc84699}.medal--void{color:#fff;background:radial-gradient(circle at 40% 35%,#c98bff,#4c1d95);box-shadow:0 0 9cqmin #a855f7d9}.medal__label{letter-spacing:.2em;color:var(--violet-light);margin-top:-1.5cqmin;font-size:3.8cqmin}.stat-row{gap:3cqmin;width:100%;display:flex}.stat{background:#7c3aed1a;border:.3cqmin solid #7c3aed40;border-radius:3cqmin;flex-direction:column;flex:1;gap:.6cqmin;padding:3cqmin 2cqmin;display:flex}.stat span{letter-spacing:.22em;color:var(--text-dim);font-size:2.9cqmin}.stat strong{color:#f6f3ff;font-size:8cqmin;font-weight:700}.ribbon{letter-spacing:.2em;color:#fff;background:linear-gradient(90deg,#a855f7,#7c3aed);padding:1.4cqmin 5cqmin;font-size:3cqmin;font-weight:700;animation:.5s .2s both ribbon-in;position:absolute;top:4.5cqmin;right:-3cqmin;transform:rotate(8deg);box-shadow:0 0 5cqmin #a855f7b3}.ring{width:30cqmin;height:30cqmin;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring__track{fill:none;stroke:#7c3aed33;stroke-width:7px}.ring__bar{fill:none;stroke:var(--violet-bright);stroke-width:7px;stroke-linecap:round;filter:drop-shadow(0 0 1.4cqmin #a855f7cc);animation-name:ring-drain;animation-timing-function:linear;animation-fill-mode:forwards}.ring__num{color:#f6f3ff;justify-content:center;align-items:center;font-size:11cqmin;font-weight:700;display:flex;position:absolute;inset:0}.ad-card{background:#0e091ce6;border:.3cqmin solid #7c3aed4d;border-radius:4cqmin;flex-direction:column;align-items:center;gap:4cqmin;width:78cqmin;padding:9cqmin 6cqmin;animation:.3s both pop-in;display:flex}.ad-card__tag{letter-spacing:.32em;color:var(--text-dim);font-size:2.8cqmin}.ad-card__art{color:var(--violet-bright);filter:drop-shadow(0 0 4cqmin #a855f7cc);font-size:22cqmin;line-height:1;animation:6s linear infinite spin}.ad-card__title{color:var(--text);font-size:4.4cqmin}.ad-card__note{color:var(--text-dim);font-size:3cqmin}.ad-bar{background:#7c3aed29;border-radius:2cqmin;width:100%;height:2.6cqmin;overflow:hidden}.ad-bar__fill{background:linear-gradient(90deg,#7c3aed,#c4b5fd);border-radius:2cqmin;width:0;height:100%;animation-name:ad-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)translateY(4cqmin)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes score-pop{0%{transform:translate(-50%)scale(1.45)}to{transform:translate(-50%)scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-1.6cqmin)}}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ribbon-in{0%{opacity:0;transform:rotate(8deg)scale(.6)}to{opacity:1;transform:rotate(8deg)scale(1)}}@keyframes ring-drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:289.03px}}@keyframes ad-fill{0%{width:0}to{width:100%}}@keyframes pulse-glow{0%,to{box-shadow:0 1.6cqmin 4cqmin #4c1d95b3,inset 0 0 0 .35cqmin #c4b5fd73,0 0 #a855f700}50%{box-shadow:0 1.6cqmin 4cqmin #4c1d95b3,inset 0 0 0 .35cqmin #c4b5fd99,0 0 7cqmin #a855f78c}}@media (prefers-reduced-motion:reduce){.title-block,.hint,.ad-card__art,.btn--lg.btn--primary{animation:none}}