:root{--bg:#0a0614;--bg-deep:#06030d;--panel:#140d269e;--panel-2:#261844c7;--line:#8a5cff33;--line-2:#8a5cff6b;--text:#ece8ff;--muted:#9d93c4;--accent:#ff3eca;--accent-2:#00e5ff;--purple:#8a5cff;--gold:#ffe14d;--green:#3cf2a0;--blue:#4d7cff;--radius:16px;--maxw:1320px;--font-mono:ui-monospace, "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(1000px 620px at 6% -12%, #ff3eca2e, transparent 55%), radial-gradient(900px 640px at 102% -4%, #00e5ff24, transparent 55%), radial-gradient(900px 900px at 50% 118%, #8a5cff29, transparent 62%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.65}body:before{content:"";z-index:0;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 4px),radial-gradient(120% 100%,#0000 58%,#0000006b);position:fixed;inset:0}a{color:inherit;text-decoration:none}::selection{color:#fff;background:#ff3eca66}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent), var(--purple));border:2px solid var(--bg-deep);border-radius:999px}.site{z-index:1;flex-direction:column;min-height:100%;display:flex;position:relative}.hdr{z-index:20;-webkit-backdrop-filter:blur(16px)saturate(1.7);backdrop-filter:blur(16px)saturate(1.7);background:#0a0614a8;border-bottom:1px solid #8a5cff38;position:sticky;top:0}.hdr:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--purple), var(--accent-2), transparent);opacity:.85;height:1px;position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 0 14px #ff3eca99,0 0 24px #00e5ff59}.hdr-inner{max-width:var(--maxw);justify-content:space-between;align-items:center;height:60px;margin:0 auto;padding:0 22px;display:flex}.logo{align-items:center;gap:9px;font-weight:700;display:flex}.logo-mark{filter:drop-shadow(0 0 8px #00e5ff99);font-size:18px}.logo-text{letter-spacing:.16em;background:linear-gradient(90deg, var(--accent-2), var(--purple) 55%, var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15px}.signal{align-items:flex-end;gap:2px;height:15px;margin-left:4px;display:inline-flex}.signal i{background:linear-gradient(180deg, var(--accent-2), var(--accent));border-radius:2px;width:3px;animation:1.1s ease-in-out infinite signal-bars;box-shadow:0 0 8px #00e5ffb3}.signal i:first-child{height:6px;animation-delay:0s}.signal i:nth-child(2){height:12px;animation-delay:.15s}.signal i:nth-child(3){height:8px;animation-delay:.3s}.signal i:nth-child(4){height:15px;animation-delay:.45s}@keyframes signal-bars{0%,to{opacity:.4;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)}}.nav{align-items:center;gap:6px;display:flex}.nav-a{letter-spacing:.06em;color:var(--muted);border:1px solid #0000;border-radius:999px;padding:6px 13px;font-size:13px;transition:color .22s,background .22s,border-color .22s,box-shadow .22s;position:relative}.nav-a:hover{color:var(--text);border-color:var(--line)}.nav-a.active{color:#fff;text-shadow:0 0 10px #ff3ecab3;background:linear-gradient(#ff3eca3d,#8a5cff2e);border-color:#ff3eca8c;box-shadow:0 0 16px #ff3eca59,inset 0 0 12px #ff3eca26}.page{width:100%;max-width:var(--maxw);flex:1;margin:0 auto;padding:32px 22px 64px}.site-foot{text-align:center;color:var(--muted);letter-spacing:.08em;padding:28px 0 44px;font-size:12px}.page-title{letter-spacing:.06em;text-shadow:0 0 22px #8a5cff8c;align-items:center;gap:12px;margin:0 0 6px;font-size:22px;font-weight:800;display:flex}.page-title:after{content:"";background:linear-gradient(90deg, var(--line-2), transparent);flex:1;height:1px}.page-sub{color:var(--muted);margin:0 0 24px;font-size:13px}.card{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#8a5cff12,#ff3eca05 55%,#0000),#100a1ea8;padding:18px 20px;position:relative;box-shadow:inset 0 1px #ffffff0d,0 10px 34px #0006}.card-title{letter-spacing:.08em;color:#fff;align-items:center;gap:8px;margin:0 0 14px;font-size:13px;font-weight:700;display:flex}.card-title .hint{letter-spacing:0;color:var(--muted);margin-left:auto;font-size:11px;font-weight:400}.stat-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#8a5cff1a,#100a1eb3);padding:16px 18px 15px 20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.stat:before{content:"";background:linear-gradient(180deg, var(--accent-2), var(--accent));width:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 14px #00e5ffcc}.stat:first-child:before{background:linear-gradient(180deg, var(--accent), var(--purple));box-shadow:0 0 14px #ff3ecacc}.stat:nth-child(2):before{background:linear-gradient(180deg, var(--accent-2), var(--blue));box-shadow:0 0 14px #00e5ffcc}.stat:nth-child(3):before{background:linear-gradient(180deg, var(--purple), var(--accent-2));box-shadow:0 0 14px #8a5cffcc}.stat:nth-child(4):before{background:linear-gradient(180deg, var(--gold), var(--accent));box-shadow:0 0 14px #ffe14dbf}.stat .k{letter-spacing:.14em;color:var(--muted);font-size:11px}.stat .v{font-family:var(--font-mono);letter-spacing:-.01em;color:#fff;text-shadow:0 0 18px #00e5ff8c;margin-top:4px;font-size:28px;font-weight:700}.stat:first-child .v{text-shadow:0 0 18px #ff3eca8c}.stat:nth-child(2) .v{text-shadow:0 0 18px #00e5ff99}.stat:nth-child(3) .v{text-shadow:0 0 18px #8a5cff99}.stat:nth-child(4) .v{text-shadow:0 0 18px #ffe14d80}.stat .v small{letter-spacing:0;color:var(--muted);text-shadow:none;margin-left:5px;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;font-weight:400}.grid-2{grid-template-columns:1.15fr 1fr;gap:18px;display:grid}.grid-2.grid-ach{grid-template-columns:1fr 1.3fr}.grid-2>.card{min-width:0}.chart{width:100%;height:340px}.chart-sm{width:100%;height:300px}.drill-bar{letter-spacing:.04em;color:var(--muted);align-items:center;gap:10px;margin-bottom:8px;font-size:12px;display:flex}.drill-bar .back{color:#bff2ff;cursor:pointer;background:#00e5ff14;border:1px solid #00e5ff73;border-radius:999px;padding:4px 13px;font-size:12px;transition:background .2s,box-shadow .2s}.drill-bar .back:hover{background:#00e5ff29;box-shadow:0 0 16px #00e5ff66}.drill-bar b{color:var(--accent);text-shadow:0 0 12px #ff3eca99;font-weight:700}.rank-list{flex-direction:column;gap:11px;display:flex}.rank-row{align-items:center;gap:12px;font-size:13px;transition:transform .18s;display:flex}.rank-row:hover{transform:translate(3px)}.rank-no{text-align:right;width:22px;color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rank-row:nth-child(-n+3) .rank-no{color:var(--gold);text-shadow:0 0 10px #ffe14db3}.rank-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.rank-bar{background:#ffffff0f;border-radius:999px;flex:1.1;height:8px;overflow:hidden;box-shadow:inset 0 0 6px #0009}.rank-bar>i{background:linear-gradient(90deg, var(--accent-2), var(--purple), var(--accent));border-radius:999px;height:100%;display:block;box-shadow:0 0 12px #ff3eca99}.rank-time{text-align:right;width:72px;color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.bartle{color:var(--gold);letter-spacing:.06em;text-shadow:0 0 12px #ffe14db3;background:linear-gradient(90deg,#ffe14d29,#ff3eca1f);border:1px solid #ffe14d80;border-radius:999px;align-items:baseline;gap:8px;margin-bottom:10px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 0 20px #ffe14d47,inset 0 0 14px #ffe14d14}.bartle small{letter-spacing:0;color:var(--muted);text-shadow:none;font-size:11px;font-weight:400}.profile-summary{color:#d7d2ef;white-space:pre-wrap;margin:14px 0 0;font-size:14px}.ach-list{flex-direction:column;gap:11px;display:flex}.ach-row{align-items:center;gap:12px;font-size:13px;display:flex}.ach-name{white-space:nowrap;text-overflow:ellipsis;width:150px;overflow:hidden}.ach-bar{background:#ffffff0f;border-radius:999px;flex:1;height:8px;overflow:hidden;box-shadow:inset 0 0 6px #0009}.ach-bar>i{background:linear-gradient(90deg, var(--green), var(--accent-2));border-radius:999px;height:100%;display:block;box-shadow:0 0 12px #3cf2a08c}.ach-pct{white-space:nowrap;text-align:right;width:116px;color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.game-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#8a5cff12,#100a1eb3);transition:transform .2s,border-color .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.game-card:hover{border-color:#ff3eca8c;transform:translateY(-4px);box-shadow:0 0 26px #ff3eca59,0 12px 30px #00000080}.game-cover{aspect-ratio:16/9;object-fit:cover;background:#140c26;width:100%;display:block}.game-body{padding:12px 14px 14px}.game-name{white-space:nowrap;text-overflow:ellipsis;margin:0 0 7px;font-size:14px;font-weight:600;overflow:hidden}.game-meta{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.chip{letter-spacing:.04em;color:#a9ecff;background:#00e5ff1a;border:1px solid #00e5ff59;border-radius:999px;padding:2px 10px;font-size:11px}.game-hours{color:#cfc7f0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-left:auto}button.chip{color:var(--muted);border:1px solid var(--line);background:#140d2680;padding:6px 15px;font-size:12px;transition:color .18s,background .18s,border-color .18s,box-shadow .18s}button.chip:hover{color:var(--text);border-color:var(--line-2)}button.chip.chip-on{color:#fff;text-shadow:0 0 10px #ff3eca99;background:linear-gradient(90deg,#ff3eca38,#00e5ff2e);border-color:#ff3eca99;box-shadow:0 0 18px #ff3eca59}.detail-head{grid-template-columns:340px 1fr;gap:22px;margin-bottom:22px;display:grid}.detail-cover{border-radius:var(--radius);border:1px solid var(--line);object-fit:cover;aspect-ratio:16/9;background:#140c26;width:100%;box-shadow:0 0 30px #8a5cff40}.detail-title{letter-spacing:.02em;text-shadow:0 0 26px #ff3eca66;margin:0 0 4px;font-size:26px;font-weight:800}.detail-sub{color:var(--muted);letter-spacing:.04em;margin:0 0 16px;font-size:14px}.attr{border-bottom:1px solid #8a5cff24;gap:12px;padding:8px 0;font-size:13px;display:flex}.attr .k{width:96px;color:var(--muted);letter-spacing:.06em;flex-shrink:0}.attr .v{flex:1}.prose{white-space:pre-wrap;color:#dcd6f5;font-size:15px;line-height:1.85}.empty{text-align:center;color:var(--muted);border-radius:var(--radius);background:radial-gradient(600px 200px at 50% 0,#8a5cff14,#0000 70%);border:1px dashed #8a5cff59;padding:48px 20px;font-size:14px;line-height:1.9}.empty code{font-family:var(--font-mono);color:#a9ecff;background:#00e5ff1a;border:1px solid #00e5ff40;border-radius:6px;padding:1px 6px;font-size:12px}.loading{text-align:center;color:var(--muted);letter-spacing:.24em;padding:48px 0;animation:1.6s ease-in-out infinite neon-breathe}@keyframes neon-breathe{50%{opacity:.4}}@media (width<=900px){.grid-2,.grid-2.grid-ach{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(2,1fr)}.detail-head{grid-template-columns:1fr}}@media (width<=560px){.page{padding:20px 14px 48px}.hdr-inner{padding:0 14px}.logo-text{letter-spacing:.08em}.stat .v{font-size:22px}.page-title{font-size:19px}}