@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");@font-face{font-family:GmarketSansBold;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff) format("woff");font-weight:700;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f6f4ee;--surface:#ffffff;--ink:#121512;--muted:#636a63;--accent:#ff4d00;--accent-soft:#ffe3d5;--accent-deep:#c93e00;--ok:#0b7a44;--bad:#d6193c;--border:#e4e0d5;--press:#f1eee6;--ui:390px}body,html{background:var(--bg);color:var(--ink);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;-webkit-tap-highlight-color:transparent}.screen{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:calc(16px + env(safe-area-inset-top, 0px)) calc(16px + env(safe-area-inset-right, 0px)) calc(16px + env(safe-area-inset-bottom, 0px)) calc(16px + env(safe-area-inset-left, 0px));gap:14px}.hero{padding:30px 4px 10px}.hero-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink);border:1px solid var(--ink);border-radius:6px;padding:4px 8px;margin-bottom:16px}.hero h1{font-family:GmarketSansBold,Pretendard Variable,sans-serif;font-size:clamp(38px,10vw,50px);line-height:1.08;letter-spacing:-.01em}.hero h1 .dot{color:var(--accent)}.hero-sub{margin-top:12px;color:var(--muted);font-size:15px;line-height:1.5}.rule-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}.rule-card h2{font-size:17px;font-weight:700;letter-spacing:-.01em;margin-bottom:14px}.rule{display:flex;align-items:baseline;gap:12px;padding:9px 0;font-size:15px;line-height:1.55}.rule p b{font-weight:800}.rule-num{font-family:GmarketSansBold,sans-serif;font-size:20px;color:var(--accent);flex-shrink:0;width:34px}.court-home{gap:18px}.court-home,.green-screen{background:#2e7d54;box-shadow:0 0 0 100vmax #2e7d54;-webkit-clip-path:inset(0 -100vmax);clip-path:inset(0 -100vmax)}.green-screen .topbar{border-bottom-color:rgba(246,244,238,.28)}.green-screen .backlink{background:rgba(246,244,238,.16);color:#f6f4ee}.green-screen .topbar-title{color:rgba(246,244,238,.9)}.home-art{margin:-16px calc(-16px - env(safe-area-inset-right, 0px)) 0 calc(-16px - env(safe-area-inset-left, 0px));border-bottom:3px solid var(--accent)}.home-art img{display:block;width:100%;height:232px;object-fit:cover;object-position:center 42%}.court-home .hero{padding:2px 4px 6px}.court-home .hero-badge{color:#f6f4ee;border-color:rgba(246,244,238,.75)}.court-home .hero h1{color:#f6f4ee}.court-home .hero-sub{color:rgba(246,244,238,.78)}.court-home .section-label{color:rgba(246,244,238,.85)}.court-home .footer{color:rgba(246,244,238,.72)}.chapter{display:flex;flex-direction:column;gap:8px}.section-label{font-family:GmarketSansBold,sans-serif;font-size:12px;letter-spacing:.14em;color:var(--muted);padding-left:2px}.level-list{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.level-card{display:flex;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--border);transition:background .12s}.level-list>.level-card:last-child{border-bottom:none}a.level-card:active{background:var(--press)}.level-num{font-family:GmarketSansBold,sans-serif;width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;border:1.5px solid var(--ink);border-radius:8px}.level-num.cleared{background:var(--ink);color:var(--surface)}.level-card.locked{color:var(--muted)}.level-card.locked .level-num{border:1px solid var(--border);color:var(--muted)}.level-body{flex:1 1;min-width:0}.level-title{font-weight:700;font-size:15px;letter-spacing:-.01em}.level-card.locked .level-title{color:var(--muted)}.badge{flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.06em;border:1px solid var(--ink);border-radius:6px;padding:4px 8px;color:var(--ink)}.level-card.locked .badge{border-color:var(--border);color:var(--muted)}.badge-play{background:var(--accent-soft);border:none;color:var(--accent-deep)}.footer{text-align:center;color:var(--muted);font-size:13px;padding:20px 0 10px}.fp-idx{font-family:GmarketSansBold,sans-serif;font-size:11px;letter-spacing:.1em;color:var(--accent);flex-shrink:0;width:52px}.fps-rig{animation:rig-bob 3.4s ease-in-out infinite}@keyframes rig-bob{0%,to{translate:0 0}50%{translate:4px 8px}}.fp-banner{display:flex;align-items:center;gap:12px;background:var(--ink);color:#ffffff;border-radius:12px;padding:18px;text-decoration:none;transition:transform .12s}.fp-banner:active{transform:translateY(1px)}.fp-banner-body{flex:1 1;min-width:0}.fp-banner-title{font-family:GmarketSansBold,sans-serif;font-size:15px;line-height:1.35}.fp-banner-sub{margin-top:5px;font-size:13px;color:rgba(255,255,255,.65)}.fp-svg{border-radius:16px;max-height:54dvh}.target-ring{animation:ring-pulse .9s ease-in-out infinite}@keyframes ring-pulse{0%,to{opacity:1}50%{opacity:.45}}.dpad{display:grid;grid-template-columns:1fr 1.1fr 1fr;grid-template-areas:". up ." "left mid right" ". down .";grid-gap:8px;gap:8px}.dpad .dir-front{grid-area:up}.dpad .dir-back{grid-area:down}.dpad .dir-left{grid-area:left}.dpad .dir-right{grid-area:right}.dpad .dir-stay{grid-area:mid}.dpad .fp-choice{min-height:46px;padding:8px 6px;font-size:13.5px}.dir-glyph{color:var(--accent);font-weight:800;margin-right:5px}.fp-choice:disabled .dir-glyph{color:var(--muted)}.court-live{position:relative;display:flex;justify-content:center;min-height:0}.live-caption{left:50%;transform:translateX(-50%);background:rgba(18,21,18,.78);color:#ffffff;padding:8px 16px;border-radius:10px;font-weight:700;font-size:15px;white-space:nowrap;animation:rise .18s cubic-bezier(.2,0,0,1)}.live-caption,.minimap{position:absolute;top:12px}.minimap{right:12px}.game-screen{--stage-ar:0.78;--stage-w:min(100vw,calc(100dvh * var(--stage-ar)));--ui:clamp(320px,var(--stage-w),560px);position:fixed;top:0;bottom:0;left:0;right:0;width:min(100%,calc(100dvh * var(--stage-ar)));margin-inline:auto;overflow:hidden;background:#141c17;touch-action:none;box-shadow:0 0 0 100vmax #0a0e0b}@media (min-aspect-ratio:39/50){.game-screen{border-left:1px solid rgba(246,244,238,.09);border-right:1px solid rgba(246,244,238,.09)}}@media (orientation:landscape) and (max-height:480px) and (pointer:coarse){.game-screen:after{content:"폰을 세로로 돌리면 훨씬 편해요";position:fixed;left:8px;top:50%;transform:translateY(-50%);max-width:min(40vw,190px);padding:7px 11px;border-radius:10px;background:rgba(18,21,18,.72);color:rgba(246,244,238,.88);font-size:12px;font-weight:700;line-height:1.45;text-align:center;pointer-events:none}}.game-court{position:absolute;inset:0}.game-court .court-svg{display:block;width:100%;height:100%;max-height:none;border-radius:0}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--ui) * .026);padding:calc(env(safe-area-inset-top, 0px) + 10px) calc(var(--ui) * .036) calc(var(--ui) * .056);background:linear-gradient(rgba(18,21,18,.75),rgba(18,21,18,0));pointer-events:none}.hud-top>*{pointer-events:auto}.hud-back{display:flex;padding:4px;color:#f6f4ee}.hud-back svg{width:calc(var(--ui) * .056);height:auto}.hud-right{display:flex;align-items:center;gap:calc(var(--ui) * .021)}.hud-rally{font-family:GmarketSansBold,sans-serif;font-size:calc(var(--ui) * .036);color:#f6f4ee;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.game-screen .scoreboard{font-size:calc(var(--ui) * .051)}.game-screen .hud-title{font-size:calc(var(--ui) * .031)}.game-screen .vt-btn{font-size:calc(var(--ui) * .028);padding:calc(var(--ui) * .011) calc(var(--ui) * .021)}.game-screen .duel-opp{font-size:calc(var(--ui) * .033);max-width:calc(var(--ui) * .31)}.game-screen .minimap{width:calc(var(--ui) * .169);height:auto}.game-screen .live-caption{font-size:calc(var(--ui) * .039);padding:calc(var(--ui) * .021) calc(var(--ui) * .041)}.game-screen .combo-badge{font-size:calc(var(--ui) * .051)}.game-screen .pb-title{font-size:calc(var(--ui) * .087)}.game-screen .pb-score{font-size:calc(var(--ui) * .067)}.game-screen .pb-tip{font-size:calc(var(--ui) * .035)}.hud-top .sb-opp{color:#f6f4ee}.hud-top .vt-btn{background:rgba(246,244,238,.16);border-color:rgba(246,244,238,.65);color:#f6f4ee}.game-screen .minimap{top:calc(env(safe-area-inset-top, 0px) + var(--ui) * .164);right:calc(var(--ui) * .031)}.game-screen .live-caption{top:calc(env(safe-area-inset-top, 0px) + var(--ui) * .154);max-width:54%;white-space:normal;text-align:center}.game-screen .combo-badge{top:calc(env(safe-area-inset-top, 0px) + var(--ui) * .287)}.game-screen:has(.quiz-ask) .combo-badge{top:calc(env(safe-area-inset-top, 0px) + var(--ui) * .56);left:auto;right:calc(var(--ui) * .031);transform:none}@keyframes combo-pop-right{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}.game-screen:has(.quiz-ask) .combo-badge{animation-name:combo-pop-right}.game-screen .joystick{left:calc(var(--ui) * .056);bottom:calc(env(safe-area-inset-bottom, 0px) + var(--ui) * .067);width:calc(var(--ui) * .338);height:calc(var(--ui) * .338)}.game-screen .point-banner{border-radius:0}.hud-title{flex:1 1;text-align:center;font-size:12px;font-weight:700;letter-spacing:.1em;color:rgba(246,244,238,.9);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.quiz-ask{position:absolute;top:calc(env(safe-area-inset-top, 0px) + var(--ui) * .149);left:calc(var(--ui) * .031);right:calc(var(--ui) * .231);background:rgba(18,21,18,.74);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:12px;padding:calc(var(--ui) * .026) calc(var(--ui) * .031);animation:rise .2s cubic-bezier(.2,0,0,1)}.quiz-ask .situation{font-size:calc(var(--ui) * .036);line-height:1.5;color:#f6f4ee}.quiz-ask .hint{color:rgba(246,244,238,.68)}.quiz-ask .timerbar{background:rgba(246,244,238,.22)}.dpad-float{position:absolute;left:calc(var(--ui) * .031);right:calc(var(--ui) * .031);bottom:calc(env(safe-area-inset-bottom, 0px) + var(--ui) * .036);gap:calc(var(--ui) * .021)}.dpad-float .fp-choice{background:rgba(246,244,238,.88);border-color:rgba(18,21,18,.16);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);min-height:calc(var(--ui) * .118);font-size:calc(var(--ui) * .035)}.dpad-float .fp-choice:disabled{opacity:.72}.dpad-float .fp-choice.is-answer,.dpad-float .fp-choice.picked-wrong{opacity:1;background:rgba(255,255,255,.95)}.quiz-verdict{position:absolute;left:calc(var(--ui) * .026);right:calc(var(--ui) * .026);bottom:calc(env(safe-area-inset-bottom, 0px) + var(--ui) * .477);background:rgba(246,244,238,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.shot-dock{position:absolute;right:calc(var(--ui) * .036);bottom:calc(env(safe-area-inset-bottom, 0px) + var(--ui) * .056);display:flex;flex-direction:column;gap:calc(var(--ui) * .015);width:calc(var(--ui) * .267)}.sd-label{font-family:GmarketSansBold,sans-serif;font-size:calc(var(--ui) * .026);letter-spacing:.05em;color:#f6f4ee;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.75)}.shot-btn{position:relative;background:rgba(246,244,238,.85);border:1.5px solid rgba(18,21,18,.16);border-radius:11px;min-height:calc(var(--ui) * .097);padding:calc(var(--ui) * .013) calc(var(--ui) * .021) calc(var(--ui) * .013) calc(var(--ui) * .054);font-family:inherit;font-size:calc(var(--ui) * .033);font-weight:700;color:var(--ink);text-align:left;cursor:pointer;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .1s,border-color .1s,opacity .15s}.shot-btn .sb-key{position:absolute;top:50%;left:calc(var(--ui) * .021);transform:translateY(-50%);font-size:calc(var(--ui) * .023);font-weight:700;color:var(--muted)}.shot-btn.armed{background:var(--accent);border-color:#ffffff;color:#ffffff}.shot-btn.armed .sb-key{color:rgba(255,255,255,.85)}.shot-btn.off{opacity:.42}.shot-btn:active{transform:translateY(1px)}.scoreboard{font-family:GmarketSansBold,sans-serif;font-size:20px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 1px 5px rgba(0,0,0,.5)}.scoreboard b{color:var(--accent)}.sb-sep{margin:0 5px;color:var(--muted)}.sb-opp{color:var(--ink)}.combo-badge{position:absolute;top:58px;left:50%;transform:translateX(-50%);font-family:GmarketSansBold,sans-serif;font-size:20px;color:#ffd166;paint-order:stroke;-webkit-text-stroke:5px rgba(18,21,18,.75);white-space:nowrap;animation:combo-pop .4s cubic-bezier(.2,0,0,1);pointer-events:none}@keyframes combo-pop{0%{transform:translateX(-50%) scale(1.5);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}.point-banner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 24px;text-align:center;background:rgba(18,21,18,.58);border-radius:16px;animation:rise .2s cubic-bezier(.2,0,0,1)}.pb-title{font-family:GmarketSansBold,sans-serif;font-size:34px;color:var(--accent)}.point-banner.opp .pb-title{color:#ff8f8f}.pb-score{font-family:GmarketSansBold,sans-serif;font-size:26px;color:#ffffff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pb-tip{margin-top:6px;font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.88)}.joystick{position:absolute;left:18px;bottom:18px;width:124px;height:124px;border-radius:50%;border:2px dashed rgba(246,244,238,.55);background:rgba(18,21,18,.3);touch-action:none}.joy-knob{position:absolute;left:50%;top:50%;width:42%;height:42%;margin:-21% 0 0 -21%;border-radius:50%;background:#f6f4ee;border:3px solid #ff4d00}.fp-choice{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;min-height:52px;padding:10px 12px;font-family:inherit;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;transition:transform .1s,border-color .1s,opacity .15s}.fp-choice:disabled{cursor:default;opacity:.55}.fp-choice:not(:disabled):active{transform:translateY(1px);border-color:var(--ink);background:var(--press)}.fp-choice.is-answer{opacity:1;border:2.5px solid var(--ok);color:var(--ok)}.fp-choice.picked-wrong{opacity:1;border:2.5px solid var(--bad);color:var(--bad)}.fp-verdict{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--ok);border-radius:12px;padding:12px 14px;animation:rise .18s cubic-bezier(.2,0,0,1)}.fp-verdict.bad{border-left-color:var(--bad)}.fp-verdict .verdict{font-size:17px;flex:1 1}.fp-verdict.bad .verdict{color:var(--bad)}.fp-verdict-row{display:flex;align-items:center;gap:10px}.why-btn{background:transparent;border:1.5px solid var(--ink);border-radius:10px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:700;color:var(--ink);cursor:pointer}.why-btn:active{background:var(--press)}.btn-sm{min-height:42px;padding:0 18px;font-size:14px;margin-top:0}.fp-verdict .explanation{margin-top:10px;font-size:13.5px}.topbar{justify-content:space-between;gap:10px;height:44px;margin:-4px -4px 0;padding:0 4px;border-bottom:1px solid var(--border)}.backlink,.topbar{display:flex;align-items:center}.backlink{color:var(--ink);text-decoration:none;padding:6px}.topbar-title{flex:1 1;text-align:center;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.topbar-score{font-family:GmarketSansBold,sans-serif;font-size:14px;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.topbar-right{display:flex;align-items:center;gap:8px}.vt-btn{font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ink);background:var(--surface);border:1px solid var(--ink);border-radius:6px;padding:4px 8px;cursor:pointer}.vt-btn:active{background:var(--press)}.intro-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 22px;margin-top:9vh}.intro-index{font-family:GmarketSansBold,sans-serif;font-size:13px;letter-spacing:.12em;color:var(--accent);margin-bottom:10px}.intro-card h1{font-size:24px;letter-spacing:-.01em;line-height:1.3}.subtitle{margin-top:8px;color:var(--muted);font-size:14px}.concept{margin-top:18px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:14px;font-size:14px;line-height:1.7}.meta{margin-top:14px;font-size:13px;color:var(--muted);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:12px;min-height:54px;padding:0 24px;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;margin-top:20px;transition:transform .12s,filter .12s}.btn-primary{background:var(--accent);color:#ffffff}.btn-primary:active{transform:translateY(1px);filter:brightness(.94)}.btn-ghost{background:transparent;border:1.5px solid var(--ink);color:var(--ink)}.btn-ghost:active{background:var(--press)}.btn-row{display:flex;gap:10px;justify-content:center}.situation-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.situation{font-size:15.5px;font-weight:700;line-height:1.55;letter-spacing:-.01em}.q-mark{color:var(--accent);margin-right:6px;font-family:GmarketSansBold,sans-serif}.hint{margin-top:8px;font-size:13px;font-weight:500;color:var(--muted)}.timerbar{margin-top:12px;height:6px;border-radius:3px;background:var(--border);overflow:hidden}.timerbar-fill{height:100%;background:repeating-linear-gradient(45deg,#ff4d00 0 8px,#ff6a33 8px 16px);transform-origin:left;animation-name:shrink;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes shrink{0%{transform:scaleX(1)}65%{background:repeating-linear-gradient(45deg,#ff4d00 0 8px,#ff6a33 8px 16px)}66%{background:#d6193c}to{transform:scaleX(0);background:#d6193c}}.learn-screen{padding-bottom:40px}.level-list>button.level-card{width:100%;background:none;border-left:none;border-right:none;border-top:none;font-family:inherit;text-align:left;cursor:pointer}.learn-hero{padding:22px 4px 6px}.learn-hero h1{font-family:GmarketSansBold,Pretendard Variable,sans-serif;font-size:clamp(26px,7vw,34px);line-height:1.2;letter-spacing:-.01em}.learn-hero .hero-sub{margin-top:10px;font-size:14.5px}.learn-progress{margin-top:14px;font-family:GmarketSansBold,sans-serif;font-size:13px;color:var(--accent)}.learn-blurb{color:var(--muted);font-size:14.5px;line-height:1.6;padding:4px 2px 0}.lesson-meta{margin-top:3px;font-size:12.5px;line-height:1.45;color:var(--muted)}.lesson-dot{width:10px;height:10px;flex-shrink:0;border-radius:50%;margin-left:4px}.lt-concept{--lt:#0b7a44}.lt-rule{--lt:var(--accent)}.lt-pitfall{--lt:var(--bad)}.lt-drill{--lt:#4a6fb5}.lesson-dot{background:var(--lt)}.lesson{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px 20px}.lesson-kind{display:flex;align-items:center;gap:8px;font-family:GmarketSansBold,sans-serif;font-size:11px;letter-spacing:.12em;color:var(--lt)}.lesson-ingame{font-family:Pretendard Variable,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:0;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:2px 6px}.lesson h1{margin:8px 0 4px;font-family:GmarketSansBold,Pretendard Variable,sans-serif;font-size:21px;line-height:1.35;letter-spacing:-.01em}.lesson-body{font-size:15px;line-height:1.75}.lesson-body p{margin-top:14px}.lesson-body strong{font-weight:800}.lesson-body em{font-style:normal;color:var(--muted);font-size:.92em}.lesson-body code{font-family:inherit;font-size:.92em;background:var(--press);border-radius:4px;padding:1px 5px}.lesson-body ol,.lesson-body ul{margin:12px 0 0 2px;padding-left:18px}.lesson-body li{margin-top:7px;padding-left:3px}.lesson-body li::marker{color:var(--accent);font-weight:700}.lesson-body table{display:block;overflow-x:auto;width:100%;margin-top:16px;border-collapse:collapse;font-size:13.5px;line-height:1.55}.lesson-body td,.lesson-body th{border:1px solid var(--border);padding:8px 10px;text-align:left;vertical-align:top;min-width:84px}.lesson-body th{background:var(--press);font-weight:700;white-space:nowrap}.lesson-source{margin-top:22px;padding-top:14px;border-top:1px solid var(--border);font-size:12px;line-height:1.6;color:var(--muted)}.court-svg{width:100%;max-height:58dvh;height:auto}.verdict{font-family:GmarketSansBold,sans-serif;font-size:19px;color:var(--ok)}.explanation{margin-top:10px;font-size:14px;line-height:1.7}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.result-card{text-align:center}.result-label{font-family:GmarketSansBold,sans-serif;font-size:13px;letter-spacing:.18em;color:var(--muted)}.result-label.perfect{color:var(--accent)}.star-progress{margin-top:12px;font-family:GmarketSansBold,sans-serif;font-size:13px;letter-spacing:.04em;color:rgba(246,244,238,.9)}.sp-star{color:#ffd166;margin-right:2px}.mini-stars{flex-shrink:0;font-size:15px;letter-spacing:2px;color:var(--border)}.mini-stars .on{color:var(--accent)}.stars{margin-top:10px;font-size:30px;letter-spacing:6px;color:var(--border)}.result-score,.stars .on{color:var(--accent)}.result-score{margin-top:12px;font-family:GmarketSansBold,sans-serif;font-size:56px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.result-score small{font-size:22px;color:var(--ink);margin-left:4px}.online-num{font-size:12px;letter-spacing:.04em}.auth-card{gap:4px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:14px}.auth-tabs button{font-family:GmarketSansBold,sans-serif;font-size:14px;padding:10px 0;border:1.5px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted);cursor:pointer}.auth-tabs button.on{border-color:var(--ink);background:var(--ink);color:#f6f4ee}.auth-form{gap:12px;margin-top:12px}.auth-form,.field{display:flex;flex-direction:column}.field{gap:5px}.field span{font-size:12px;font-weight:700;color:var(--muted)}.field input{font:inherit;padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;background:#ffffff;color:var(--ink)}.field input:focus{outline:none;border-color:var(--accent)}.auth-error{font-size:13px;font-weight:700;color:#d6193c}.social-row{display:flex;flex-direction:column;gap:8px;margin-top:14px}.social-btn:disabled{opacity:.45;cursor:default}.my-card{margin-bottom:12px}.my-head{display:flex;align-items:center;gap:12px}.my-head h1{font-size:22px}.my-head .why-btn{margin-left:auto}.my-dot{width:34px;height:34px;border-radius:50%;border:2.5px solid var(--ink);flex-shrink:0}.my-title{font-family:GmarketSansBold,sans-serif;font-size:16px}.avatar-preview{margin:12px 0;border-radius:12px;overflow:hidden;aspect-ratio:4/3}.avatar-preview .court-svg{width:100%;height:100%;display:block}.swatch-row{display:flex;align-items:center;gap:10px;padding:7px 0}.swatch-label{width:52px;font-size:13px;font-weight:700;color:var(--muted);flex-shrink:0}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(18,21,18,.18);cursor:pointer;padding:0}.swatch.on{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,77,0,.25)}.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin:12px 0}.rec-box{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 4px;border:1.5px solid var(--border);border-radius:12px}.rec-box b{font-family:GmarketSansBold,sans-serif;font-size:15px}.rec-box span{font-size:11px;color:var(--muted)}.rec-list{list-style:none;display:flex;flex-direction:column}.rec-list li{display:flex;justify-content:space-between;padding:9px 2px;border-top:1px solid var(--border);font-size:14px}.danger-link{align-self:center;margin:6px 0 20px;background:none;border:none;font:inherit;font-size:13px;color:rgba(246,244,238,.66);text-decoration:underline;cursor:pointer}.rank-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:10px}.rank-tabs button{font-family:GmarketSansBold,sans-serif;font-size:14px;padding:10px 0;border:1.5px solid rgba(246,244,238,.5);border-radius:12px;background:transparent;color:rgba(246,244,238,.85);cursor:pointer}.rank-tabs button.on{background:#f6f4ee;border-color:#f6f4ee;color:var(--ink)}.rank-card{background:var(--surface);border-radius:12px;padding:8px 14px 14px}.rank-list{list-style:none}.rank-list li{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--border);font-size:14.5px}.rank-list li.me{background:var(--accent-soft);margin:0 -8px;padding-left:10px;padding-right:10px;border-radius:10px}.rank-no{width:26px;font-family:GmarketSansBold,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted);flex-shrink:0}.rank-no.top{color:var(--accent)}.rank-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid rgba(18,21,18,.25);flex-shrink:0}.rank-nick{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.rank-val{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:13.5px}.rank-me{margin-top:12px;font-family:GmarketSansBold,sans-serif;font-size:14px;text-align:center}.rank-empty{padding:22px 0;text-align:center}.rank-cta{display:block;text-align:center;margin-top:12px}.duel-code{font-family:GmarketSansBold,sans-serif;font-size:52px;letter-spacing:.28em;text-align:center;margin:10px 0 2px;color:var(--accent)}.duel-join{display:flex;gap:8px;margin-top:12px}.duel-join input{flex:1 1;min-width:0;font-family:GmarketSansBold,sans-serif;font-size:20px;letter-spacing:.2em;text-align:center;text-transform:uppercase;padding:10px 12px;border:1.5px solid var(--border);border-radius:12px;color:var(--ink)}.duel-join input:focus{outline:none;border-color:var(--accent)}.duel-opp{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#f6f4ee;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}