@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&family=Cormorant+Garamond:wght@500;600;700&display=swap";[data-theme=dark]{--bg: #070D10;--surface: #0E1612;--surface2: #121C16;--border: rgba(233,201,118,.12);--accent: #2DD4A0;--accent-dim: rgba(233,201,118,.16);--accent-hover:#67E8C0;--text1: #E9ECF5;--text2: #888FA4;--text3: #464D62;--nav-inactive:#464D62;--surface-deep: #0c1510;--inset: #091310;--inset-2: #101a14;--cell-shadow: 0 16px 36px -20px rgba(0,0,0,.7), 0 2px 6px -2px rgba(0,0,0,.42)}[data-theme=light]{--bg: #F3F5FA;--surface: #FFFFFF;--surface2: #E9EDF4;--border: rgba(13,42,76,.14);--accent: #14A37A;--accent-dim: rgba(20,163,122,.1);--accent-hover:#0284C7;--text1: #0E1726;--text2: #4A5568;--text3: #94A0B4;--nav-inactive:#94A0B4;--surface-deep: #EDF1F8;--inset: #EAEEF6;--inset-2: #E2E7F1;--cell-shadow: 0 16px 32px -20px rgba(40,70,130,.22), 0 2px 6px -3px rgba(40,70,130,.12)}:root{--surface3: #1C2030;--line2: rgba(45,212,160,.3);--gold: #E9C976;--gold-hi: #F4DFA0;--gold-grad: linear-gradient(135deg,#E9C976 0%,#CAA244 100%);--felt: #0F2A22;--felt-hi: #16513C;--burgundy: #16312A;--rose: #FB7185;--online: #34D399;--danger: #FB7185;--warning: #FBBF24;--info: #2DD4A0;--silver: #B4BCC8;--bronze: #CD7F45;--rank-fish: #2DD4A0;--rank-regular: #E9C976;--rank-grinder: #A78BFA;--rank-shark: #FBBF24;--rank-legend: #FB7185;--rank-pro: #34D399;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--r-sm: 8px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;-webkit-tap-highlight-color:transparent}body{min-height:100%;font-family:var(--font-body);font-size:14px;background:var(--bg);color:var(--text1);overscroll-behavior:none;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;pointer-events:none;background:radial-gradient(420px 280px at 14% -4%,rgba(45,212,160,.13),transparent 70%),radial-gradient(380px 300px at 100% 22%,rgba(233,201,118,.11),transparent 72%),radial-gradient(360px 320px at 60% 90%,rgba(52,211,153,.09),transparent 72%);filter:blur(0px);animation:ambientDrift 24s ease-in-out infinite alternate}@keyframes ambientDrift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(3%,-2%,0) scale(1.08)}to{transform:translate3d(-3%,2%,0) scale(1.04)}}#root{max-width:430px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1;padding-top:env(safe-area-inset-top)}::-webkit-scrollbar{width:0}.display{font-family:var(--font-display);font-weight:700;letter-spacing:.01em}.title{font-family:var(--font-display);font-weight:600;letter-spacing:.01em}.mono{font-family:var(--font-mono)}.text-1{color:var(--text1)}.text-2{color:var(--text2)}.text-3{color:var(--text3)}.text-accent{color:var(--accent)}.text-online{color:var(--online)}.text-danger{color:var(--danger)}.card{position:relative;background:linear-gradient(180deg,var(--surface),var(--surface-deep));border:1px solid var(--border);border-radius:18px;padding:16px;overflow:hidden;opacity:0;transform:translateY(14px) scale(.985);animation:cardRise .6s cubic-bezier(.2,.8,.25,1) forwards;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 8px 24px #00000052}.card:hover{border-color:#2dd4a038;box-shadow:0 12px 32px #0006}@keyframes cardRise{to{opacity:1;transform:translateY(0) scale(1)}}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120px 80px at 20% -10%,rgba(255,255,255,.06),transparent 70%)}.card-sm{position:relative;background:var(--inset);border:1px solid var(--border);border-radius:13px;padding:11px 13px;box-shadow:0 4px 12px #00000038;transition:border-color .2s ease}.card-sm:hover{border-color:#2dd4a04d}.card-lux{position:relative;overflow:hidden;border-color:#2dd4a038}.card-lux:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#2dd4a0,#e9c976);opacity:.9}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid .card:nth-child(1){animation-delay:.04s}.grid .card:nth-child(2){animation-delay:.1s}.grid .card:nth-child(3){animation-delay:.16s}.grid .card:nth-child(4){animation-delay:.22s}.grid .card:nth-child(5){animation-delay:.28s}.grid .card:nth-child(6){animation-delay:.34s}.col-span-2{grid-column:span 2}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#2dd4a0,#e9c976);color:#070d10;font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.01em;padding:10px 22px;border-radius:11px;border:none;cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s,filter .18s;width:100%;box-shadow:0 6px 20px #2dd4a047}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 10px 28px #2dd4a06b}.btn-primary:active{transform:scale(.97);transition:transform .12s ease}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#2dd4a014;color:#67e8c0;font-family:var(--font-display);font-weight:600;font-size:13px;padding:10px 22px;border-radius:11px;border:1px solid rgba(45,212,160,.3);cursor:pointer;transition:background .15s,border-color .15s,color .15s;width:100%}.btn-ghost:hover{background:#2dd4a024;border-color:#2dd4a08c;color:#2dd4a0}.tg-auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:12px 18px;border-radius:var(--r-sm);border:1px solid rgba(45,212,160,.34);background:#2dd4a01a;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);color:var(--accent);font-family:var(--font-body);font-weight:600;font-size:14px;cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),background .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff24}.tg-auth-btn:hover{background:#2dd4a02e;box-shadow:0 6px 18px #2dd4a047}.tg-auth-btn:active{transform:scale(.97)}.tg-auth-btn svg{flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 10px;border-radius:30px;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent}.badge-fish{background:#6fc0e81a;color:var(--rank-fish);border-color:#6fc0e84d}.badge-regular{background:#c9a24b1a;color:var(--rank-regular);border-color:var(--line2)}.badge-grinder{background:#b98ce01a;color:var(--rank-grinder);border-color:#b98ce04d}.badge-shark{background:#e0913a1a;color:var(--rank-shark);border-color:#e0913a4d}.badge-legend{background:#d98c7a1a;color:var(--rank-legend);border-color:#d98c7a52}.badge-pro{background:#ebcd7e1a;color:var(--rank-pro);border-color:#ebcd7e52}.progress-track{height:6px;background:var(--surface2);border:1px solid var(--border);border-radius:5px;overflow:hidden}.progress-fill{height:100%;background:var(--gold-grad);border-radius:5px;transition:width .4s ease;box-shadow:0 0 8px #c9a24b80}.bottom-nav{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:calc(min(430px,100vw) - 28px);display:flex;align-items:center;justify-content:space-around;padding:9px 8px;z-index:100;border-radius:24px;background:#0d0f15e0;-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 1px #2dd4a00f,0 14px 40px #0000008c}.nav-item{flex:1 1 0;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}.nav-item svg{width:22px;height:22px}.nav-glass-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;transition:background .3s ease,box-shadow .3s ease}.nav-item.active .nav-glass-icon{box-shadow:inset 0 1px #fff6,0 2px 10px currentColor}.nav-item.active .nav-glass-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.45),transparent 60%);pointer-events:none}.topbar{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;background:#08090d8c;-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);border-bottom:1px solid rgba(255,255,255,.07);position:-webkit-sticky;position:sticky;top:0;z-index:50}.avatar{border-radius:50%;object-fit:cover;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:var(--accent);flex-shrink:0}.section-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text1);margin-bottom:10px;letter-spacing:.01em}.section-title:before{content:"";width:4px;height:18px;background:linear-gradient(180deg,#2dd4a0,#e9c976);border-radius:3px;box-shadow:0 0 8px #2dd4a0a6,0 0 18px #2dd4a040;flex-shrink:0}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--online);display:inline-block;box-shadow:0 0 8px var(--online);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #4fb47780}70%{box-shadow:0 0 0 7px #4fb47700}to{box-shadow:0 0 #4fb47700}}.rps-positive{color:var(--online);font-size:13px;font-family:var(--font-mono);font-weight:700}.rps-negative{color:var(--danger);font-size:13px;font-family:var(--font-mono);font-weight:700}.page{flex:1;overflow-y:auto;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.page-content{padding:14px 16px;display:flex;flex-direction:column;gap:16px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.fade-up{animation:fadeUp .55s cubic-bezier(.34,1.4,.5,1) forwards}.page-content>*{animation:fadeUp .55s cubic-bezier(.34,1.4,.5,1) both}.page-content>*:nth-child(1){animation-delay:.02s}.page-content>*:nth-child(2){animation-delay:.07s}.page-content>*:nth-child(3){animation-delay:.12s}.page-content>*:nth-child(4){animation-delay:.17s}.page-content>*:nth-child(5){animation-delay:.22s}.page-content>*:nth-child(6){animation-delay:.27s}a:active .card,a:active .card-sm{transform:scale(.975)}@keyframes crownGlow{0%,to{filter:drop-shadow(0 0 5px rgba(245,196,81,.7));transform:translateY(0)}50%{filter:drop-shadow(0 0 16px rgba(245,196,81,1));transform:translateY(-3px)}}.crown-glow{animation:crownGlow 2s ease-in-out infinite;display:inline-block}@keyframes ratingReveal{0%{opacity:0}to{opacity:1}}.rating-reveal{animation:ratingReveal .38s ease both}@keyframes ratingSpin{to{transform:rotate(360deg)}}.rating-spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--accent);animation:ratingSpin .7s linear infinite}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:11px;font-weight:500;font-family:var(--font-mono);letter-spacing:.06em;padding:7px 13px;border-radius:10px;border:1px solid var(--border);cursor:pointer;background:#0a0c12;color:var(--text2);transition:all .2s}.pill:hover{border-color:#2dd4a066;color:#2dd4a0}.pill.active{background:#2dd4a024;border-color:#2dd4a080;color:#67e8c0;box-shadow:0 0 10px #2dd4a026}[data-theme=light] .card{background:linear-gradient(180deg,#fff,#f3f5fa);border-color:#0e17261a;box-shadow:inset 0 1px #ffffffe6,0 8px 24px #2846821a}[data-theme=light] .card:after{background:radial-gradient(120px 80px at 20% -10%,rgba(255,255,255,.55),transparent 70%)}[data-theme=light] .card:hover{border-color:#14a37a40}[data-theme=light] .card-sm{background:#fff;border-color:#0e17261a;box-shadow:0 4px 12px #28468214}[data-theme=light] .card-sm:hover{border-color:#14a37a47}[data-theme=light] .bottom-nav{background:#ffffffe0;border-color:#0e172617;box-shadow:inset 0 1px #fffffff2,0 12px 36px #28468229}[data-theme=light] .topbar{background:#ffffffd1;border-bottom-color:#5a78b421}[data-theme=light] .pill{background:#ffffffbf}[data-theme=light] .pill.active{background:#14a37a1f;border-color:#14a37a66;color:#0284c7}[data-theme=light] .progress-track{background:#7896dc29}[data-theme=light] body:before{opacity:.35}[data-theme=gatsby]{--bg: #071426;--surface: #0E2542;--surface2: #0A1C34;--border: rgba(176,190,214,.3);--accent: #CBD7EA;--accent-dim: rgba(176,190,214,.12);--accent-hover:#EAF1FB;--text1: #EAF1FB;--text2: #A9BAD4;--text3: #6E82A4;--nav-inactive:#6E82A4;--surface-deep: #081A30;--inset: #0B2038;--inset-2: #0E2542;--cell-shadow: 0 16px 36px -20px rgba(0,0,0,.7), 0 2px 6px -2px rgba(0,0,0,.45);--surface3: #16294A;--line2: rgba(176,190,214,.32);--plat-grad: linear-gradient(135deg,#FCFDFF 0%,#C2CEE0 22%,#8E9FBC 50%,#C2CEE0 78%,#EEF2F8 100%);--gold: #C8D4E8;--gold-hi: #EAF1FB;--gold-grad: linear-gradient(135deg,#EAF0FA 0%,#B8C6DC 52%,#8294AC 100%);--font-display: "Cormorant Garamond", "Space Grotesk", Georgia, serif}[data-theme=gatsby] body{background:radial-gradient(125% 95% at 50% 6%,#163a66,#0e2542 36%,#071426 76%,#030712)}[data-theme=gatsby] body:before{background:repeating-conic-gradient(from 90deg at 50% 24%,rgba(206,218,238,.05) 0deg .8deg,transparent .8deg 6.2deg),radial-gradient(60vh 60vh at 50% 24%,rgba(110,150,225,.2),transparent 60%),radial-gradient(150% 130% at 50% 36%,transparent 46%,rgba(2,7,20,.6) 100%);opacity:1;animation:none}[data-theme=gatsby] .card,[data-theme=gatsby] .card-sm{background:linear-gradient(180deg,#0e2542f0,#081426f7);border-color:transparent;box-shadow:inset 0 0 0 1px #b0bed624,0 14px 34px #00000080}[data-theme=gatsby] .card-sm{box-shadow:inset 0 0 0 1px #b0bed61f,0 6px 16px #00000073}[data-theme=gatsby] .card:before,[data-theme=gatsby] .card-sm:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.6px;background:var(--plat-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2;opacity:.85}[data-theme=gatsby] .card:hover:before,[data-theme=gatsby] .card-sm:hover:before{opacity:1;padding:2px}[data-theme=gatsby] .card:after{display:none}[data-theme=gatsby] .btn-primary{background:linear-gradient(135deg,#e6edf7,#b7c5da 48%,#8e9fbc);color:#0c1f3a;box-shadow:0 6px 18px #788cb44d}[data-theme=gatsby] .btn-primary:hover{filter:brightness(1.06);box-shadow:0 10px 26px #96aad26b}[data-theme=gatsby] .btn-ghost{background:#b0bed614;color:#cbd7ea;border-color:#b0bed657}[data-theme=gatsby] .btn-ghost:hover{background:#b0bed629;border-color:#cbd7ea;color:#eaf1fb}[data-theme=gatsby] .bottom-nav{background:#0a1628e6;border-color:#b0bed62e;box-shadow:inset 0 1px #b0bed61f,0 14px 40px #0009}[data-theme=gatsby] .topbar{background:#07122299;border-bottom-color:#b0bed629}[data-theme=gatsby] .section-title:before{background:var(--plat-grad);box-shadow:0 0 8px #7896d280}[data-theme=gatsby] .progress-track{background:#b0bed61f}[data-theme=gatsby] .progress-fill{background:var(--plat-grad);box-shadow:0 0 8px #96acd680}[data-theme=gatsby] .pill{background:#b0bed612;border-color:#b0bed642}[data-theme=gatsby] .pill.active{background:#b0bed629;border-color:#b0bed680;color:#eaf1fb}[data-theme=gatsby] .tg-auth-btn{background:#b0bed61a;border-color:#b0bed666;color:#cbd7ea}.theme-toggle-btn{width:38px;height:38px;border-radius:11px;flex-shrink:0;background:var(--accent-dim);border:1px solid var(--line2, var(--border));color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s}.theme-toggle-btn:hover{border-color:var(--accent)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body:before{animation:none!important}}