@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap");:root{--ink:#193e34;--muted:#7f8b7f;--paper:#f4f3eb;--lime:#dcef8c;--line:#dce1d5;--font:"Manrope","Noto Sans KR",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #84ab3c;outline-offset:4px}button:disabled{cursor:default}a{color:inherit;text-decoration:none}.app{min-height:100svh;background:radial-gradient(ellipse at 0 70%,#e7ebdf66,transparent 45%)}.topbar{height:83px;max-width:1440px;margin:auto;padding:0 5%;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:9px;font-size:19px;font-weight:800;letter-spacing:-.8px}.brand-ball{display:flex}.brand-light{font-weight:500}.brand i{font-size:8px;font-style:normal;letter-spacing:2px;display:block;margin-top:1px}.top-actions{display:flex;align-items:center;gap:8px}.season{font-size:9px;letter-spacing:1px;font-weight:700;margin-right:24px;color:#748477;text-align:right;line-height:1.35}.season:hover{color:#244c32;text-decoration:underline}.icon-button{width:44px;height:44px;border:1px solid #dce2d5;border-radius:50%;background:transparent;display:grid;place-items:center}.icon-button:hover{background:#e8eddf}.settings-toggle{font-size:18px;letter-spacing:1px}.workspace{max-width:1330px;margin:36px auto 30px;display:grid;grid-template-columns:minmax(210px,1fr) minmax(380px,500px) minmax(190px,.82fr);gap:52px;padding:0 5%;align-items:center}.editorial{align-self:center}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:7px}.eyebrow>span{width:6px;height:6px;background:#6c9053;border-radius:50%}.editorial h1{font-size:clamp(29px,2.8vw,41px);line-height:1.48;letter-spacing:-2.3px;font-weight:800;margin:25px 0 18px;white-space:nowrap}.editorial h1 em{font-style:normal;position:relative;z-index:1}.editorial h1 em:after{content:"";height:10px;background:#dce99c;position:absolute;left:0;right:0;bottom:3px;z-index:-1}.editorial>p,.field-notes>p{font-size:12px;line-height:2.05;color:#788779;letter-spacing:-.2px}.editorial-line{height:1px;background:#d8dece;width:48px;margin:32px 0}.editorial-bottom{display:flex;align-items:center;gap:34px;font-size:11px;line-height:1.6;letter-spacing:1px;font-weight:700}.outline-ball{color:#91a47e;transform:rotate(-25deg)}.edition{display:block;font-size:8px;color:#939c8e;letter-spacing:1.6px;margin-top:47px}.game-card{border-radius:20px;background:#fffef8;box-shadow:0 20px 55px #1b3c2420,0 1px 2px #1b3c2420}.court-wrap,.game-card{overflow:hidden;position:relative}.court-wrap{height:440px;background:#235745}.court-wrap canvas{display:block;width:100%;height:100%}.court-top{position:absolute;top:18px;left:21px;right:21px;justify-content:space-between;color:#dbe8cd}.court-tag,.court-top{display:flex;align-items:center}.court-tag{font-size:8px;font-weight:600;letter-spacing:1.5px;gap:6px}.court-tag>span{width:5px;height:5px;background:#d4e781;border-radius:50%}.court-weather{font-size:14px;display:flex;gap:5px;align-items:center}.court-weather span{font-size:6px;letter-spacing:.7px;opacity:.6}.home-title{position:absolute;top:62px;left:0;width:100%;text-align:center;color:#f7f5e5}.pill{border:1px solid #c8d7ae40;border-radius:30px;padding:5px 11px;font-size:9px;background:#123e3433}.home-title h2{font-weight:900;font-size:47px;margin:12px 0 6px;letter-spacing:-3px;line-height:1.25;text-shadow:0 2px 20px #123e3420}.home-title h2>span{color:#d8ee83}.home-title p{font-size:10px;color:#cbdcc4;letter-spacing:.3px;margin:0}.court-caption{position:absolute;right:10%;bottom:25%;font-size:7px;letter-spacing:1.3px;color:#e1edac;display:flex;gap:6px;align-items:center}.caption-line{width:18px;height:1px;background:#dce88d;transform:rotate(-30deg)}.control-panel{padding:22px 24px 16px}.intro-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.tiny-label{font-size:7px;letter-spacing:1.7px;font-weight:800;color:#82907e}.intro-row h3{font-size:15px;letter-spacing:-.5px;margin:6px 0 0;font-weight:700}.time-chip{font-size:9px;padding:6px 9px;background:#eff1e7;color:#77846f;border-radius:20px;white-space:nowrap}.primary{background:var(--lime);width:100%;border-radius:10px;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:800;transition:background .15s,transform .15s;min-height:54px}.primary:hover{background:#d1e77b}.primary:active{transform:scale(.985)}.control-bottom{justify-content:space-between;gap:9px;margin-top:11px;min-height:30px}.control-bottom,.text-button{display:flex;align-items:center}.text-button{justify-content:center;gap:6px;background:transparent;font-size:10px;color:#71816e;padding:8px 0;min-height:36px}.text-button:hover{color:#244c32}.best{font-size:9px;color:#85907c;display:flex;align-items:center;gap:5px}.best b{color:#3d553a;font-size:11px;margin-left:2px}.field-notes{padding-left:4px}.field-notes h3{font-size:22px;letter-spacing:-1px;margin:16px 0 12px}.field-notes>p{font-size:11px}.timing-illustration{height:78px;margin:28px 0 27px;position:relative;border-bottom:1px solid #d9dfd0;max-width:172px}.orbit{width:148px;height:52px;border:1px dashed #b7c6a7;transform:rotate(-12deg);left:0;top:-6px}.mini-ball,.orbit{position:absolute;border-radius:50%}.mini-ball{width:23px;height:23px;background:#c9dc74;left:105px;top:-8px;box-shadow:0 8px 12px #87944325}.mini-ball:after{content:"";position:absolute;inset:3px 6px;border-left:1px solid #f6fae1;border-right:1px solid #f6fae1;border-radius:50%;transform:rotate(35deg)}.timing-tick{position:absolute;height:26px;width:1px;background:#95a97e;left:117px;top:20px}.timing-illustration small{position:absolute;left:86px;top:53px;font-size:6px;letter-spacing:1px;color:#83996a}.note-step{display:flex;gap:13px;margin:23px 0}.note-step>b{font-size:9px;color:#8ea17c;font-weight:600;padding-top:3px}.note-step strong{font-size:11px;font-weight:700}.note-step p{font-size:9px;color:#8a9584;margin:6px 0 0;white-space:nowrap}.note-footer{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:24px;margin-top:29px;color:#8a9b7e}.note-footer span{line-height:1.7}.note-footer span,.page-footer{font-size:7px;letter-spacing:1.2px}.page-footer{max-width:1200px;margin:auto;padding:0 4% 22px;display:flex;justify-content:space-between;gap:10px;color:#98a18f}.page-footer span:nth-child(2){letter-spacing:0;font-size:8px}.scoreboard{position:absolute;top:54px;left:25px;right:25px;display:grid;grid-template-columns:1fr 1fr 1fr;color:#eff4df;align-items:center}.scoreboard small{display:block;font-size:8px;letter-spacing:1.1px;color:#b5ceb3;margin-bottom:4px}.scoreboard strong{font-size:24px;font-weight:600;letter-spacing:-1px}.scoreboard strong span{font-size:10px;color:#a2bda2;letter-spacing:0}.score-main{text-align:center}.score-main strong{font-size:33px;line-height:1.1}.combo-stat{text-align:right}.combo-stat strong{color:#e5f19c}.progress-dots{position:absolute;top:117px;left:25px;right:25px;display:flex;gap:4px;justify-content:center}.progress-dots>span{height:3px;flex:1;max-width:26px;background:#c5d7b62a;border-radius:4px}.progress-dots .current{background:#d8e68a88}.progress-dots .hit{background:#daed82}.progress-dots .missed{background:#bd9477}.play-instruction{top:148px;font-size:11px;color:#e2eacb;text-shadow:0 2px 10px #143c2f}.feedback,.play-instruction{position:absolute;width:100%;text-align:center}.feedback{top:146px;left:0;color:#ecf8b8;animation:feedback-in .22s ease-out}.feedback>span{display:block;font-size:8px;letter-spacing:2px;font-weight:800}.feedback strong{display:block;font-size:25px;letter-spacing:-1px;margin:5px 0}.feedback small{font-size:8px;letter-spacing:1px}.feedback-early,.feedback-late,.feedback-miss,.feedback-no_input{color:#f0d7b1}.countdown{position:absolute;inset:130px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#123e3422;color:#f1f4d2}.countdown span{font-size:12px;letter-spacing:1px}.countdown strong{font-size:78px;font-weight:500;line-height:1.5}.swing-label{display:flex;justify-content:space-between;font-size:10px;color:#798775;margin-bottom:12px}.swing-label>span:last-child{font-size:7px;letter-spacing:1.5px}.swing-button{touch-action:none;user-select:none;width:100%;height:88px;background:var(--lime);border-radius:12px;display:flex;align-items:center;padding:0 20px;gap:14px;text-align:left;transition:background .12s;box-shadow:inset 0 -4px 0 #b8ce7190}.swing-button>span:nth-child(2){font-size:22px;font-weight:800;letter-spacing:-.7px}.swing-button small{display:block;font-size:7px;font-weight:600;letter-spacing:2px;margin-top:3px}.swing-symbol{display:grid;place-items:center;width:44px;height:44px;border:1px solid #8fa34f55;border-radius:50%}.key-hint{margin-left:auto;border:1px solid #9bb65e66;border-radius:5px;font-size:8px!important;font-weight:500!important;padding:5px 8px}.swing-button.swung{background:#dfe7c9;box-shadow:inset 0 -2px 0 #bac7a9;color:#78906a}.swing-button:disabled:not(.swung){opacity:.6}.swing-footnote{display:flex;justify-content:space-between;font-size:8px;color:#8b9683;margin-top:13px}.swing-footnote>span:last-child{color:#7e9465;font-size:7px}.modal-scrim{position:absolute;inset:0;background:#11392ed9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:5;padding:28px}.pause-dialog{width:100%;max-width:320px;color:#f1f3df;text-align:center}.pause-dialog .eyebrow{justify-content:center;color:#ccde9c}.pause-dialog h2{font-size:24px;margin:17px 0 8px;letter-spacing:-1px}.pause-dialog p{font-size:11px;color:#b7cbb0;margin-bottom:22px}.setting-row{background:transparent;border-bottom:1px solid #7b9e7344;display:flex;justify-content:space-between;width:100%;padding:12px 0;font-size:12px;color:#e5efd3}.setting-row b{font-size:10px;color:#dcef8c}.pause-dialog .primary{margin-top:20px;color:#193e34}.pause-dialog .text-button{margin:8px auto 0;color:#cbdbbf}.result-layer{position:absolute;inset:0;padding:32px 25px 20px;background:#174837f5;color:#f2f3df;display:flex;align-items:center;flex-direction:column;overflow:auto;scrollbar-width:thin}.result-icon{width:57px;height:57px;min-height:57px;border-radius:50%;background:#d9ed8e19;color:#d9ed8e;display:grid;place-items:center;margin:5px 0 20px}.result-layer .eyebrow{color:#b6cc9b;font-size:7px;letter-spacing:1.6px}.result-layer h2{font-size:24px;letter-spacing:-1px;margin:11px 0 4px}.result-score{font-size:62px;letter-spacing:-3px;font-weight:600;color:#e5f3a6}.result-score>small{font-size:13px;letter-spacing:0;color:#91b08d;margin-left:8px}.result-stats{display:flex;width:85%;justify-content:center;margin:16px 0 13px}.result-stats>div{width:50%;text-align:center}.result-stats>div+div{border-left:1px solid #9fb58c33}.result-stats strong{font-size:24px;font-weight:600}.result-stats small{font-size:10px;color:#a0bc95}.result-stats span{display:block;font-size:10px;color:#b1c5a6;margin-top:5px}.result-layer>p{font-size:10px;color:#b9cbae;line-height:1.7;text-align:center}.detail-toggle{background:none;color:#baceaa;font-size:9px;padding:10px;min-height:36px}.judgment-details{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px;padding:15px;background:#0d352c66;border-radius:8px}.judgment-details span{font-size:10px;display:flex;justify-content:space-between;gap:8px;color:#c9dbbc}.notice{font-size:10px;line-height:1.5;margin-top:9px;color:#63744e;user-select:text}.mode-practiceDone .control-panel,.mode-results .control-panel{padding-top:21px}.mode-paused .control-panel,.mode-playing .control-panel{padding-top:17px;padding-bottom:18px}@keyframes feedback-in{0%{opacity:0;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none}}@media(min-width:1450px){.workspace{margin-top:45px;gap:64px}.court-wrap{height:480px}}@media(max-width:1100px){.workspace{gap:30px;padding:0 4%;grid-template-columns:1fr minmax(350px,470px)}.field-notes{display:none}.editorial h1{font-size:35px}.topbar{padding:0 4%}.page-footer{padding-left:4%;padding-right:4%}}@media(max-width:720px){.app{min-height:100svh}.topbar{height:64px;padding:0 20px}.brand{font-size:16px}.brand i{font-size:6px}.brand-ball svg{width:22px}.icon-button{width:40px;height:40px}.editorial,.page-footer{display:none}.season{margin-right:2px;font-size:8px;letter-spacing:.3px;max-width:92px}.workspace{display:block;max-width:480px;margin:20px auto;padding:0 16px}.court-wrap{height:430px}.game-card{border-radius:17px}.court-weather span{display:none}.control-panel{padding:20px}.key-hint{display:none}.swing-button{height:100px;justify-content:center;text-align:left}.swing-button>span:nth-child(2){min-width:110px}.home-title h2{font-size:46px}.control-bottom{margin-top:10px}.intro-row h3{font-size:15px}.tiny-label{font-size:6px}.text-button{font-size:11px;min-height:40px}.best{font-size:10px}.top-actions{gap:7px}.time-chip{font-size:9px}.page-footer{display:none}.court-caption{right:7%}}@media(max-width:480px){.app{height:100dvh;min-height:560px;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}.topbar{flex:0 0 58px;width:100%;padding:0 18px;border-bottom:0}.workspace{flex:1;min-height:0;margin:0;padding:0 10px calc(10px + env(safe-area-inset-bottom));max-width:none}.game-card,.workspace{display:flex;width:100%}.game-card{flex-direction:column;border-radius:16px;box-shadow:0 5px 25px #173b2514}.court-wrap{height:auto;flex:1;min-height:300px}.control-panel{flex-shrink:0;padding:17px 18px 10px}.intro-row{margin-bottom:13px}.primary{min-height:55px}.home-title{top:62px}.home-title h2{font-size:43px}.court-top{left:18px;right:18px;top:17px}.control-bottom{margin-top:7px}.scoreboard{top:48px;left:22px;right:22px}.progress-dots{top:108px;left:22px;right:22px}.feedback,.play-instruction{top:132px}.feedback strong{font-size:23px}.swing-button{height:95px}.mode-paused .control-panel,.mode-playing .control-panel{padding-bottom:14px}.result-layer{padding:24px 20px 12px}.result-icon{margin:0 0 15px}.result-score{font-size:59px}.result-stats{margin:11px 0}.mode-practiceDone .control-panel,.mode-results .control-panel{padding-top:15px}.result-layer>p{margin:8px 0}.pause-dialog h2{font-size:22px}.modal-scrim{padding:20px}.pause-dialog p{margin-bottom:10px}.pause-dialog .primary{margin-top:15px}}@media(max-width:480px) and (max-height:700px){.topbar{flex-basis:52px}.home-title{top:51px}.home-title h2{font-size:37px;margin:9px 0 5px}.home-title p{font-size:9px}.home-title .pill{font-size:8px}.control-panel{padding:13px 16px 7px}.intro-row{margin-bottom:10px}.intro-row h3{font-size:13px}.swing-button{height:82px}.swing-footnote{margin-top:9px}.court-caption{font-size:6px;bottom:23%}.result-icon{width:39px;height:39px;min-height:39px;margin-bottom:10px}.result-icon svg{width:24px}.result-layer h2{font-size:21px}.result-score{font-size:46px}.result-stats{margin:8px 0}.result-layer{padding-top:17px}.result-layer>p{font-size:9px}.feedback strong,.result-stats strong{font-size:20px}.feedback{top:125px}.play-instruction{top:126px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}@media(max-width:480px){.workspace{align-items:stretch}.game-card{height:100%}.court-wrap canvas{position:absolute;inset:0;width:100%;height:100%}}@media(min-width:721px) and (max-height:850px){.topbar{height:68px}.workspace{margin-top:24px;margin-bottom:20px}.court-wrap{height:390px}.control-panel{padding-top:17px;padding-bottom:10px}.page-footer{padding-bottom:12px}}