:root{--color-primary: #5C6BC0;--color-secondary: #546E7A;--color-bg: #ECEFF1;--color-surface: #FFFFFF;--color-surface-elevated: #F5F7FA;--color-text-primary: #1A1A2E;--color-text-secondary: #607D8B;--color-divider: #CFD8DC;--color-accent-neon-yellow: #FFEB3B;--color-accent-neon-cyan: #00E5FF;--color-accent-pink: #FF4081;--color-success: #26A69A;--color-warning: #FFB74D;--color-error: #EF5350;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", monospace;--font-pixel: "Galmuri11", "DungGeunMo", "Pretendard", sans-serif;--text-h1: 800 28px/1.25 var(--font-sans);--text-h2: 700 22px/1.3 var(--font-sans);--text-h3: 600 18px/1.35 var(--font-sans);--text-body: 400 15px/1.55 var(--font-sans);--text-caption: 400 12px/1.4 var(--font-sans);--text-hud-lg: 700 32px/1 var(--font-mono);--text-hud-sm: 500 18px/1 var(--font-mono);--text-pixel-stamp: 400 20px/1.2 var(--font-pixel);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-10: 40px;--space-20: 80px;--space-24: 96px;--radius-none: 0px;--radius-chip: 4px;--radius-toast: 8px;--radius-card: 12px;--radius-sheet: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--color-primary: #7986CB;--color-secondary: #78909C;--color-bg: #121A22;--color-surface: #1C2530;--color-surface-elevated: #27333F;--color-text-primary: #E8EDF2;--color-text-secondary: #90A4AE;--color-divider: #37474F}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);margin:0;padding:0}@font-face{font-family:Ria;src:url(/assets/fonts/RiaSans-ExtraBold.woff2) format("woff2");font-weight:400;font-display:swap}.app-root{position:fixed;top:0;right:0;bottom:0;left:0;font-family:var(--font-pretendard, "Pretendard", sans-serif)}.canvas-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--color-bg, #121a22)}.hud-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.overlay-layer>*{pointer-events:auto}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4, 16px);padding-top:var(--safe-top, 0);padding-bottom:var(--safe-bottom, 0);opacity:1;transition:opacity .2s ease-out;color:var(--color-text-primary, #ECEFF1)}.screen[data-fading=true]{opacity:0}.screen-ready{justify-content:space-between;padding-top:calc(var(--safe-top, 0) + 250px);padding-bottom:calc(var(--safe-bottom, 0) + 450px)}.screen-ready__header{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;padding:0 16px}.screen-ready__title{font-family:Ria,Galmuri11,DungGeunMo,sans-serif;font-size:45px;font-weight:400;letter-spacing:.04em;color:#fafbfc;text-align:center;line-height:1.1}.screen-ready__subtitle{font-size:14px;opacity:.75;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.6)}.screen-falling{pointer-events:none;background:#121a2266}.screen-falling__caption{font-family:Galmuri11,DungGeunMo,monospace;font-size:28px;text-shadow:0 0 8px rgba(0,0,0,.5)}.screen-result{justify-content:space-between;gap:0;background:#121a22c7}.screen-result__top{display:flex;flex-direction:column;align-items:center;gap:4px;padding:calc(var(--safe-top, 0) + 80px) 16px 0;width:100%}.screen-result__char-wrap{flex:1 1 auto;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;padding:8px 16px}.screen-result__char{max-height:100%;max-width:70vw;width:auto;height:auto;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}.screen-result__bottom{display:flex;flex-direction:column;align-items:center;width:100%;padding:0 16px calc(var(--safe-bottom, 0) + 16px);gap:8px}.screen-result__record-badge{font-family:Galmuri11,DungGeunMo,monospace;font-size:22px;color:var(--color-accent-neon-yellow, #FFD600);animation:record-pulse 1s ease-in-out infinite}@keyframes record-pulse{0%,to{opacity:1}50%{opacity:.6}}.screen-result__distance{font-family:JetBrains Mono,monospace;font-size:56px;font-weight:700;line-height:1}.screen-result__best{font-size:13px;opacity:.7}.primary-btn{min-height:48px;padding:0 32px;border-radius:var(--radius-button, 8px);border:0;background:var(--color-primary, #5C6BC0);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.primary-btn:active{transform:scale(.98)}.primary-btn:disabled{opacity:.5;cursor:default}.primary-btn--cyan{background:var(--color-accent-neon-cyan, #00E5FF);color:#0a1018}.primary-btn--pink{background:var(--color-accent-pink, #EC407A)}.primary-btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.2)}.primary-btn--dark{background:#0a1018e0;color:#eceff1;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 16px #0006}.primary-btn--dark:hover{background:#121a22f2}.screen-result__cta{display:flex;flex-direction:column;gap:var(--space-2, 8px);width:100%}.screen-result__label{font-size:12px;opacity:.7}.screen-result__toast{font-size:13px;color:var(--color-accent-pink, #EC407A)}.hud-distance{padding-top:calc(var(--safe-top, 0) + var(--space-2, 8px))}.hud-gauge{position:absolute;top:calc(var(--safe-top, 0) + 36px);left:var(--space-4, 16px);right:var(--space-4, 16px);height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.hud-gauge__fill{height:100%;transition:width 80ms linear,background .12s linear}.hud-gauge__fill[data-level=success]{background:var(--color-success, #66BB6A)}.hud-gauge__fill[data-level=warning]{background:var(--color-warning, #FFA726)}.hud-gauge__fill[data-level=error]{background:var(--color-error, #EF5350)}.difficulty-toast{position:absolute;top:calc(var(--safe-top, 0) + 64px);left:50%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;min-width:184px;max-width:min(82vw,320px);padding:10px 12px 9px;font-family:Galmuri11,DungGeunMo,monospace;color:#2b2118;background:linear-gradient(135deg,#ffffffd1,#ffeeb8f0),repeating-linear-gradient(0deg,rgba(43,33,24,.04) 0 1px,transparent 1px 7px);border:1px solid rgba(105,73,32,.5);border-radius:3px;box-shadow:0 12px 28px #00000052,0 0 0 1px #ffffff59 inset;animation:difficulty-toast-in 1.5s ease-out forwards;pointer-events:none;white-space:nowrap;z-index:30}.difficulty-toast:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px dashed rgba(105,73,32,.32);border-radius:2px}.difficulty-toast__label,.difficulty-toast__message,.difficulty-toast__stamp{position:relative;z-index:1}.difficulty-toast__label{grid-column:1;grid-row:1;color:#2b211894;font-size:10px;line-height:1}.difficulty-toast__message{grid-column:1;grid-row:2;overflow:hidden;color:#24170e;font-size:17px;line-height:1.12;text-overflow:ellipsis}.difficulty-toast__stamp{grid-column:2;grid-row:1 / 3;align-self:center;justify-self:end;padding:3px 5px 2px;color:#c51f2c;border:2px solid rgba(197,31,44,.82);border-radius:2px;font-size:13px;line-height:1;transform:rotate(-8deg);box-shadow:0 0 0 1px #c51f2c29 inset}@keyframes difficulty-toast-in{0%{opacity:0;transform:translate(-50%,-10px) rotate(-3deg) scale(.96)}14%{opacity:1;transform:translate(-50%,1px) rotate(-1deg) scale(1.02)}22%{opacity:1;transform:translate(-50%) rotate(-1deg) scale(1)}78%{opacity:1;transform:translate(-50%) rotate(-1deg) scale(1)}to{opacity:0;transform:translate(-50%,-6px) rotate(1deg) scale(.98)}}.tutorial-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6, 24px);background:#121a2299;font-family:Galmuri11,DungGeunMo,monospace;font-size:14px;pointer-events:none}.tutorial-overlay__hint{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px)}