*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}:root{--bg: #0a0a0a;--bg2: #111111;--bg3: #1a1a1a;--bg4: #141414;--border: #222222;--border2: #2a2a2a;--border3: #333333;--border4: #1e1e1e;--text: #ffffff;--text2: #aaaaaa;--text3: #555555;--text4: #888888;--text5: #666666;--text6: #444444;--text7: #cccccc;--text8: #dddddd;--accent: #FF5733;--accent2: #FF9500;--green: #34C759;--blue: #007AFF;--purple: #BF5AF2;--purple2: #A78BFA;--pink: #E879F9;--red: #FF3B30;--card-shadow: none;--navbar-bg: rgba(10,10,10,.95);--overlay-bg: rgba(10,10,10,.92);--font-display: "Bebas Neue", cursive;--font-body: "Noto Sans KR", sans-serif;--radius: 12px;--radius-sm: 8px}:root.light{--bg: #F5F5F7;--bg2: #FFFFFF;--bg3: #F0F0F2;--bg4: #E8E8EA;--border: #E0E0E2;--border2: #D5D5D7;--border3: #C8C8CA;--border4: #E0E0E2;--text: #1C1C1E;--text2: #636366;--text3: #8E8E93;--text4: #8E8E93;--text5: #636366;--text6: #AEAEB2;--text7: #3A3A3C;--text8: #2C2C2E;--accent2: #C57600;--green: #28A745;--blue: #0066CC;--pink: #C040D0;--card-shadow: 0 1px 3px rgba(0,0,0,.08);--navbar-bg: rgba(255,255,255,.95);--overlay-bg: rgba(245,245,247,.95);--gold: #B8860B;--orange: #C57600}:root{--gold: #FFD700;--orange: #FF9500}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;overscroll-behavior:none;scrollbar-gutter:stable;width:100%;height:100%;overflow:hidden;overflow-x:hidden;max-width:100vw;touch-action:pan-y}body{position:fixed;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#root{width:100%;height:100%;display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}button{cursor:pointer;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,textarea,select{font-family:var(--font-body);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}button:active,a:active,[role=button]:active{opacity:.7;transition:opacity .05s ease}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:16px!important}}:root.light body,:root.light #root{background:var(--bg);color:var(--text)}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .4s ease forwards}.slide-up{animation:slideUp .5s ease forwards}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes streakGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}}@keyframes streakShake{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.05) rotate(-2deg)}75%{transform:scale(1.05) rotate(2deg)}}@keyframes streakRainbow{0%{filter:hue-rotate(0deg) brightness(1.15)}to{filter:hue-rotate(360deg) brightness(1.15)}}.streak-pulse{animation:streakPulse 2.5s ease-in-out infinite}.streak-glow{animation:streakGlow 1.8s ease-in-out infinite}.streak-shake{animation:streakShake 1.2s ease-in-out infinite}.streak-rainbow{animation:streakRainbow 3s linear infinite}