*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden}.select{height:100%;overflow-y:auto;padding:calc(env(safe-area-inset-top) + 18px) 16px 40px}.select-head{text-align:center;margin-bottom:18px}.select-head h1{font-size:34px;font-weight:900;color:#35507a;text-shadow:0 2px 0 #ffffff99}.select-logo{display:inline-block;transform:rotate(-12deg)}.select-sub{margin-top:6px;font-size:13px;color:#5a7195}.select-total{margin-top:10px;display:inline-block;background:#fffc;border-radius:999px;padding:6px 16px;font-weight:900;color:#d99a1b;box-shadow:0 2px 6px #0002}.stage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:720px;margin:0 auto}.stage-card{position:relative;border:none;border-radius:16px;background:#ffffffd8;padding:14px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;box-shadow:0 4px 10px #0002;transition:transform .12s}.stage-card:active{transform:scale(.96)}.stage-num{position:absolute;top:8px;left:10px;font-size:13px;font-weight:900;color:#8a9bb5}.stage-card.cleared:after{content:"✓";position:absolute;top:6px;right:10px;font-weight:900;color:#43b954}.stage-card.locked{opacity:.55;filter:grayscale(.6);cursor:not-allowed}.stage-card.current{box-shadow:0 0 0 3px #f2c22e,0 6px 16px #0003;animation:currentpulse 1.6s infinite}@keyframes currentpulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.stage-go{font-weight:900;font-size:14px;color:#d99a1b}.unlock-toggle{margin-top:10px;border:none;border-radius:999px;background:#fffc;color:#5a7195;font-size:13px;font-weight:800;padding:8px 16px;cursor:pointer;box-shadow:0 2px 6px #0002}.stage-skipped{font-size:12px;font-weight:800;color:#8a9bb5}.skip-btn{margin-top:4px;border:none;border-radius:999px;background:#eef2f7;color:#5a7195;font-size:12px;font-weight:800;padding:5px 12px;cursor:pointer}.skip-btn:active{transform:scale(.95)}.stage-screws{font-size:12px;font-weight:800;color:#6a7b95}@media(prefers-reduced-motion:reduce){.stage-card.current{animation:none}}.stage-emoji{font-size:38px;line-height:1.1}.stage-name{font-weight:800;font-size:15px;color:#2b3446}.tier-badge{font-size:11px;font-weight:900;border-radius:999px;padding:2px 9px;color:#fff}.tier-badge.tier-easy{background:#43b954}.tier-badge.tier-normal{background:#3b82e0}.tier-badge.tier-hard{background:#ee8b2c}.tier-badge.tier-extreme{background:#e74c3c}.stars .star,.won-star{color:#d8dde4;font-size:15px}.stars .star.on{color:#f2c22e}.won-stars{font-size:0}.won-star{font-size:34px;display:inline-block;margin:0 3px}.won-star.on{color:#f2c22e;text-shadow:0 2px 6px #f2c22e66}body{font-family:Pretendard,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;background:linear-gradient(#aed3f2,#d8ecf9);color:#2b3446;user-select:none;-webkit-user-select:none;touch-action:manipulation}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 8px) 14px 6px}.title{font-weight:900;font-size:20px;color:#35507a;letter-spacing:.5px;text-shadow:0 1px 0 #ffffff88}.level-chips{display:flex;gap:6px}.chip{min-width:34px;height:34px;border:none;border-radius:10px;background:#fffa;color:#35507a;font-weight:800;font-size:15px;cursor:pointer}.chip.on{background:#35507a;color:#fff}.chip.back{font-size:18px}.game-title{display:flex;align-items:center;gap:8px;font-size:17px}.hud{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 10px 8px}.boxes{display:flex;gap:10px}.box{width:72px;height:54px;border-radius:12px;box-shadow:inset 0 -4px #0002,0 3px 8px #00000030;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;transition:transform .15s}.box.empty{background:#fff5;box-shadow:inset 0 0 0 2px #fff8}.box.pop{animation:boxpop .4s}@keyframes boxpop{0%{transform:scale(1)}35%{transform:scale(1.22) rotate(-3deg)}70%{transform:scale(.94)}to{transform:scale(1)}}.buffer.danger{animation:bufferwarn .7s infinite}@keyframes bufferwarn{0%,to{background:#7d8797cc;box-shadow:inset 0 3px 6px #00000040}50%{background:#c0554fdd;box-shadow:inset 0 3px 6px #00000040,0 0 14px #e74c3c88}}.box-holes{display:flex;gap:7px}.hole{width:13px;height:13px;border-radius:50%;background:#00000038;box-shadow:inset 0 2px 3px #0005}.hole.filled{background:#fff;box-shadow:inset 0 -2px 3px #0003,0 0 4px #fffa}.buffer{display:flex;gap:8px;background:#7d8797cc;border-radius:14px;padding:8px 12px;box-shadow:inset 0 3px 6px #00000040}.tray-hole{width:22px;height:22px;border-radius:50%;background:#545e6e;box-shadow:inset 0 3px 5px #0006;transition:background .2s}.tray-hole.filled{box-shadow:inset 0 -2px 3px #0004,0 1px 3px #0004}.remain{font-weight:800;font-size:13px;color:#46608c}.stage{flex:1;min-height:0;position:relative}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#1c253688;display:flex;align-items:center;justify-content:center;animation:fadein .25s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.dialog{background:#fdf7ec;border-radius:20px;padding:26px 30px;width:min(320px,84vw);text-align:center;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 40px #0005}.dialog h2{font-size:24px;color:#35507a}.dialog p{font-size:14px;color:#5a6478}.dialog button{border:none;border-radius:12px;padding:12px;font-size:16px;font-weight:800;cursor:pointer;background:#e8e0d0;color:#4a4034}.dialog button.primary{background:#43b954;color:#fff;box-shadow:0 4px #2f8f3d}.dialog button:active{transform:translateY(2px)}@media(prefers-reduced-motion:reduce){.overlay,.box.pop,.buffer.danger{animation:none}.buffer.danger{background:#c0554fdd}}