@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap";*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Noto Sans KR,sans-serif;background:#1d2830;color:#fff}button{font:inherit;cursor:pointer}.game,.world,.world canvas{width:100%;height:100%;display:block}.game{position:relative;overflow:hidden}.world canvas{touch-action:none}.loading,.welcome{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.loading{background:#1e3740;flex-direction:column;gap:16px;z-index:5}.loading span{font-size:12px;color:#aec5c4}.loader{width:35px;height:35px;border:3px solid #ffffff30;border-top-color:#ffd363;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.welcome{background:linear-gradient(90deg,#0e2126e0,#0e212652);justify-content:flex-start;padding:8vw}.welcome-card{max-width:440px}.year{font-size:11px;letter-spacing:.22em;font-weight:700;color:#ffdd79}h1{font-size:clamp(54px,7vw,94px);line-height:1.08;letter-spacing:-.08em;margin:22px 0}h1 em{font-style:normal;color:#ffcc62}.welcome p{line-height:1.9;color:#e0eae5;font-size:15px}.start{background:#ffcd63;color:#263e3a;border:0;border-radius:8px;font-weight:900;padding:17px 22px;margin:22px 0;min-width:240px;text-align:left}.start span{float:right}.welcome small{display:block;color:#cbd9d3;font-size:12px}.hud{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.logo{background:#172f36b8;border:1px solid #ffffff22;border-radius:12px;padding:12px 17px;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 20px #0002}.logo b{font-size:17px}.logo span{font-size:10px;color:#d3e2d7}.hud-buttons{display:flex;gap:8px;pointer-events:auto}.hud-buttons button,.help button{border:1px solid #ffffff40;background:#1b3339bf;color:#fff;width:42px;height:42px;border-radius:50%;font-size:20px}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:28px;color:#fff;pointer-events:none;text-shadow:0 0 4px #000}.bottom-hint{position:absolute;bottom:24px;left:50%;transform:translate(-50%);white-space:nowrap;background:#182f36ae;padding:9px 15px;border-radius:20px;font-size:11px;letter-spacing:.03em;color:#fff;pointer-events:none}.resume{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #ffffff55;background:#203a40e8;color:#fff;border-radius:9px;padding:16px 22px}.help{position:absolute;top:80px;right:28px;background:#19343eee;border:1px solid #ffffff35;border-radius:12px;padding:22px 26px;line-height:2;font-size:13px;box-shadow:0 10px 35px #0005}.help button{float:right;margin:-10px -14px 0 20px;width:30px;height:30px}.mobile{position:absolute;bottom:55px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.mobile button{pointer-events:auto;touch-action:none;background:#14323cb5;color:#fff;border:1px solid #ffffff55;border-radius:14px}.arrows{display:grid;grid-template-columns:repeat(3,52px);gap:5px}.arrows button{height:52px}.arrows button:first-child{grid-column:2}.arrows button:nth-child(2){grid-column:1}.jump{width:75px;height:75px;border-radius:50%!important;font-weight:700}.mobile~.bottom-hint{bottom:12px;font-size:10px}@media(max-width:600px){.welcome{padding:24px}.hud{top:14px;left:14px;right:14px}.logo b{font-size:14px}.hud-buttons button{width:36px;height:36px}.help{right:14px}.bottom-hint{font-size:9px}}.capture{position:absolute;right:28px;top:78px;background:#1b3339bf;color:#fff;border:1px solid #ffffff40;border-radius:18px;padding:8px 13px;font-size:11px}.music{position:absolute;left:28px;bottom:24px;display:flex;align-items:center;gap:11px;background:#172f36d9;border:1px solid #ffffff30;border-radius:12px;padding:10px 13px;box-shadow:0 4px 20px #0002}.music button{border:0;border-radius:50%;width:34px;height:34px;background:#ffcd63;color:#263e3a;font-weight:900}.music-title{display:flex;flex-direction:column;gap:2px}.music-title b{font-size:12px}.music-title span{font-size:10px;color:#c7d8d2}.music input{width:75px;accent-color:#ffcd63}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.audio-error{position:absolute;bottom:100%;left:0;background:#263e3a;padding:8px;border-radius:6px;font-size:11px;white-space:nowrap}@media(max-width:600px){.music{left:14px;top:68px;bottom:auto;padding:7px 10px}.music input{width:50px}.mobile~.bottom-hint{bottom:12px}}