*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0d1017;width:100%;height:100%;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}.loading{z-index:20;background:#bfe3f0;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.loading.hidden{opacity:0;visibility:hidden}.loading__spinner{border:4px solid #2f262026;border-top-color:#f1683c;border-radius:50%;width:46px;height:46px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading__text{color:#4a5568;font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:500}.hud{z-index:10;color:#eef1f6;pointer-events:none;font-family:Inter,system-ui,sans-serif;position:fixed;bottom:clamp(20px,4vw,40px);left:clamp(20px,4vw,44px)}.hud__title{letter-spacing:-.02em;font-size:clamp(1.4rem,4vw,2rem);font-weight:700}.hud__sub{color:#8891a3;margin-top:4px;font-size:.9rem}.hud__link{color:#f6a23c;pointer-events:auto;border-bottom:1px solid #0000;margin-top:14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-block}.hud__link:hover{border-color:#f6a23c}.controls-hint{z-index:10;color:#3d4657;-webkit-backdrop-filter:blur(6px);pointer-events:none;background:#fff9;border-radius:999px;padding:8px 16px;font-family:Inter,system-ui,sans-serif;font-size:.85rem;font-weight:500;transition:opacity .5s;position:fixed;top:22px;left:50%;transform:translate(-50%)}.joystick{z-index:15;touch-action:none;background:#ffffff47;border:2px solid #ffffff80;border-radius:50%;width:120px;height:120px;display:none;position:fixed;bottom:clamp(24px,6vw,54px);right:clamp(24px,6vw,54px)}.joystick__knob{background:#f1683cd9;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #00000040}@media (pointer:coarse){.joystick{display:block}.controls-hint{display:none}}.labels{z-index:8;pointer-events:none;position:fixed;inset:0}.zone-label{letter-spacing:.02em;color:#2f2620;white-space:nowrap;background:#ffffffd1;border-radius:999px;padding:5px 12px;font-family:Inter,system-ui,sans-serif;font-size:.8rem;font-weight:700;transition:opacity .3s;position:absolute;top:0;left:0;box-shadow:0 4px 12px #0000001f}.panel{z-index:12;-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;background:#fffffff0;border-radius:18px;width:min(560px,90vw);padding:22px 26px;font-family:Inter,Noto Sans KR,system-ui,sans-serif;transition:opacity .35s,transform .35s,visibility .35s;position:fixed;bottom:clamp(20px,5vw,40px);left:50%;transform:translate(-50%,30px);box-shadow:0 20px 50px #00000040}.panel.show{opacity:1;visibility:visible;transform:translate(-50%)}.panel__tag{letter-spacing:.02em;border:1px solid;border-radius:999px;margin-bottom:10px;padding:4px 11px;font-size:.72rem;font-weight:700;display:inline-block}.panel h2{color:#2f2620;margin-bottom:8px;font-size:1.15rem;font-weight:700}.panel p{color:#52463c;font-size:.92rem;line-height:1.65}.panel__tech{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.panel__tech span{color:#6b5d50;background:#78503212;border:1px solid #78503224;border-radius:8px;padding:4px 10px;font-size:.74rem;font-weight:500}.panel__links{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.panel__links a{color:#f1683c;border:1px solid #f1683c66;border-radius:10px;padding:7px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s}.panel__links a:hover{background:#f1683c1a}