@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:local("Pretendard Variable"),url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/packages/pretendard/dist/web/variable/woff2/PretendardVariable.woff2) format("woff2-variations")}:root{--font-base: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;background:#2b6e12;font-family:var(--font-base);touch-action:none}#app{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}#app canvas{display:block}#game-ui{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}#score{position:absolute;top:20px;left:50%;transform:translate(-50%);font-family:Arial Black,Arial,sans-serif;font-size:clamp(36px,6vw,64px);font-weight:900;color:#ffffffd9;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1;display:none;letter-spacing:2px}#start-screen{text-align:center;color:#fff}#start-screen.hidden,#gameover-screen.hidden{display:none}#game-title{font-family:Arial Black,Arial,sans-serif;font-size:clamp(40px,9vw,72px);font-weight:900;margin:0 0 20px;color:#fff;text-shadow:0 4px 14px rgba(0,0,0,.45),0 0 30px rgba(255,200,0,.3);letter-spacing:4px}.hint{font-size:clamp(15px,2.5vw,20px);font-weight:700;color:#ffffffe0;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0}#gameover-panel{background:#0000009e;border-radius:18px;padding:clamp(28px,5vw,44px) clamp(40px,8vw,72px);text-align:center;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#gameover-panel h2{font-family:Arial Black,Arial,sans-serif;font-size:clamp(28px,5vw,42px);font-weight:900;color:#fff;margin:0 0 14px;text-shadow:0 2px 6px rgba(0,0,0,.4);letter-spacing:3px}#gameover-score{font-size:clamp(20px,3.5vw,30px);font-weight:700;color:#ffe44d;margin:0 0 20px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.drive-btn{display:none;position:fixed;bottom:28px;width:100px;height:100px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(255,255,255,.5);font-size:36px;color:#ffffffe6;z-index:20;pointer-events:auto;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;transition:background .1s}.drive-btn:active{background:#ffffff61}#btn-left{left:20px}#btn-right{right:20px}@media(pointer:coarse){.drive-btn{display:flex}}.drawer{position:fixed;top:0;left:-300px;width:300px;height:100vh;background-color:#fff;box-shadow:2px 0 10px #0000001a;transition:left .3s ease;z-index:1000}.drawer.open{left:0}.drawer-content{padding:20px;overflow-y:auto;height:100%;box-sizing:border-box}.drawer-content h2{margin-top:0;color:#333;text-align:center;border-bottom:1px solid #ddd;padding-bottom:10px}.drawer-toggle{position:absolute;top:50%;right:-30px;width:30px;height:60px;background-color:#fff;border:none;border-radius:0 4px 4px 0;box-shadow:2px 0 5px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;transform:translateY(-50%)}.toggle-icon{font-size:20px;transition:transform .3s ease}.drawer.open .toggle-icon{transform:rotate(180deg)}#leaderboard-list{margin-top:20px}.leaderboard-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #eee}.leaderboard-item:nth-child(2n){background-color:#f9f9f9}.leaderboard-rank{font-weight:700;width:30px}.leaderboard-name{flex-grow:1;text-align:left;padding:0 10px}.leaderboard-score{font-weight:700;color:#28d}.loading-text{text-align:center;color:#666}#ang{width:300px;padding:7px;border:none;border-bottom:1px solid gray;background:transparent}#guess{padding:8px;border-radius:6px;outline:none;border:none;background-color:#28d;color:#fff}.row{display:flex;flex-direction:row;gap:1rem}#title{font-size:2rem}
