@import"https://api.fontshare.com/v2/css?f[]=clash-display@600,700&f[]=general-sans@400,500,600,700&display=swap";:root{--bg:#0F1115;--bg-2:#171A21;--bg-3:#1E222B;--ink:#FFFFFF;--ink-2:#C7CBD6;--ink-3:#8A90A0;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.12);--gold:#F5C518;--gold-hi:#FFE9A8;--gold-deep:#C8930A;--gold-dim:rgba(245,197,24,.13);--gold-line:rgba(245,197,24,.34);--amethyst:#8B5CF6;--rose:#EC4899;--emerald:#33C77F;--sapphire:#4A9EFF;--amber:#FF7A34;--ruby:#FF5C5C;--silver:#C7CCD6;--bronze:#CD8B54;--radius:16px;--maxw:920px;--disp:"Clash Display","Segoe UI",system-ui,sans-serif;--sans:"General Sans","Segoe UI",system-ui,-apple-system,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(70vw 50vh at 82% -12%,rgba(245,197,24,.1),transparent 58%),radial-gradient(46vw 40vh at 2% 2%,rgba(139,92,246,.09),transparent 56%),var(--bg);background-attachment:fixed;color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.metal{background:linear-gradient(178deg,#FFF0C4 2%,var(--gold) 42%,var(--gold-deep) 98%);-webkit-background-clip:text;background-clip:text;color:transparent}.disp{font-family:var(--disp);font-weight:700;letter-spacing:-.01em}.tnum{font-variant-numeric:tabular-nums}.brand{display:flex;align-items:center;gap:9px;font-weight:700;letter-spacing:-.02em;font-size:17px}.brand .sub{color:var(--gold)}.brand svg{width:24px;height:24px}.mobile-only{display:block}.desktop-only{display:none}.topbar{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);background:color-mix(in oklab,var(--bg) 82%,transparent);border-bottom:1px solid var(--line)}.topbar .row{padding:12px clamp(14px,4vw,20px);display:flex;align-items:center;justify-content:space-between}.shell{min-height:100vh;padding-bottom:88px}.cols{display:flex;gap:28px;max-width:1060px;margin:0 auto;padding:16px clamp(14px,3vw,24px) 40px;align-items:flex-start}.col-main{flex:1 1 auto;min-width:0;max-width:680px;margin:0 auto;width:100%}.col-right{display:none}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-around;align-items:center;gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--bg-2) 92%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-top:1px solid var(--line)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;border:0;background:none;color:var(--ink-3);font-size:10.5px;font-weight:600;border-radius:12px;text-align:center}.tab.active{color:var(--gold)}.tab .ic{font-size:19px;line-height:1}.tab.create .ic{width:38px;height:38px;margin-top:-14px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold-hi),var(--gold-deep));color:#161206;box-shadow:0 8px 20px -8px #f5c518b3}.rail{position:fixed;left:0;top:0;width:236px;height:100vh;z-index:40;padding:22px 16px;border-right:1px solid var(--line);flex-direction:column;gap:6px;background:color-mix(in oklab,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.rail .brand{padding:6px 10px 18px;font-size:18px}.railtab{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:12px;border:0;background:none;color:var(--ink-2);font-size:14px;font-weight:600}.railtab:hover{background:#ffffff0a}.railtab.active{color:var(--gold);background:var(--gold-dim)}.railtab .ic{font-size:17px;width:20px;text-align:center}.railtab.create{margin-top:4px;background:linear-gradient(135deg,var(--gold-hi),var(--gold-deep));color:#161206;font-weight:800}.railtab.create:hover{filter:brightness(1.04)}.rail-foot{margin-top:auto;padding:12px 10px 4px;color:var(--ink-3);font-size:12px;font-weight:600}@media (min-width:860px){.mobile-only{display:none!important}.desktop-only{display:flex}.shell{padding-bottom:0;padding-left:236px}}@media (min-width:1140px){.col-right{display:block;flex:0 0 306px;width:306px;position:sticky;top:20px;align-self:flex-start}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;font-weight:700;font-size:15px;border:0;padding:14px 16px;border-radius:14px}.btn.gold{background:linear-gradient(135deg,var(--gold-hi),var(--gold) 55%,var(--gold-deep));color:#161206;box-shadow:0 12px 26px -12px #f5c51899,inset 0 1px #fff6}.btn.ghost{background:var(--bg-2);border:1px solid var(--line-2);color:var(--ink)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.sm{width:auto;padding:9px 14px;font-size:13px;border-radius:11px}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 9px;border-radius:999px}.pill.live{color:var(--gold);background:var(--gold-dim);border:1px solid var(--gold-line)}.pill.free{color:var(--emerald);background:#33c77f24;border:1px solid rgba(51,199,127,.3)}.pill.paid{color:var(--sapphire);background:#4a9eff24;border:1px solid rgba(74,158,255,.3)}.pill.type{color:var(--ink-2);background:var(--bg-3);border:1px solid var(--line-2)}.pill.evt{color:var(--amber);background:#ff7a3421;border:1px solid rgba(255,122,52,.3)}.dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #f5c5188c}70%{box-shadow:0 0 0 8px #f5c51800}to{box-shadow:0 0 #f5c51800}}.muted{color:var(--ink-3)}.face{border-radius:12px;flex:0 0 auto;border:1px solid var(--line);background-size:cover;background-position:center}.section-t{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}.section-t h2{font-family:var(--disp);font-size:18px;margin:0}.section-t a{color:var(--gold);font-size:13px;font-weight:600}.lb-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.lb-row:last-child{border-bottom:0}.rankwrap{display:flex;flex-direction:column;align-items:center;gap:4px;width:28px;flex:0 0 auto}.medal{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;color:#161206}.medal.g{background:linear-gradient(160deg,#ffeba6,#f5c518 55%,#c8930a)}.medal.s{background:linear-gradient(160deg,#eef1f6,#c7ccd6 55%,#9098a6);color:#20242c}.medal.b{background:linear-gradient(160deg,#e9b98a,#cd8b54 55%,#9c6534)}.medal.n{background:var(--bg-3);color:var(--ink-3);border:1px solid var(--line)}.mv{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:700}.mv.up{color:var(--emerald)}.mv.down{color:var(--ruby)}.mv.same{color:var(--ink-3)}.lb-mid{flex:1;min-width:0}.lb-mid .nm{display:flex;align-items:center;justify-content:space-between;gap:8px}.lb-mid .nm b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-mid .nm .c{font-weight:700;font-size:13px;flex:0 0 auto}.track{height:8px;border-radius:999px;background:#ffffff0f;margin-top:8px;overflow:hidden}.fill{height:100%;border-radius:999px;transform-origin:left;transition:width .8s cubic-bezier(.16,1,.3,1)}.fill.g{background:linear-gradient(90deg,var(--gold-hi),var(--gold))}.fill.v{background:linear-gradient(90deg,var(--amethyst),#a78bfa)}.fill.m{background:linear-gradient(90deg,var(--rose),#f472b6)}.fill.s{background:linear-gradient(90deg,var(--sapphire),#7bb8ff)}.fill.o{background:linear-gradient(90deg,var(--amber),#ff9d6b)}.ticker{overflow:hidden;border:1px solid var(--line);background:var(--bg-2);border-radius:12px;padding:9px 0;margin:4px 0 14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.tk-track{display:flex;gap:24px;white-space:nowrap;width:max-content;animation:tick 22s linear infinite}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.tk{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--ink-2)}.tk b{color:var(--emerald)}.field{margin-bottom:14px}.field label{display:block;font-size:11.5px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.input{width:100%;background:var(--bg-2);border:1px solid var(--line);border-radius:13px;padding:13px;font-size:15px;color:var(--ink)}.input:focus{outline:2px solid var(--gold-line);outline-offset:0;border-color:var(--gold-line)}.center-min{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--line-2);border-top-color:var(--gold);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:60;background:var(--bg-3);border:1px solid var(--line-2);border-radius:12px;padding:12px 16px;font-size:13px;font-weight:600;box-shadow:0 20px 50px -20px #000c}.guide-item{border:1px solid var(--line);border-radius:14px;background:var(--bg-2);margin-bottom:10px}.guide-item>summary{list-style:none;cursor:pointer;padding:15px 16px;font-weight:700;font-size:14.5px;display:flex;align-items:center;justify-content:space-between;gap:10px}.guide-item>summary::-webkit-details-marker{display:none}.guide-item .chev{color:var(--ink-3);font-size:18px;transition:transform .2s}.guide-item[open] .chev{transform:rotate(90deg);color:var(--gold)}.guide-body{padding:0 16px 16px;color:var(--ink-2);font-size:13.5px;line-height:1.65}.guide-body p{margin:0 0 10px}.guide-body ul,.guide-body ol{margin:0 0 10px;padding-left:20px}.guide-body li{margin-bottom:5px}.guide-body b{color:var(--ink)}.rr-card{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:14px}.rr-card h3{font-family:var(--disp);font-size:13px;margin:0 0 12px}.rr-row{display:flex;align-items:center;gap:10px;padding:7px 0}.rr-row .th{width:36px;height:36px;border-radius:10px;flex:0 0 auto}.rr-row .rt{flex:1;min-width:0}.rr-row .rt b{font-size:12.5px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-row .rt small{font-size:10.5px;color:var(--ink-3)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0009;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{width:100%;max-width:460px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:24px 24px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -22px 54px -30px #000000f2;animation:sheetUp .3s cubic-bezier(.16,1,.3,1)}@keyframes sheetUp{0%{transform:translateY(30px);opacity:.6}}@media (min-width:560px){.modal-scrim{align-items:center}.modal-sheet{border-radius:24px}}.lp{position:relative;min-height:100vh;overflow:hidden}.lp-blob{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:0}.lp-blob.b1{width:44vw;height:44vw;background:var(--gold);top:-14vh;right:-8vw;opacity:.14}.lp-blob.b2{width:38vw;height:38vw;background:var(--amethyst);top:26vh;left:-12vw;opacity:.12}.lp-blob.b3{width:40vw;height:40vw;background:var(--rose);bottom:-16vh;right:8vw;opacity:.09}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(60vw 50vh at 50% 30%,rgba(245,197,24,.1),transparent 60%),var(--bg);animation:introOut .55s ease 1.5s forwards}@keyframes introOut{to{opacity:0;visibility:hidden}}.intro-bars{display:flex;gap:7px;align-items:flex-end;height:88px}.intro-bars i{display:block;width:11px;border-radius:5px;transform-origin:bottom;transform:scaleY(0);background:linear-gradient(180deg,var(--gold-hi),var(--gold-deep));box-shadow:0 8px 20px -8px #f5c51899;animation:introBar .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes introBar{to{transform:scaleY(1)}}.intro-word{font-size:26px;letter-spacing:-.02em;opacity:0;transform:translateY(8px);animation:introWord .55s ease .55s forwards}.intro-word span{color:var(--gold)}@keyframes introWord{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}