:root{--sul-red: #ff4d4d;--sul-orange: #ff9f1c;--sul-yellow: #ffd23f;--sul-green: #2ec4b6;--sul-blue: #3a86ff;--sul-purple: #8338ec;--sul-pink: #ff5da2;--sul-ink: #fafafa;--sul-ink-dim: #9aa0aa;--sul-bg: #0e0e12;--sul-surface: #1a1b22;--sul-surface-2: #23242e;--grad-rainbow: linear-gradient( 90deg, #ff4d4d, #ff9f1c, #ffd23f, #2ec4b6, #3a86ff, #8338ec );--game-roulette: var(--sul-blue);--game-bottle: var(--sul-pink);--game-balance: var(--sul-purple);--game-keyword: var(--sul-orange);--tap-min: 56px;--radius: 18px;--radius-lg: 26px;--ease-spin: cubic-bezier(.17, .67, .3, 1);--ease-press: cubic-bezier(.2, .8, .2, 1);--glass-bg: rgba(26, 27, 34, .72);--glass-border: 1px solid rgba(255, 255, 255, .07);--glass-shadow: 0 10px 30px rgba(0, 0, 0, .35)}.glass{background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1100px 620px at 50% -12%,rgba(131,56,236,.28),transparent 60%),radial-gradient(760px 520px at 8% 8%,rgba(58,134,255,.18),transparent 55%),radial-gradient(720px 520px at 92% 6%,rgba(255,93,162,.14),transparent 55%),var(--sul-bg);background-attachment:fixed;color:var(--sul-ink);font-family:Pretendard,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:18px;line-height:1.4;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#root{max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom)}h1,h2,h3{margin:0;line-height:1.15}button{font-family:inherit}a{color:inherit;text-decoration:none}.rainbow-text{background:var(--grad-rainbow);-webkit-background-clip:text;background-clip:text;color:transparent}.grad-wordmark{background:linear-gradient(90deg,#ff5da2,#8338ec 70%);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sul-wordmark 7s ease-in-out infinite}@keyframes sul-wordmark{0%,to{background-position:0 0}50%{background-position:100% 0}}@media (prefers-reduced-motion: reduce){.grad-wordmark{animation:none}}.rainbow-anim{background:var(--grad-rainbow);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sul-rainbow 6s linear infinite}@keyframes sul-rainbow{to{background-position:220% 0}}@media (prefers-reduced-motion: reduce){.rainbow-anim{animation:none}}.sul-glass-l,.sul-glass-r{transform-box:fill-box;transform-origin:50% 100%}.sul-glass-l{animation:sul-clink-l 2.4s ease-in-out infinite}.sul-glass-r{animation:sul-clink-r 2.4s ease-in-out infinite}.sul-spark{transform-box:fill-box;transform-origin:50% 50%;animation:sul-spark 2.4s ease-in-out infinite}@keyframes sul-clink-l{0%,35%,to{transform:rotate(2deg)}50%,58%{transform:rotate(13deg)}}@keyframes sul-clink-r{0%,35%,to{transform:rotate(-2deg)}50%,58%{transform:rotate(-13deg)}}@keyframes sul-spark{0%,42%{opacity:0;transform:scale(.4)}52%{opacity:1;transform:scale(1.15)}70%,to{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion: reduce){.sul-glass-l{animation:none;transform:rotate(9deg)}.sul-glass-r{animation:none;transform:rotate(-9deg)}.sul-spark{animation:none;opacity:1}}.prose{-webkit-user-select:text;user-select:text}.prose h2{font-size:20px;font-weight:900;margin:24px 0 8px}.prose p{font-size:16px;line-height:1.75;color:#d6d8de;margin:0 0 12px}.prose ul{margin:0 0 12px;padding-left:18px}.prose li{font-size:16px;line-height:1.7;color:#d6d8de;margin:4px 0}.press{transition:transform .12s var(--ease-press)}.press:active{transform:scale(.94)}@keyframes sul-pulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.pulse{animation:sul-pulse .5s var(--ease-press)}@keyframes sul-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.shake{animation:sul-shake .45s ease-in-out}@keyframes sul-popin{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}.popin{animation:sul-popin .4s var(--ease-press)}@media (prefers-reduced-motion: reduce){.pulse,.shake,.popin{animation:none}.press{transition:none}}