:root{--ink:#f7fbff;--muted:#97a7b8;--night:#050a0f;--panel:#0b131c;--panel-2:#101c27;--cyan:#25d8ff;--cyan-soft:#9befff;--lime:#caff3d;--gold:#ffd84c;--orange:#ff8b37;--red:#ff526a;--green:#67ef9a;--line:#a8d9ee29;--radius:1.5rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#020507;min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 50% -10%,#11334a 0,#0000 38rem),#020507;margin:0;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif;overflow-x:hidden}button{font:inherit}button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--lime);outline-offset:-4px}.site-shell{isolation:isolate;width:100%;min-height:100svh;position:relative;overflow:hidden}.site-shell:before{z-index:-2;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.screen{width:min(100%,32rem);min-height:100svh;padding:max(1.25rem, env(safe-area-inset-top)) 1.25rem max(1.25rem, env(safe-area-inset-bottom));margin:0 auto}.topbar,.game-hud{z-index:30;justify-content:space-between;align-items:center;display:flex;position:relative}.brand{color:#dce9f2;letter-spacing:.12em;align-items:center;gap:.65rem;font-size:.75rem;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{width:2rem;height:2rem;color:var(--cyan);background:linear-gradient(145deg,#25d8ff40,#25d8ff0a);border:1px solid #25d8ff8c;border-radius:.65rem .65rem .65rem .15rem;place-items:center;font-size:1rem;font-weight:950;display:grid;box-shadow:inset 0 0 14px #25d8ff24}.sound-button,.best-score{border:1px solid var(--line);color:var(--muted);letter-spacing:.05em;background:#080f16b8;border-radius:999px;padding:.55rem .75rem;font-size:.72rem;font-weight:800}.sound-button{cursor:pointer}.landing-screen{flex-direction:column;display:flex;position:relative}.landing-screen:after{z-index:-1;content:"";border:1px solid #25d8ff1c;border-radius:50%;width:25rem;height:25rem;position:absolute;top:7rem;right:-9rem;box-shadow:0 0 0 3rem #25d8ff06,0 0 0 7rem #25d8ff05}.landing-art{z-index:0;pointer-events:none;width:70%;height:57%;position:absolute;top:2.2rem;right:-2rem}.landing-art:after{background:linear-gradient(to bottom, transparent, var(--night) 82%);content:"";height:35%;position:absolute;inset:auto 0 4% 8%}.landing-art>.landing-player{object-fit:contain;object-position:top right;opacity:.86;filter:saturate(1.25)contrast(1.08);width:118%;height:100%;animation:3.8s ease-in-out infinite athlete-float;position:absolute;top:0;right:-18%}.landing-speed-lines{background:repeating-linear-gradient(#0000 0 10px,#25d8ff1a 11px,#0000 12px 22px);width:78%;height:58%;position:absolute;top:16%;right:0;transform:skewY(-25deg);-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.landing-shuttle{z-index:2;filter:drop-shadow(0 0 8px #ebfcffcc)drop-shadow(0 0 22px #25d8ff85);width:4rem;height:4rem;animation:1.6s ease-in-out infinite shuttle-pulse;position:absolute;top:23%;left:-4%}.landing-shuttle .shuttlecock-image{transform:rotate(-8deg)scaleY(.82)}.landing-copy{z-index:3;margin-top:clamp(13rem,35vh,19rem);position:relative}.eyebrow{color:var(--cyan);letter-spacing:.16em;margin:0 0 .7rem;font-size:.75rem;font-weight:900}.landing-copy h1{color:#f7fbff;letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2rem,9vw,3rem);font-weight:950;line-height:1.12}.landing-copy h1 em{color:var(--lime);text-shadow:0 0 25px #caff3d40;font-style:normal}.intro{color:#b8c5cf;word-break:keep-all;max-width:23rem;margin:1rem 0 0;font-size:1rem;line-height:1.65}.difficulty-picker{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem;display:grid}.difficulty-picker button{border:1px solid var(--line);color:#b8c5cf;cursor:pointer;background:#101a23;border-radius:.8rem;flex-direction:column;gap:.3rem;padding:.75rem .4rem;display:flex}.difficulty-picker button[aria-pressed=true]{border-color:var(--lime);color:var(--lime);background:#202c15}.difficulty-picker button:disabled{cursor:default}.difficulty-picker strong{font-size:1rem}.difficulty-picker span,.control-note{font-size:.72rem}.control-note{color:#b8c5cf;line-height:1.6}.change-mode-button{grid-column:1/-1}.fact-row{color:#7f91a1;align-items:center;gap:.7rem;margin:1.1rem 0 1.25rem;font-size:.78rem;font-weight:750;display:flex}.fact-row i{background:#50616e;border-radius:50%;width:3px;height:3px}.challenge-invite{background:linear-gradient(135deg,#caff3d17,#25d8ff09);border:1px solid #caff3d3d;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;margin:-.25rem 0 .85rem;padding:.8rem .9rem;display:flex}.challenge-invite div{flex-direction:column;gap:.18rem;display:flex}.challenge-invite span{color:#8fa0ad;font-size:.76rem;font-weight:800}.challenge-invite strong{color:var(--lime);font-size:1rem;font-weight:950}.challenge-invite button{color:#cbd7df;cursor:pointer;background:#060d129e;border:1px solid #a4d3e72b;border-radius:.68rem;flex:none;padding:.56rem .68rem;font-size:.78rem;font-weight:850}.primary-button,.share-button,.retry-button{cursor:pointer;border:0;border-radius:1.15rem;min-height:3.65rem;font-weight:900}.primary-button{background:var(--lime);color:#111a05;justify-content:space-between;align-items:center;width:100%;padding:0 .8rem 0 1.3rem;font-size:1.08rem;display:flex;overflow:hidden;box-shadow:0 14px 40px #9ad3152b}.primary-button b{width:2.45rem;height:2.45rem;color:var(--lime);background:#111a05;border-radius:.85rem;place-items:center;font-size:1.2rem;display:grid}.primary-button:active:not(:disabled),.share-button:active,.retry-button:active{transform:translateY(2px)scale(.99)}.primary-button:disabled{cursor:wait;opacity:.62}.daily-note{color:#687b89;text-align:center;margin:.75rem 0 1rem;font-size:.73rem}.tutorial-screen{flex-direction:column;gap:1rem;height:100svh;display:flex;overflow-y:auto}.tutorial-step{color:var(--cyan);letter-spacing:.1em;background:#25d8ff14;border:1px solid #25d8ff42;border-radius:999px;padding:.48rem .68rem;font-size:.65rem;font-weight:900}.tutorial-copy{margin-top:.55rem}.tutorial-copy .eyebrow{margin-bottom:.45rem}.tutorial-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,9vw,2.85rem);font-weight:950;line-height:1.12}.tutorial-copy h1 em{color:var(--lime);font-style:normal}.tutorial-copy>p:last-child{color:#a7b5bf;word-break:keep-all;margin:.75rem 0 0;font-size:.9rem;line-height:1.55}.tutorial-visual{background:radial-gradient(circle at 50% 72%,#caff3d1a,#0000 26%),radial-gradient(circle at 50% 30%,#25d8ff24,#0000 40%),#081019;border:1px solid #97d3eb29;border-radius:1.4rem;flex:13rem;min-height:12.5rem;position:relative;overflow:hidden}.tutorial-visual:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.tutorial-shuttle{z-index:4;filter:drop-shadow(0 0 14px #d6f7ff6b);width:5.2rem;height:5.2rem;animation:1.65s ease-in-out infinite tutorial-shuttle;position:absolute;top:.8rem;left:calc(50% - 2.6rem);transform:rotate(42deg)}.shuttlecock-image{object-fit:contain;transform-origin:50%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scaleY(.82)}.tutorial-path{z-index:2;background:linear-gradient(#25d8ff14,#caff3dd9);width:1px;height:5.5rem;position:absolute;top:3.7rem;left:50%;box-shadow:0 0 12px #25d8ff59}.tutorial-racket-head{z-index:3;background:repeating-linear-gradient(90deg,#0000 0 8px,#dcebf06b 8px 9px),repeating-linear-gradient(0deg,#0000 0 8px,#dcebf06b 8px 9px),#02090d66;border:.45rem solid #e2ebef;border-radius:50%;width:10rem;height:12rem;position:absolute;bottom:-3.8rem;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 30px #25d8ff2b}.sweet-spot{z-index:3;aspect-ratio:1;border:2px solid var(--lime);background:#caff3d1f;border-radius:50%;width:37%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .38rem #caff3d0f,0 0 20px #caff3d40}.sweet-spot:after{background:var(--lime);width:.28rem;height:.28rem;box-shadow:0 0 9px var(--lime);content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sweet-label{z-index:5;background:var(--lime);color:#131a07;border-radius:999px;padding:.38rem .58rem;font-size:.65rem;font-weight:950;position:absolute;bottom:3.8rem;right:calc(50% - 8rem);box-shadow:0 0 20px #caff3d47}.sweet-label:before{background:var(--lime);content:"";width:2.4rem;height:1px;position:absolute;top:50%;right:100%}.timing-examples{grid-template-columns:repeat(3,1fr);gap:.45rem;display:grid}.timing-examples>div{border:1px solid var(--line);text-align:center;background:#ffffff06;border-radius:.9rem;flex-direction:column;gap:.2rem;min-width:0;padding:.7rem .45rem;display:flex}.timing-examples span{color:#81929f;font-size:.64rem;font-weight:750}.timing-examples strong{color:#dce6eb;font-size:.68rem;font-weight:900}.timing-examples .example-perfect{background:#caff3d17;border-color:#caff3d6b}.timing-examples .example-perfect span,.timing-examples .example-perfect strong{color:var(--lime)}.tutorial-note{color:#677986;text-align:center;margin:-.35rem 0 0;font-size:.68rem}.ad-slot{color:#667684;text-align:center;background:#ffffff06;border:1px dashed #97a7b840;border-radius:1.25rem;place-content:center;width:100%;min-height:14rem;display:grid}.ad-slot--compact{border-radius:1rem;min-height:5.3rem;margin-top:auto}.ad-slot span{letter-spacing:.08em;border:1px solid #97a7b84d;border-radius:.25rem;width:max-content;margin:0 auto .4rem;padding:.1rem .3rem;font-size:.6rem;font-weight:900}.ad-slot p{margin:0;font-size:.78rem;font-weight:750}.ad-slot small{color:#4e5e6a;margin-top:.25rem;font-size:.65rem}.game-screen{-webkit-user-select:none;user-select:none;touch-action:none;cursor:crosshair;grid-template-rows:auto 1fr auto;height:100svh;min-height:37rem;padding-inline:0;display:grid;position:relative;overflow:hidden}.game-screen:after{z-index:60;content:"";pointer-events:none;border:0 solid #caff3d80;transition:border-width 80ms,opacity .24s;position:absolute;inset:0}.game-screen.is-swinging:after{opacity:0;border-width:5px}.game-hud{padding:0 1.25rem}.round-counter,.speed-counter,.score-counter{align-items:baseline;display:flex}.round-counter strong{color:var(--cyan);font-size:1.25rem;font-weight:950}.round-counter span{color:#5d6e7b;font-size:.8rem;font-weight:800}.speed-counter{flex-direction:column;align-items:center;gap:.08rem;transform:translate(10%)}.speed-value{align-items:baseline;gap:.28rem;display:flex}.speed-counter strong{letter-spacing:-.06em;font-size:1.7rem;font-weight:950}.speed-value span{color:var(--lime);font-size:.68rem;font-weight:900}.speed-counter em{color:#83b9ca;letter-spacing:.06em;background:#040e14cc;border:1px solid #75d1ee40;border-radius:999px;padding:.12rem .42rem;font-size:.52rem;font-style:normal;font-weight:950;line-height:1}.speed-counter em.is-smash{color:#ff7348;border-color:#ff68389e;animation:.22s ease-in-out infinite alternate hot-pulse;box-shadow:0 0 16px #ff572c47}.speed-counter em.attack-badge--serve{color:var(--cyan);border-color:#25d8ff6b}.speed-counter em.attack-badge--push,.speed-counter em.attack-badge--drive{color:#ffb04a;border-color:#ffac4373}.score-counter{flex-direction:column;align-items:flex-end}.score-counter span,.game-footer span{color:#647583;letter-spacing:.09em;font-size:.58rem;font-weight:900}.score-counter strong{color:#c9d4dc;font-size:.85rem;font-weight:900}.score-counter small{color:#8a9aa6;white-space:nowrap;margin-top:.08rem;font-size:.68rem;font-weight:900;line-height:1}.score-counter small.is-cleared{color:var(--lime);text-shadow:0 0 12px #caff3d6b}.shot-progress{z-index:30;grid-template-columns:repeat(10,1fr);gap:.3rem;padding:.75rem 1.25rem 0;display:grid;position:relative}.shot-progress span{background:#1a2833;border-radius:99px;height:3px}.shot-progress span.done{background:#25d8ff73}.shot-progress span.active{background:var(--lime);box-shadow:0 0 10px #caff3d80}.arena{background:linear-gradient(#040a0f26,#020507b3),radial-gradient(at 50% 28%,#1c87b03b,#0000 44%);min-height:0;position:relative;overflow:hidden}.arena:before{z-index:1;content:"";background:repeating-linear-gradient(90deg,#0000 0 12%,#ffffff06 12.1%,#0000 12.25%),linear-gradient(#0000,#000c);position:absolute;inset:0}.arena-glow{z-index:0;filter:blur(70px);background:#1ebbf126;border-radius:50%;width:24rem;height:24rem;position:absolute;top:-5rem;left:50%;transform:translate(-50%)}.court-lines{z-index:2;perspective:300px;opacity:.35;position:absolute;inset:25% 3% 0}.court-line{background:linear-gradient(to bottom, transparent, var(--cyan));transform-origin:top;width:1px;position:absolute;top:0;bottom:0}.court-line--left{left:28%;transform:rotate(16deg)}.court-line--right{right:28%;transform:rotate(-16deg)}.court-line--back{background:linear-gradient(90deg, transparent, var(--cyan), transparent);width:82%;height:1px;top:auto;bottom:7%;left:9%;transform:none}.net-line{background:linear-gradient(90deg,#0000,#fffc,#0000);width:66%;height:1px;position:absolute;top:36%;left:17%;box-shadow:0 5px #ffffff26,0 10px #ffffff14}.opponent{z-index:6;top:var(--opponent-y,5%);left:var(--opponent-x,38%);width:min(64%,18rem);height:50%;transform:translateX(-50%) scale(var(--opponent-scale,.76));transform-origin:50% 72%;will-change:left, top, transform;transition:left .18s cubic-bezier(.2,.75,.25,1),top .18s cubic-bezier(.2,.75,.25,1),transform .18s cubic-bezier(.2,.75,.25,1),filter .14s;position:absolute}.opponent-sprite{background-image:var(--opponent-sprite-image);filter:saturate(1.25)contrast(1.12);will-change:background-position;background-position:0 0;background-repeat:no-repeat;background-size:300% 200%;display:block;position:absolute;inset:0}.opponent-shadow{filter:blur(9px);background:#000000e6;border-radius:50%;height:8%;position:absolute;bottom:-2%;left:18%;right:18%}.opponent.is-winding{animation:opponent-windup var(--windup-duration,1.1s) cubic-bezier(.22,.68,.24,1) both}.opponent.is-chasing{transform:translateX(-50%) translateY(4%) scale(var(--opponent-scale,.76));filter:brightness(.92)}.opponent.is-winding .opponent-sprite{animation:opponent-sprite-windup var(--windup-duration,1.1s) steps(1, end) both}.opponent.is-striking{animation:.24s cubic-bezier(.12,.88,.24,1) both opponent-strike}.opponent.is-striking .opponent-sprite{animation:.24s step-end both opponent-sprite-strike}.opponent.is-power .opponent-sprite{filter:saturate(1.45)contrast(1.18)drop-shadow(0 0 18px #ff622dcc)}.opponent.is-serving{transform:translateX(-50%) scale(var(--opponent-scale,.76));filter:brightness(.9)}.opponent.is-serving .opponent-sprite{background-position:0 0;animation:none}.trajectory-hint{z-index:31;pointer-events:none;opacity:0;mix-blend-mode:screen;width:100%;height:100%;animation:trajectory-peek var(--trajectory-duration) ease-out var(--trajectory-delay) both;position:absolute;inset:0;overflow:visible}.trajectory-hint line{vector-effect:non-scaling-stroke;stroke-linecap:round}.trajectory-hint__glow{stroke:#25d8ff47;stroke-width:10px;filter:blur(5px)}.trajectory-hint__line{stroke:#e8fbffeb;stroke-width:1.6px;filter:drop-shadow(0 0 3px #ffffffe6)drop-shadow(0 0 7px #25d8ffe6)}.opponent-attack-callout{z-index:38;color:#ff794e;letter-spacing:-.065em;white-space:nowrap;text-shadow:0 0 18px #ff4f25eb,0 0 44px #ff9a2d9e;pointer-events:none;font-size:clamp(1.4rem,5.5vw,2.25rem);font-style:italic;font-weight:950;line-height:1;animation:.26s cubic-bezier(.15,.9,.2,1.2) both verdict-pop;position:absolute;transform:translate(-50%,-50%)}.opponent-attack-callout--serve{color:var(--cyan);text-shadow:0 0 18px #25d8ffd1,0 0 40px #25d8ff6b}.opponent-attack-callout--push,.opponent-attack-callout--drive{color:#ffb04a;text-shadow:0 0 18px #ff9a2de0,0 0 42px #ff562c85;animation-duration:70ms}.opponent-attack-callout.is-centered-course{z-index:48;color:#ff8a57;letter-spacing:-.075em;text-align:center;text-shadow:0 0 18px #ff4f25,0 0 48px #ff9a2dc7,0 4px 18px #000000e0;width:100%;font-size:clamp(2.65rem,12vw,4.25rem);animation-duration:.12s}.opponent-hit-flash{z-index:34;pointer-events:none;border:.16rem solid #fff484eb;border-radius:50%;width:1.1rem;height:1.1rem;animation:.21s ease-out both opponent-contact;position:absolute;top:9.5%;left:51%;transform:translate(-50%,-50%);box-shadow:0 0 0 .55rem #caff3d29,0 0 24px #25d8ffd9}.shuttle{z-index:35;pointer-events:none;will-change:left, top, transform;filter:drop-shadow(0 0 8px #ddf8ff9e);width:3.35rem;height:3.35rem;position:absolute}.shuttle:after{z-index:-1;filter:blur(1.5px);content:"";background:linear-gradient(90deg,#ebfcffe6,#25d8ff59,#0000);border-radius:999px;width:6.75rem;height:.24rem;position:absolute;top:50%;left:64%;transform:translateY(-50%)}.return-shuttle{z-index:52;top:var(--return-start-y);left:var(--return-start-x);pointer-events:none;will-change:left, top, transform, opacity;filter:drop-shadow(0 0 9px #ebfcffd9)drop-shadow(0 0 18px #25d8ff6b);width:3.35rem;height:3.35rem;animation:shuttle-return var(--return-duration) cubic-bezier(.08,.68,.18,1) both;position:absolute}.return-shuttle:after{z-index:-1;filter:blur(2px);content:"";width:9rem;height:.34rem;animation:return-trail var(--return-duration) ease-out both;background:linear-gradient(90deg,#caff3db3,#25d8ff40,#0000);border-radius:999px;position:absolute;top:50%;left:65%;transform:translateY(-50%)}.return-shuttle--perfect{filter:drop-shadow(0 0 10px #fff06ff2)drop-shadow(0 0 24px #caff3db8)}.return-shuttle--perfect:after{background:linear-gradient(90deg,#fff06ff2,#caff3d6b,#0000);height:.42rem}.return-shuttle--frame{filter:drop-shadow(0 0 10px #ffae48e6)drop-shadow(0 0 20px #ff5c2d73)}.return-shuttle--frame:after{background:linear-gradient(90deg,#ffba4ce0,#ff582a52,#0000)}.contact-spark{z-index:45;border:.22rem solid var(--lime);pointer-events:none;border-radius:50%;width:2.5rem;height:2.5rem;animation:.48s ease-out both contact-pop;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 .75rem #caff3d1f,0 0 30px #caff3dbf}.contact-spark--frame{border-color:#ffb34f;box-shadow:0 0 0 .75rem #ffa6441f,0 0 30px #ff6834c7}.player-racket{z-index:32;top:calc(var(--racket-y,82%) - 11rem);left:calc(var(--racket-x,52%) + 7.55rem);transform-origin:50% calc(100% - .2rem);pointer-events:none;filter:drop-shadow(0 0 12px #25d8ff33);will-change:left, transform;width:8.4rem;height:20.2rem;transition:filter .14s;position:absolute;transform:rotate(-52deg)}.player-racket.swing{animation:.43s cubic-bezier(.16,.72,.18,1) both racket-swing}.game-screen[data-controls=touch] .player-racket{top:calc(var(--racket-y,82%) - 4rem);left:var(--racket-x,52%);transform-origin:50% 4rem;width:6.4rem;height:15rem;transform:translate(-50%)}.game-screen[data-controls=touch] .racket-head{width:6.4rem;height:8rem}.game-screen[data-controls=touch] .racket-shaft{height:4rem;top:7.7rem;left:3.1rem}.game-screen[data-controls=touch] .racket-grip{top:11.3rem;left:2.85rem}.game-screen[data-controls=touch] .player-racket.swing{animation:.18s ease-out both touch-hit}.game-screen[data-controls=touch]{min-height:0;padding-top:max(.6rem, env(safe-area-inset-top))}.game-screen[data-controls=touch] .game-hud{padding-inline:.65rem}@keyframes touch-hit{0%{filter:brightness(1.7)drop-shadow(0 0 14px #25d8ff)}to{filter:brightness()drop-shadow(0 0 6px #25d8ff)}}.player-racket.is-ready .racket-head{border-color:var(--lime);animation:.32s ease-in-out infinite alternate racket-ready;box-shadow:0 0 0 3px #caff3d33,0 0 34px #caff3d7a}.racket-head{background:repeating-linear-gradient(90deg,#0000 0 7px,#dcebf06b 7px 8px),repeating-linear-gradient(0deg,#0000 0 7px,#dcebf06b 7px 8px),#02090d38;border:.43rem solid #dfe9ee;border-radius:50%;width:8.4rem;height:10.5rem;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 0 2px #25d8ff4d,0 0 35px #25d8ff1f}.racket-shaft{background:#dfe9ee;border-radius:999px;width:.22rem;height:6.45rem;position:absolute;top:10.05rem;left:4.09rem;box-shadow:0 0 8px #25d8ff73}.racket-shaft:before{content:"";background:#dfe9ee;border-radius:999px;width:.48rem;height:.75rem;position:absolute;top:-.42rem;left:50%;transform:translate(-50%)}.racket-grip{background:repeating-linear-gradient(#b4ff2d 0 6px,#5a8408 6px 8px);border-radius:.35rem;width:1.05rem;height:3.85rem;position:absolute;top:16.35rem;left:3.68rem;box-shadow:0 0 0 2px #071016d1,0 0 10px #b4ff2d38}.swing-arc{z-index:31;top:calc(var(--racket-y,82%) - 15%);left:var(--racket-x,52%);filter:drop-shadow(0 0 9px #caff3da6);pointer-events:none;border-top:.3rem solid #caff3dd9;border-left:.16rem solid #25d8ff80;border-radius:50%;width:17rem;height:12rem;animation:.34s ease-out both swing-arc;position:absolute;transform:translate(-62%,-50%)rotate(-24deg)}.tap-ripple{z-index:40;color:#ffffff8c;letter-spacing:.15em;font-size:.72rem;font-weight:950;animation:.7s ease-in-out infinite tap-pulse;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.tap-ripple.is-hot{background:var(--lime);color:#111a05;border-radius:999px;padding:.4rem .65rem;animation:.26s ease-in-out infinite alternate hot-pulse;box-shadow:0 0 24px #caff3d80}.ready-copy{z-index:25;text-align:center;flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.ready-copy span{color:#ecf9ffe0;letter-spacing:-.06em;text-shadow:0 0 28px #25d8ff4d;font-size:clamp(2.2rem,11vw,3.5rem);font-style:italic;font-weight:950;animation:.6s ease-in-out infinite alternate ready-blink}.ready-copy small{color:#96a9b7;background:#02070ab8;border-radius:999px;margin-top:.65rem;padding:.5rem .8rem;font-size:.72rem}.return-length span{animation:.26s cubic-bezier(.15,.9,.2,1.2) both verdict-pop}.return-length--safe span{color:var(--lime);text-shadow:0 0 28px #caff3d73}.return-length--neutral span{color:var(--cyan);text-shadow:0 0 28px #25d8ff66}.return-length--danger span{color:#ff9c45;text-shadow:0 0 28px #ff68387a}.return-length.has-smash span{color:#ff794e;text-shadow:0 0 18px #ff4f25d9,0 0 42px #ff9a2d85}.return-length.has-smash small{color:#ffd4c4;border:1px solid #ff6f3d61}.return-length.has-frame span{color:#ffb34f;text-shadow:0 0 12px #ffc054c7,0 0 34px #ff5b2b66}.return-length.has-frame small{color:#ffe0ae;border:1px solid #ffb14d61}.return-length .rally-points{color:#8fa1ad;letter-spacing:0;background:#030a0ed1;border:1px solid #caff3d33;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;max-width:90%;margin-top:.55rem;padding:.36rem .6rem;font-size:.62rem;font-style:normal;font-weight:850;display:flex}.return-length .rally-points b{color:var(--lime);font-size:.92rem;font-weight:1000}.return-length .rally-points i{font-style:normal}.return-length .rally-points strong{color:var(--gold);font-size:.64rem}.verdict{z-index:50;text-align:center;flex-direction:column;align-items:center;width:100%;animation:.38s cubic-bezier(.15,.9,.2,1.25) both verdict-pop;display:flex;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.verdict--after-hit{animation-delay:.15s}.verdict span{letter-spacing:-.075em;text-shadow:0 0 36px;font-size:clamp(3rem,15vw,4.7rem);font-style:italic;font-weight:1000;line-height:.9}.verdict strong{color:#fff;margin-top:.75rem;font-size:1.5rem;font-weight:950}.verdict small{color:#b8c4cc;margin-top:.2rem;font-size:.75rem;font-weight:750}.verdict em{color:#8c9ba6;background:#00000057;border:1px solid #ffffff1f;border-radius:99px;margin-top:.45rem;padding:.22rem .48rem;font-size:.68rem;font-style:normal;font-weight:850}.timing-feedback{color:#e7eff3;background:#050c11e6;border:1px solid #9ecfe32e;border-radius:1rem;width:min(22rem,100% - 2.5rem);margin-top:.75rem;padding:.8rem .9rem;box-shadow:0 12px 35px #0000004d}.verdict .timing-feedback span{font-size:inherit;font-style:normal;font-weight:inherit;line-height:inherit;letter-spacing:normal;text-shadow:none}.feedback-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.feedback-heading b{font-size:.78rem;font-weight:900}.feedback-heading span{color:var(--lime);flex:none;font-size:.65rem;font-weight:900}.contact-map-wrap{text-align:left;background:#ffffff09;border-radius:.8rem;grid-template-columns:5.1rem 1fr;align-items:center;gap:.85rem;margin-top:.7rem;padding:.6rem;display:grid}.contact-map{aspect-ratio:1;background:linear-gradient(#87aebe24 1px,#0000 1px) 0 0/.58rem .58rem,linear-gradient(90deg,#87aebe24 1px,#0000 1px) 0 0/.58rem .58rem,radial-gradient(circle,#0c1f28f5,#040c11fa) 0 0/100% 100%;border:3px solid #b9d6e2;border-radius:50%;width:5.1rem;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #2ad5ff1c}.contact-map-center,.contact-map-ring,.contact-map-hit{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.contact-map-center{z-index:2;background:var(--lime);width:.52rem;height:.52rem;box-shadow:0 0 0 3px #caff3d3b, 0 0 12px var(--lime);border:2px solid #071016;top:50%;left:50%}.contact-map-ring{border:1px solid #caff3d59;top:50%;left:50%}.contact-map-ring--inner{width:42%;height:42%}.contact-map-ring--outer{border-color:#97c1d13d;width:74%;height:74%}.contact-map-hit{z-index:3;background:var(--cyan);border:2px solid #fff;width:.72rem;height:.72rem;box-shadow:0 0 0 3px #25d8ff47,0 0 12px #25d8ffe6}.contact-map-hit.is-miss{background:var(--red);box-shadow:0 0 0 3px #ff435b40,0 0 12px #ff435bcc}.contact-map-hit.is-frame{background:#ff9c45;box-shadow:0 0 0 3px #ff9c4547,0 0 14px #ff6f38e6}.contact-map-copy{flex-direction:column;gap:.28rem;min-width:0;display:flex}.verdict .contact-map-copy>span{color:#8fa2ad;align-items:center;gap:.38rem;font-size:.63rem;font-weight:800;display:flex}.legend-dot{border-radius:50%;width:.48rem;height:.48rem;display:inline-block}.legend-dot--target{background:var(--lime)}.legend-dot--impact{background:var(--cyan);border:1px solid #fff}.contact-map-copy strong{color:#fff;margin-top:.16rem;font-size:.7rem;line-height:1.35}.contact-map-copy strong b{color:var(--lime);margin-right:.18rem;font-size:1rem}.timing-track{background:linear-gradient(90deg, var(--orange), #314a5a 33%, var(--cyan) 50%, #314a5a 67%, var(--red));border-radius:999px;height:.48rem;margin-top:.75rem;position:relative}.timing-track .perfect-band{border:1px solid var(--lime);background:#caff3d47;border-radius:999px;width:14%;position:absolute;top:-.14rem;bottom:-.14rem;left:43%;box-shadow:0 0 12px #caff3d59}.timing-track i{background:#fff;border:2px solid #071016;border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff59,0 2px 8px #00000080}.timing-labels{color:#637581;justify-content:space-between;margin-top:.35rem;font-size:.58rem;font-weight:800;display:flex}.timing-labels b{color:var(--lime)}.timing-feedback p{color:#d6e1e7;margin:.55rem 0 0;font-size:.72rem;font-weight:850}.verdict--gold{color:var(--gold)}.verdict--cyan{color:var(--cyan)}.verdict--green{color:var(--green)}.verdict--orange{color:var(--orange)}.verdict--red{color:var(--red)}.impact-burst{z-index:-1;opacity:.12;filter:blur(22px);background:currentColor;border-radius:50%;width:12rem;height:12rem;animation:.45s ease-out both burst;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.game-footer{z-index:40;padding:.75rem 1.25rem calc(.2rem + env(safe-area-inset-bottom));background:linear-gradient(#0000,#030609 40%);grid-template-columns:4rem 1fr 3.2rem;align-items:center;display:grid;position:relative}.game-footer div{flex-direction:column;display:flex}.game-footer strong{color:var(--lime);font-size:1.15rem}.game-footer p{color:#8293a0;text-align:center;margin:0;font-size:.72rem;font-weight:700}.game-footer button{border:1px solid var(--line);color:#8da0ae;cursor:pointer;background:#0b141d;border-radius:50%;justify-self:end;width:2.5rem;height:2.5rem;font-size:.7rem;font-weight:900}.break-screen{flex-direction:column;justify-content:center;gap:1.15rem;display:flex}.break-screen>.brand{top:max(1.25rem, env(safe-area-inset-top));position:absolute}.half-result{text-align:center}.half-result>span{color:var(--cyan);letter-spacing:.16em;font-size:.7rem;font-weight:950}.half-result h2{letter-spacing:-.05em;margin:.35rem 0 .25rem;font-size:2rem}.half-result p{color:#8193a1;margin:0;font-size:.84rem}.half-result p strong{color:var(--lime)}.prototype-note{color:#5d6e7a;text-align:center;font-size:.67rem}.result-screen{padding-bottom:2rem;position:relative}.result-screen:before{z-index:-1;content:"";background:radial-gradient(circle,#25d8ff26,#0000 66%);border-radius:50%;width:26rem;height:26rem;position:absolute;top:5rem;left:50%;transform:translate(-50%)}.result-heading{text-align:center;margin-top:2.4rem}.result-heading>p{color:#99aab7;margin:0;font-size:.84rem;font-weight:700}.grade-lockup{justify-content:center;align-items:flex-end;margin:.25rem 0 0;padding:.2rem 1.25rem .35rem;line-height:1.08;display:flex;overflow:visible}.grade-lockup strong{background:linear-gradient(160deg, #fff 15%, var(--cyan) 65%, #1683b0);-webkit-text-fill-color:transparent;color:#0000;letter-spacing:-.08em;white-space:nowrap;filter:drop-shadow(0 0 25px #25d8ff40);-webkit-background-clip:text;background-clip:text;margin:-.1em -.14em -.14em;padding:.1em .22em .14em .14em;font-size:clamp(6rem,30vw,9rem);font-style:italic;font-weight:1000;line-height:1.08;display:inline-block}.grade-lockup span{color:#a7b7c2;margin:0 0 1rem .45rem;font-size:1.1rem;font-weight:900}.result-heading h1{letter-spacing:-.045em;margin:-.35rem 0 0;font-size:1.55rem;font-weight:950}.result-heading small{color:var(--cyan-soft);background:#25d8ff1a;border-radius:999px;margin-top:.55rem;padding:.38rem .7rem;font-size:.7rem;font-weight:850;display:inline-block}.result-card{background:linear-gradient(145deg,#111f2bf5,#070d13f5);border:1px solid #93cfe829;border-radius:1.55rem;margin-top:1.7rem;padding:1.3rem;box-shadow:0 24px 70px #00000040}.max-speed{border-bottom:1px solid var(--line);align-items:baseline;padding-bottom:1rem;display:flex}.max-speed span{color:#8fa0ad;margin-right:auto;font-size:.78rem;font-weight:700}.max-speed strong{color:var(--lime);letter-spacing:-.065em;font-size:2.25rem;font-weight:1000}.max-speed em{color:#87a016;margin-left:.25rem;font-size:.7rem;font-style:normal;font-weight:900}.stat-grid{grid-template-columns:1fr 1fr;gap:1rem 1.2rem;padding:1.1rem 0;display:grid}.stat-grid div{justify-content:space-between;align-items:center;display:flex}.stat-grid span{color:#70818e;font-size:.72rem;font-weight:700}.stat-grid strong{color:#e5edf2;font-size:.82rem;font-weight:900}.result-track{grid-template-columns:repeat(10,1fr);gap:.34rem;display:grid}.result-track span{background:#202d36;border-radius:99px;height:.42rem}.result-track span.success{background:var(--green)}.result-track span.success.great{background:var(--cyan)}.result-track span.success.perfect{background:var(--gold);box-shadow:0 0 9px #ffd84c66}.result-track span.success.frame{background:#ff9c45;box-shadow:0 0 8px #ff6f3859}.result-track span.failed{background:#55202b}.challenge-outcome{text-align:center;background:#ff8b3712;border:1px solid #ff8b3747;border-radius:1rem;margin-top:.9rem;padding:.9rem}.challenge-outcome.is-win{background:linear-gradient(135deg,#caff3d21,#25d8ff0f);border-color:#caff3d61;box-shadow:0 0 28px #caff3d14}.challenge-outcome.is-tie{background:#25d8ff12;border-color:#25d8ff4d}.challenge-outcome>span{color:var(--cyan);letter-spacing:.14em;font-size:.68rem;font-weight:950}.challenge-outcome strong{color:#f3f8fb;margin-top:.2rem;font-size:1.2rem;font-weight:950;display:block}.challenge-outcome.is-win strong{color:var(--lime)}.challenge-outcome p{color:#92a4b0;margin:.3rem 0 0;font-size:.78rem;line-height:1.45}.near-miss{border:1px solid var(--line);background:#ffffff06;border-radius:1rem;align-items:center;gap:.9rem;margin:.9rem 0 1.1rem;padding:.8rem .9rem;display:flex}.near-miss>span{color:var(--lime);background:#caff3d1f;border-radius:.45rem;flex:none;padding:.32rem .45rem;font-size:.65rem;font-weight:900}.near-miss p{color:#8495a2;margin:0;font-size:.76rem}.near-miss strong{color:#dce7ed}.result-actions{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.share-button{color:#191600;background:#fee500;grid-column:1/-1;justify-content:center;align-items:center;gap:.55rem;padding:0 1rem;font-size:.92rem;display:flex}.kakao-icon{object-fit:contain;flex-shrink:0;width:1.75rem;height:1.75rem;display:block}.retry-button{border:1px solid var(--line);color:#dbe5eb;background:#101a23;padding:0 1rem;font-size:.85rem}.result-screen .ad-slot{margin-top:1rem}.result-disclaimer{color:#53636f;text-align:center;margin:.75rem 0 0;font-size:.65rem;line-height:1.5}.toast{z-index:100;bottom:calc(1.2rem + env(safe-area-inset-bottom));color:#eaf3f7;background:#101b24f0;border:1px solid #ffffff1f;border-radius:999px;width:max-content;max-width:calc(100% - 2rem);padding:.7rem 1rem;font-size:.78rem;font-weight:750;animation:.26s ease-out both toast-in;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000059}@keyframes athlete-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes shuttle-pulse{0%,to{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.05)}}@keyframes trajectory-peek{0%{opacity:0}24%{opacity:.28}72%{opacity:.58}to{opacity:.2}}@keyframes tutorial-shuttle{0%,to{opacity:.72;transform:translateY(-.3rem)rotate(-90deg)scale(.88)}50%{opacity:1;transform:translateY(2.7rem)rotate(-90deg)scale(1.08)}}@keyframes opponent-windup{0%,42%{transform:translateX(-50%) translateY(10%) scale(var(--opponent-scale,.76));filter:brightness(.72)}58%{transform:translateX(-50%) translateY(5%) scale(var(--opponent-scale,.76));filter:brightness(.84)}74%{transform:translateX(-50%) translateY(-2%) scale(var(--opponent-scale,.76));filter:brightness(.94)}to{transform:translateX(-50%) translateY(-9%) scale(var(--opponent-scale,.76));filter:brightness(1.08)}}@keyframes opponent-strike{0%{transform:translateX(-50%) translateY(-9%) scale(var(--opponent-scale,.76));filter:brightness(1.45)}34%{transform:translateX(-50%) translateY(-8%) scale(var(--opponent-scale,.76));filter:brightness(1.28)}to{transform:translateX(-50%) translateY(4%) scale(var(--opponent-scale,.76));filter:brightness(.88)}}@keyframes opponent-sprite-windup{0%,42%{background-position:0 0}43%,58%{background-position:50% 0}59%,74%{background-position:100% 0}75%,to{background-position:0 100%}}@keyframes opponent-sprite-strike{0%,34%{background-position:50% 100%}35%,to{background-position:100% 100%}}@keyframes opponent-contact{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}58%{opacity:.95;transform:translate(-50%,-50%)scale(1.25)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes racket-swing{0%{transform:rotate(-52deg)}18%{transform:rotate(-38deg)}52%{transform:rotate(2deg)}68%{transform:rotate(12deg)}to{transform:rotate(-52deg)}}@keyframes racket-ready{0%{filter:brightness()}to{filter:brightness(1.45)}}@keyframes swing-arc{0%{opacity:0;clip-path:inset(0 0 0 100%)}22%{opacity:1;clip-path:inset(0 0 0 42%)}65%{opacity:.75;clip-path:inset(0)}to{opacity:0;clip-path:inset(0 72% 0 0)}}@keyframes hot-pulse{0%{opacity:.8;transform:translate(-50%)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1.08)}}@keyframes tap-pulse{0%,to{opacity:.25;transform:translate(-50%)scale(.94)}50%{opacity:.85;transform:translate(-50%)scale(1)}}@keyframes ready-blink{0%{opacity:.55;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}@keyframes verdict-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes burst{0%{opacity:.55;transform:translate(-50%,-50%)scale(.1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes contact-pop{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}65%{opacity:.8;transform:translate(-50%,-50%)scale(1.15)}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}@keyframes shuttle-return{0%{top:var(--return-start-y);left:var(--return-start-x);transform:translate(-50%, -50%) rotate(-90deg) scale(var(--return-start-scale));opacity:1}18%{top:var(--return-flip-y);left:var(--return-flip-x);transform:translate(-50%, -50%) rotate(var(--return-heading)) scale(var(--return-flip-scale));opacity:1}54%{top:var(--return-mid-y);left:var(--return-mid-x);transform:translate(-50%, -50%) rotate(var(--return-heading)) scale(var(--return-mid-scale,.78));opacity:.96}to{top:var(--return-end-y);left:var(--return-end-x);transform:translate(-50%, -50%) rotate(var(--return-heading)) scale(var(--return-end-scale,.2));opacity:.12}}@keyframes return-trail{0%{opacity:0;transform:translateY(-50%)scaleX(.2)}18%{opacity:.95;transform:translateY(-50%)scaleX(1)}82%{opacity:.55;transform:translateY(-50%)scaleX(.82)}to{opacity:.08;transform:translateY(-50%)scaleX(.42)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (width>=40rem){.site-shell{place-items:center;padding:1.5rem;display:grid}.screen{background:#04090dbd;border:1px solid #9ed7ee1f;border-radius:2rem;min-height:min(52rem,100svh - 3rem);box-shadow:0 32px 100px #00000073}.game-screen{height:min(52rem,100svh - 3rem)}}@media (height<=44rem){.landing-copy{margin-top:14rem}.landing-art{height:50%}.intro{margin-top:.6rem}.fact-row{margin:.7rem 0 .85rem}.daily-note{margin-bottom:.6rem}.ad-slot--compact{min-height:4.5rem}.result-heading{margin-top:1.2rem}.grade-lockup strong{font-size:5.2rem}.result-card{margin-top:1rem}.tutorial-screen{gap:.65rem}.tutorial-copy{margin-top:0}.tutorial-copy>p:last-child{margin-top:.45rem;font-size:.78rem}.tutorial-visual{min-height:10.5rem}.tutorial-racket-head{bottom:-4.9rem}.timing-examples>div{padding:.52rem .35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}