*{box-sizing:border-box}body{margin:0;background:#090d15;color:#edf1f7;font:14px/1.6 'Noto Sans KR',Arial,sans-serif}a{color:inherit}button,select{font:inherit}button{cursor:pointer;border:1px solid #3a4657;background:#1b2432;color:#edf1f7;border-radius:7px;padding:10px 17px;font-weight:700}button:hover:not(:disabled){background:#304055}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #edff78;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;padding:16px max(24px,4vw);border-bottom:1px solid #263142;background:#10151e;gap:20px}header>a{text-decoration:none;font-size:21px;font-weight:900;letter-spacing:-1px}header small{font-size:10px;letter-spacing:2px;margin-left:12px;color:#93a1b3}nav{display:flex;gap:22px;font-size:12px}nav a{text-decoration:none;color:#bac7d6}main{max-width:1280px;padding:32px 28px;margin:auto}.game-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.eyebrow{letter-spacing:3px;font-size:10px;color:#b5c0d2;font-weight:bold}h1{font-size:clamp(32px,4.5vw,52px);letter-spacing:-2px;line-height:1.2;margin:6px 0}h2{line-height:1.3;letter-spacing:-.8px}.game-heading p{color:#9eabbc;margin:6px 0;font-size:13px}.tools{display:flex;gap:7px;flex-wrap:wrap}.tools button{padding:8px 12px;font-size:11px}.stage{position:relative;width:100%;aspect-ratio:1000/650;background:#0c1521;border:1px solid #344057;border-radius:12px;overflow:hidden;touch-action:none;isolation:isolate}canvas{display:block;width:100%;height:100%;object-fit:contain;outline:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;background:linear-gradient(90deg,#07101ce8,#0a1323b0);padding:30px;overflow:auto}.panel{max-width:740px;width:100%}.panel .eyebrow{color:#ddf88f}.panel h2{font-size:clamp(28px,4.5vw,56px);margin:10px 0 15px;line-height:1.1}.panel p{color:#c2cdd9;font-size:13px;max-width:630px}.grid-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.option{padding:15px;text-align:left;background:#111d2ceb;border-color:#40516b}.option strong{display:block;font-size:15px}.option small{display:block;color:#9dacc3;font-size:11px}.option.active{border-color:#e6ff80;box-shadow:inset 0 0 0 1px #e6ff80;background:#24332f}.option.swatch{border-top:4px solid var(--swatch)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.primary{background:#e5ff80;color:#111a12;border-color:#e5ff80}.primary:hover{background:#c6e55d!important}.arcade .primary{background:#7df7df;border-color:#7df7df;color:#07241e}.fine{font-size:11px!important;color:#9bacc0!important}.mode-row{display:flex;gap:8px;flex-wrap:wrap}.mode-row label{font-size:12px;display:flex;align-items:center;gap:7px;background:#121e2c;border:1px solid #34445d;padding:8px 12px;border-radius:6px}.hud{position:absolute;inset:16px 18px auto;display:flex;justify-content:space-between;align-items:start;pointer-events:none;z-index:2;gap:10px;text-shadow:0 2px 6px #000}.hud .group{display:flex;gap:22px}.hud b{font-size:26px;line-height:1.1;display:block}.hud small{font-size:9px;letter-spacing:1px;color:#c9d6e3;display:block}.meter{width:130px;height:6px;background:#ffffff26;border-radius:8px;margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;background:#dffc82;width:0}.arcade .meter i{background:#71f8da}.hud-right{text-align:right}.hud-center{position:absolute;top:115px;left:50%;transform:translateX(-50%);font-size:70px;font-weight:900;color:#f4ff9e;pointer-events:none;text-shadow:0 4px 30px #000}.live-message{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);text-align:center;font-size:12px;font-weight:800;letter-spacing:1px;color:#ecffbe;pointer-events:none;z-index:2}.touch-controls{position:absolute;inset:auto 16px 15px;display:none;justify-content:space-between;pointer-events:none;z-index:3}.touch-controls>div{display:flex;gap:8px;align-items:end}.touch-controls button{pointer-events:auto;min-width:54px;min-height:54px;background:#101e35a8;border:1px solid #b6c6df6b;color:#fff;user-select:none;-webkit-user-select:none;font-size:11px;padding:12px}.touch-controls button.big{min-width:68px;min-height:68px;background:#93b53888}.stick-ring{position:absolute;border:1px solid #b9fbe755;border-radius:50%;width:110px;height:110px;left:18px;bottom:20px;pointer-events:none;display:none;background:#244b4c22}.stick-ring::after{content:'MOVE';position:absolute;bottom:10px;left:34px;color:#9cbcc4;font-size:9px;letter-spacing:1px}.stick-dot{position:absolute;width:38px;height:38px;border:1px solid #8be9dd88;background:#5fe1cf33;border-radius:50%;left:35px;top:35px}.hud-bars{display:flex;gap:10px;align-items:center}.health-bar{width:150px;height:8px;background:#324052;border-radius:8px;margin-top:8px;overflow:hidden}.health-bar i{height:100%;display:block;background:#71f7d4}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.result-stats>div{border-top:1px solid #73839d;padding-top:14px}.result-stats strong{font-size:29px;display:block}.result-stats small{color:#b4c3d4;font-size:11px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;border-top:1px solid #283447;padding-top:24px}.info-grid h2{font-size:20px}.info-grid p,.info-grid li{font-size:12px;color:#a3b1c2}.key{display:inline-block;border:1px solid #465268;border-radius:4px;padding:0 7px;color:#e0e8f2;font-size:11px;margin:0 3px}.related{display:flex;gap:20px;flex-wrap:wrap;margin:28px 0;font-size:13px}#status{color:#c5e79a;font-size:12px;min-height:20px}footer{border-top:1px solid #263142;padding:24px 4vw;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8091a6}footer div{display:flex;gap:20px}[hidden]{display:none!important}.stage:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;background:#05080d}.stage:fullscreen canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.upgrade-card{min-height:150px}.upgrade-card strong{font-size:20px;margin-bottom:10px;color:#84f9dc}.upgrade-card span{font-size:11px;color:#b5c3d9}.assist{font-size:11px;color:#acc7c1}.pause-panel{max-width:460px}.game-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{background:#14202e;border:1px solid #344355;border-radius:10px;overflow:hidden;text-decoration:none}.game-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.game-card div{padding:22px}.game-card h2{font-size:24px;margin:0 0 8px}.game-card p{color:#b5c1d0;font-size:13px}.game-card span{font-size:11px;color:#d5f99b}.game-card:hover{border-color:#d5f99b}@media(pointer:coarse){.touch-controls{display:flex}.arcade .stick-ring{display:block}.live-message{bottom:100px}}@media(max-width:760px){header{padding:14px 18px}header small{display:none}nav{gap:14px;font-size:11px}main{padding:24px 14px}.game-heading{align-items:start;flex-direction:column;gap:12px}.game-heading h1{font-size:38px}.stage{aspect-ratio:4/3;min-height:320px}.grid-options{gap:7px}.option{padding:10px}.option strong{font-size:11px}.option small{font-size:9px}.overlay{padding:20px}.panel h2{font-size:30px}.panel p{font-size:11px}.panel .grid-options{margin:12px 0}.hud{inset:12px;gap:5px}.hud .group{gap:12px}.hud b{font-size:19px}.hud small{font-size:8px}.meter{width:80px}.health-bar{width:90px}.hud-center{font-size:48px;top:90px}.info-grid{grid-template-columns:1fr;gap:20px}.tools button{font-size:10px;padding:6px 10px}.touch-controls{inset:auto 10px 12px}.touch-controls button{min-width:44px;min-height:47px;padding:8px}.touch-controls button.big{min-width:55px;min-height:55px}.game-card-grid{grid-template-columns:1fr}.result-stats strong{font-size:23px}.upgrade-card{min-height:125px}.upgrade-card strong{font-size:15px}.result-stats{gap:10px}.actions{margin-top:12px}.stage:fullscreen .overlay{padding:20px;}.stage:fullscreen .panel{max-width:650px}}@media(max-width:480px){.stage{aspect-ratio:3/4;min-height:460px}.race .panel h2{font-size:27px}.race .option small{display:none}.race .option{padding:10px 8px}.race .grid-options{grid-template-columns:repeat(3,1fr)}.race .mode-row label{font-size:10px;padding:7px}.arcade .grid-options{grid-template-columns:1fr}.arcade .upgrade-card{min-height:0;padding:10px}.arcade .upgrade-card strong{font-size:15px;margin-bottom:2px}.arcade .upgrade-card span{font-size:10px}.hud .group{gap:9px}.hud b{font-size:17px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.overlay{align-items:flex-start}.panel{margin:auto 0}.stage:has(.overlay:not([hidden])) .hud,.stage:has(.overlay:not([hidden])) .touch-controls,.stage:has(.overlay:not([hidden])) .stick-ring{visibility:hidden}