:root{--accent: #2e8b57;--ink: #3a3352;--card: #fff;--font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}[hidden]{display:none!important}#stage{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#area{position:absolute;visibility:hidden;pointer-events:none}#hud{position:absolute;display:flex;flex-direction:column;gap:8px;pointer-events:none}#hud .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.chip{display:flex;align-items:baseline;gap:5px;padding:7px 13px;border-radius:999px;background:var(--card);box-shadow:0 2px 10px #3a33521f;font-size:13px;white-space:nowrap}.chip span{opacity:.6;font-weight:600}.score-chip b{color:var(--accent);font-size:26px;font-weight:900;line-height:1}.score-chip em{margin-left:4px;font-size:12px;font-style:normal;font-weight:700;opacity:.55}.lives{gap:3px;padding:8px 12px;font-size:18px;line-height:1}.lives i{color:#ff5d7a;font-style:normal}.lives i.off{color:#c9c4d6;opacity:.6}.stage-chip{align-items:center;gap:6px;padding:5px 11px;font-size:12px}.stage-chip b{color:var(--accent)}.pips{display:inline-flex;gap:3px}.pips i{width:6px;height:6px;border-radius:50%;background:#3a33522e}.pips i.on{background:var(--accent)}.next-chip{min-width:0;max-width:56vw;padding:5px 12px;font-size:12px}.next-chip b{overflow:hidden;text-overflow:ellipsis}.bump{animation:bump .35s ease-out}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.3)}to{transform:scale(1)}}.shake{animation:shake .4s ease-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}#hint{position:absolute;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:999px;background:#3a3352c7;color:#fff;font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none}#campus{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:3px;border-radius:999px;background:#ffffffb8;box-shadow:0 2px 10px #3a33521f}#campus button{min-width:84px;padding:9px 16px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:700 15px var(--font);cursor:pointer}#campus button.on{background:var(--accent);color:#fff}#osm{position:absolute;font-size:10px;opacity:.55;pointer-events:none}