:root{--brand: #7c5cfc;--brand-light: #ede9ff;--brand-dark: #5b3df0;--g900: #191f28;--g800: #333d4b;--g600: #4e5968;--g500: #6b7684;--g400: #8b95a1;--g200: #e5e8eb;--g100: #f2f4f6;--g50: #f9fafb;--shadow-card: 0 0 0 1px rgba(25, 31, 40, .04), 0 2px 6px rgba(25, 31, 40, .06), 0 8px 20px rgba(25, 31, 40, .07);--shadow-card-active: 0 0 0 1px rgba(25, 31, 40, .05), 0 1px 3px rgba(25, 31, 40, .08);--shadow-brand: 0 8px 22px rgba(124, 92, 252, .28), 0 2px 6px rgba(124, 92, 252, .18);--gold: #ffb020;--gold-dark: #c77c00;--silver: #b0b8c4;--silver-dark: #7c8794;--bronze: #e0894f;--bronze-dark: #a85a24}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--g50);color:var(--g900);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Apple SD Gothic Neo,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100vh;background:var(--g50)}@media (min-width: 481px){body{background:#e6e8ec}#root{box-shadow:0 0 0 1px var(--g200),0 12px 40px #191f281a}}button{font-family:inherit;cursor:pointer}.ad-slot{margin:16px 20px;padding:16px;border-radius:14px;border:1px solid var(--g100);background:var(--g50);display:flex;align-items:center;gap:10px}.ad-slot-badge{flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:.5px;color:var(--g500);background:#fff;border:1px solid var(--g200);border-radius:5px;padding:3px 7px}.ad-slot-text{font-size:12px;color:var(--g400);font-weight:500}ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}.hero-title{font-weight:900;letter-spacing:-1px;line-height:1.14;word-break:keep-all;text-shadow:-2px -2px 0 #fff,2px -2px 0 #fff,-2px 2px 0 #fff,2px 2px 0 #fff,-2.5px 0 0 #fff,2.5px 0 0 #fff,0 -2.5px 0 #fff,0 2.5px 0 #fff,0 7px 16px rgba(0,0,0,.35)}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}.fade-up{animation:fadeUp .35s ease both}.rail{display:flex;gap:12px;overflow-x:auto;padding:4px 20px 8px;scroll-snap-type:x mandatory;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start}.pressable{transition:transform .12s ease,box-shadow .12s ease}.pressable:active{transform:scale(.97)}.card-elevated{box-shadow:var(--shadow-card)}.card-elevated:active{box-shadow:var(--shadow-card-active)}.blob-deco{position:relative;isolation:isolate}.blob-deco:before,.blob-deco:after{content:"";position:absolute;border-radius:50%;z-index:0;pointer-events:none;filter:blur(2px)}.blob-deco:before{width:220px;height:220px;top:-90px;right:-70px;background:radial-gradient(circle,#ffffff47,#fff0 70%)}.blob-deco:after{width:160px;height:160px;bottom:-60px;left:-50px;background:radial-gradient(circle,#ffffff29,#fff0 70%)}.blob-deco>*{position:relative;z-index:1}.grain-overlay{position:relative}.grain-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.5;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E");border-radius:inherit}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:12.5px;font-weight:800;color:#fff;flex-shrink:0}.rank-badge--1{background:linear-gradient(155deg,var(--gold),var(--gold-dark));box-shadow:0 3px 8px #ffb02073}.rank-badge--2{background:linear-gradient(155deg,var(--silver),var(--silver-dark));box-shadow:0 3px 8px #b0b8c466}.rank-badge--3{background:linear-gradient(155deg,var(--bronze),var(--bronze-dark));box-shadow:0 3px 8px #e0894f66}.rank-badge--plain{color:var(--g400);font-size:13px}