@font-face{font-family:Pretendard Variable;font-weight:45 920;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-CJuje-Rk.woff2) format("woff2-variations")}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{display:flex;align-items:center;justify-content:center;background:#f7f7f7;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;color:#535353;user-select:none;-webkit-user-select:none;padding:0;touch-action:manipulation}#app{width:100%;height:100%}.game-frame{position:relative;width:100%;height:100%}.attribution{position:absolute;left:0;right:0;bottom:7px;font-size:10px;line-height:1.5;color:#aaa;letter-spacing:.3px;text-align:center;pointer-events:none}.access-error{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#535353;font-family:Courier New,ui-monospace,monospace}.access-error h1{font-size:22px;letter-spacing:3px;margin-bottom:12px}.access-error p{font-size:13px;letter-spacing:.5px;color:#888}#game{display:block;width:100%;height:100%;background:#fff;outline:none}.hud{position:absolute;inset:0;pointer-events:none}.hud-scores{position:absolute;top:10px;right:12px;display:flex;gap:10px;font-size:14px;letter-spacing:1px;color:#535353}.hud-rank{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:6px;font-size:14px;letter-spacing:1px;color:#535353}.hud-hearts{position:absolute;top:10px;left:12px;display:flex;align-items:center;gap:4px}.hud-hearts .hud-heart{display:inline-flex;width:21px;height:18px}.hud-hearts .hud-heart svg{width:100%;height:100%;display:block}.hud-hearts-large{display:flex;align-items:center;gap:10px}.hud-hearts-large .hud-heart-large{display:inline-flex;width:42px;height:36px}.hud-hearts-large .hud-heart-large svg{width:100%;height:100%;display:block}.hud-rank-total{font-size:11px;color:#b0b0b0}.hud-label{color:#b0b0b0}.hud-current{color:#535353}.hud-overlay{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffffeb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:auto;padding:16px;gap:8px}.hud-overlay.visible{display:flex}.hud-overlay h1,.hud-overlay h2{font-size:22px;letter-spacing:4px;margin-bottom:4px}.hud-overlay p,.hud-overlay li{font-size:13px}.hud-section-title{margin-top:6px;font-size:12px;letter-spacing:3px;color:#888}.hud-empty{font-size:12px;color:#999}.hud-block{display:flex;flex-direction:column;align-items:center;gap:6px}.hud-block+.hud-block{margin-top:18px}.hud-start{letter-spacing:2px;color:#888}.hud-overlay .ranking-scroll{max-height:210px;overflow-y:auto;width:100%;display:flex;justify-content:center;scrollbar-width:thin;scrollbar-color:rgba(83,83,83,.3) transparent}.hud-overlay .ranking-scroll::-webkit-scrollbar{width:6px}.hud-overlay .ranking-scroll::-webkit-scrollbar-thumb{background:#5353534d;border-radius:3px}.hud-overlay ol.ranking{list-style:none;margin:4px 0;display:grid;gap:2px;min-width:220px;font-size:13px}.hud-overlay ol.ranking.ranking-me{margin-top:2px}.hud-overlay ol.ranking li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:4px 10px;border-radius:4px}.hud-overlay ol.ranking li:nth-child(odd){background:#5353530f}.hud-overlay ol.ranking .rank{color:#888;text-align:right;font-variant-numeric:tabular-nums}.hud-overlay ol.ranking .player{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;min-width:0}.hud-overlay ol.ranking .player .company{font-size:10px;letter-spacing:1px;color:#999}.hud-overlay ol.ranking .player .name{font-size:13px;letter-spacing:1px;color:#535353}.hud-overlay ol.ranking .score{font-variant-numeric:tabular-nums}.hud-overlay ol.ranking li.is-me{background:#eae9fc}.hud-overlay ol.ranking li.is-me .rank,.hud-overlay ol.ranking li.is-me .player .name,.hud-overlay ol.ranking li.is-me .score{color:#5e3bfc;font-weight:600}.hud-overlay ol.ranking .me-badge{display:inline-block;margin-left:6px;padding:1px 6px;background:#867af7;color:#fff;border-radius:8px;font-size:10px;font-weight:600;letter-spacing:1px;vertical-align:middle}.hud-overlay ol.ranking li.ranking-divider{display:block;padding:0;text-align:center;color:#bbb;background:transparent;font-size:10px;letter-spacing:4px}.hud-overlay form{margin-top:6px;display:flex;align-items:center;gap:6px}.hud-company{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;letter-spacing:1px;color:#6b54c5;background:#ece5ff;border:1px solid #c4b5fd;border-radius:4px}.hud-overlay input,.hud-overlay button{font-family:inherit;font-size:13px;padding:6px 10px;border:1px solid #535353;border-radius:4px;background:#fff;color:#535353}.hud-overlay input{width:120px;box-sizing:border-box;font-size:16px}.hud-overlay button{cursor:pointer}.hud-overlay button:hover{background:#535353;color:#fff}.hud-credit,.hud-hint{font-size:11px;color:#888;margin-top:4px;min-height:14px}.hud-hint.hud-hint-success{color:#5e3bfc;font-weight:600}.toast{position:absolute;z-index:10;top:30%;left:50%;transform:translate(-50%,-50%) scale(0);display:flex;flex-direction:column;align-items:center;gap:4px;font-family:Courier New,ui-monospace,monospace;color:#535353;white-space:nowrap;pointer-events:none;opacity:0;text-align:center}.toast .toast-primary{font-size:26px;font-weight:700;letter-spacing:4px}.toast .toast-secondary{font-size:13px;font-weight:500;letter-spacing:1px;color:#7a7a7a}.toast.toast-visible{animation:toast-pop 1.3s cubic-bezier(.34,1.4,.64,1) forwards}@keyframes toast-pop{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}18%{transform:translate(-50%,-50%) scale(1.25);opacity:1}35%{transform:translate(-50%,-50%) scale(.95);opacity:1}50%{transform:translate(-50%,-50%) scale(1);opacity:1}78%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.7);opacity:0}}