:root{color:#f4f7ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#2d3c7873,#0000 42%),linear-gradient(#040814 0%,#090c1b 45%,#03050f 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button,input,textarea,select{font:inherit}button{border:0}.app-shell{touch-action:manipulation;justify-content:center;align-items:center;min-height:100vh;padding:18px;display:flex;position:relative;overflow:hidden}.background-grid,.background-glow{pointer-events:none;position:absolute;inset:0}.background-grid{background-image:linear-gradient(#65a6ff14 1px,#0000 1px),linear-gradient(90deg,#65a6ff14 1px,#0000 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(#0000 0%,#000000f2 25%,#000000bf 100%);mask-image:linear-gradient(#0000 0%,#000000f2 25%,#000000bf 100%)}.background-glow-left{background:radial-gradient(circle at 18% 28%,#41ebff2e,#0000 28%)}.background-glow-right{background:radial-gradient(circle at 82% 70%,#d84cff26,#0000 30%)}.game-frame{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0a0f23e0,#080916f0);border:1px solid #7dc0ff3d;border-radius:30px;grid-template-rows:auto 1fr auto;gap:18px;width:min(100%,430px);min-height:min(92vh,760px);padding:18px;display:grid;position:relative;box-shadow:0 24px 80px #00000073,inset 0 0 0 1px #ffffff0a,0 0 44px #5faeff1f}.hud-panel,.hud-row{gap:12px;display:grid}.hud-row-top{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-row-bottom{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.hud-chip,.status-block,.meter-block{background:#0b142ad6;border:1px solid #71b2ff2e;border-radius:20px;padding:14px 16px;box-shadow:inset 0 0 24px #7090ff14}.combo-chip.combo-hot{border-color:#ff81f566;box-shadow:inset 0 0 28px #7090ff14,0 0 24px #ec4dff2e}.hud-label,.best-combo,.meter-value,.legend-row span,.hint-text{color:#d6e3ffc2}.hud-label{letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;display:block}.hud-value{margin-top:6px;font-size:clamp(1.25rem,3.8vw,1.8rem);font-weight:800;display:block}.score-chip .hud-value{color:#6ef2ff}.combo-chip .hud-value{color:#ff7cf3}.status-copy{margin:8px 0 0;font-size:.95rem;line-height:1.35}.meter-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.meter-track{background:#ffffff14;border-radius:999px;height:12px;margin-top:10px;overflow:hidden}.meter-fill{border-radius:inherit;background:linear-gradient(90deg,#49e4ff 0%,#8b7dff 50%,#ff62ef 100%);height:100%;box-shadow:0 0 24px #4fe5ff73}.best-combo{margin-top:10px;font-size:.82rem;display:inline-block}.playfield{justify-content:center;align-items:center;min-height:320px;display:flex;position:relative}.playfield:before{content:"";aspect-ratio:1;filter:blur(10px);background:radial-gradient(circle,#4bddff1f,#080c1c00 65%);border-radius:50%;width:min(74vw,320px);position:absolute}.click-circle{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:radial-gradient(circle at 34% 32%,#fffffff2,#ffffff2e 14%,#5ef3ff14 18%,#0000 20%),radial-gradient(circle,#8ff8ff 0%,#3fd9ff 28%,#8b6eff 62%,#ff64e7 100%);border-radius:50%;outline:none;place-items:center;width:min(54vw,220px);transition:transform 80ms ease-out,box-shadow 80ms ease-out,filter .12s ease-out;display:grid;position:relative}.click-circle:hover{filter:brightness(1.06)}.click-circle:active{transform:scale(.98)}.click-circle:focus-visible{box-shadow:0 0 0 4px #ffffff1f,0 0 0 8px #5ef3ff38,0 0 42px #5ef3ff57}.click-circle-hot{filter:saturate(1.18)}.click-circle-ring,.click-circle-aura{aspect-ratio:1;border-radius:50%;width:112%;position:absolute;top:50%;left:50%}.click-circle-ring{border:2px solid #71efff80}.click-circle-aura{filter:blur(8px);background:radial-gradient(circle,#8e6bff42,#ff64e714 58%,#0000 72%);width:128%}.click-circle-core{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#fffffff2,#ffffff3d 20%,#ffffff0f 22%,#1d144333 100%);border-radius:50%;place-items:center;width:66%;display:grid;position:relative;box-shadow:inset 0 -14px 24px #290f423d}.click-circle-highlight{filter:blur(1px);background:#ffffffc7;border-radius:999px;width:22%;height:14%;position:absolute;top:18%;left:24%;transform:rotate(-18deg)}.click-circle-center-dot{aspect-ratio:1;background:#ffffffe0;border-radius:50%;width:20%;box-shadow:0 0 18px #ffffffc2}.click-circle-text{text-shadow:0 1px 8px #0000006b;justify-items:center;gap:2px;display:grid;position:absolute;bottom:17%}.click-circle-text strong{letter-spacing:.05em;text-transform:uppercase;font-size:clamp(1rem,4vw,1.35rem)}.click-circle-text small{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.62rem,2.6vw,.78rem)}.game-footer{gap:10px;display:grid}.hint-text{text-align:center;margin:0;font-size:.92rem}.legend-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.legend-row span{text-align:center;background:#0e1226bf;border:1px solid #71b2ff24;border-radius:16px;padding:10px 8px;font-size:.76rem;line-height:1.25}@media (width<=480px){.app-shell{padding:10px}.game-frame{border-radius:24px;gap:14px;width:100%;min-height:min(100vh - 20px,760px);padding:14px}.hud-row-top,.hud-row-bottom,.legend-row{grid-template-columns:1fr}.playfield{min-height:280px}.click-circle{width:min(62vw,224px)}.click-circle-text{bottom:15%}}