@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@600;700;800&display=swap";html{overflow-y:scroll}.navbar{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);column-gap:32px;align-items:center;width:100%;height:60px;background-color:#0505053a;color:#fff;border-bottom:1px solid #dddddd62;padding:0 24px;box-sizing:border-box;position:relative}.logo{display:flex;align-items:center;justify-self:start;height:100%}.logo img{height:40px;width:auto;object-fit:contain}.menu{position:relative;display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.menuItem{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;cursor:pointer;-webkit-user-select:none;user-select:none}.menuText{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#71717a;transition:color .2s ease;z-index:2}.menuItem:hover .menuText{color:#e4e4e7}.menuItem.selected .menuText{color:#fff}.menuSocket{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);width:7px;height:7px;box-sizing:border-box;border:1px dashed rgba(34,197,94,.4);border-radius:50%;background:#09090b80;z-index:1;transition:border-color .2s ease}.menuItem:hover .menuSocket{border-color:#22c55ebf}.menuTrack{position:absolute;bottom:-6px;height:0;border-top:1px dashed rgba(104,104,104,.921);pointer-events:none;z-index:0;transition:left .35s ease,width .35s ease}.menuDot{position:absolute;bottom:-9px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e,0 0 12px #22c55e8c;pointer-events:none;z-index:2;transition:left .45s cubic-bezier(.16,1,.3,1);animation:menuDotPulse 1.6s ease-in-out infinite}@keyframes menuDotPulse{0%,to{transform:scale(.85);box-shadow:0 0 4px #22c55e,0 0 8px #22c55e73}50%{transform:scale(1.35);box-shadow:0 0 10px #22c55e,0 0 18px #22c55ebf}}.rightSection{display:flex;align-items:center;justify-content:flex-end;justify-self:end;gap:24px}.settings{display:flex;align-items:center;gap:16px;cursor:pointer}.icon{font-size:20px;color:#fff;transition:transform .15s ease,color .15s ease}.settings .icon:hover{color:#a5a5a5}.settings .icon:active{transform:scale(.9)}.langSwitch{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;color:#fff;background:transparent;border:1px solid #3f3f46;border-radius:4px;padding:4px 7px;cursor:pointer;transition:border-color .2s ease,color .2s ease}.langSwitch:hover{border-color:#a5a5a5;color:#a5a5a5}.iconBi{color:#fff;font-size:20px;transition:transform .15s ease,color .15s ease}.iconBi:hover{color:#a5a5a5}.notification{position:relative;display:flex;align-items:center;justify-content:center}.notifTrigger{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease}.notifTrigger:active{transform:scale(.9);transition:.1s}.notificationBadge{position:absolute;top:-4px;right:-5px;min-width:15px;height:15px;padding:0 3px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:8px;background-color:#ef4444;color:#fff;font-size:9px;font-weight:800;line-height:1;box-shadow:0 0 6px #ef4444bf;pointer-events:none;animation:badgePop .18s ease-out}@keyframes badgePop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.notificationDropdown{position:fixed;top:70px;right:8px;width:320px;background:#09090b;border:1px solid #27272a;border-radius:6px;box-shadow:0 12px 30px #000c,0 0 1px #ffffff1a;z-index:100;overflow:hidden;cursor:default;animation:dropDownAnim .15s ease-out}@keyframes dropDownAnim{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notifHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0d0d0e;border-bottom:1px solid #27272a}.notifTitle{font-size:.72rem;font-weight:700;letter-spacing:.1em;color:#a1a1aa}.notifClearBtn{background:transparent;border:none;font-size:.7rem;color:#71717a;cursor:pointer;transition:color .15s}.notifClearBtn:hover:not(:disabled){color:#e4e4e7}.notifClearBtn:disabled{opacity:.35;cursor:not-allowed}.notifList{max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3f3f46 transparent}.notifList::-webkit-scrollbar{width:6px}.notifList::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}.notifItem{position:relative;display:flex;gap:10px;padding:10px 14px 10px 16px;border-bottom:1px solid #18181b;transition:background .15s}.notifItem:last-child{border-bottom:none}.notifItem:hover{background:#141417}.notifItem.unread{background:#0e1512}.notifItem.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#22c55e;box-shadow:0 0 8px #22c55e99}.notifTag{font-family:var(--font-mono);font-size:.62rem;font-weight:800;letter-spacing:.06em;white-space:nowrap}.notifEmpty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 24px;text-align:center}.notifEmptyGlyph{font-size:24px;color:#3f3f46;line-height:1}.notifEmpty p{margin:0;font-size:.8rem;font-weight:700;color:#a1a1aa}.notifEmptyHint{font-size:.68rem;color:#52525b;line-height:1.45;max-width:220px}.notifIndicator{width:6px;height:6px;border-radius:50%;margin-top:5px;flex-shrink:0}.notifItem.offline .notifIndicator{background:#ef4444;box-shadow:0 0 5px #ef4444}.notifContent{flex-grow:1}.notifMeta{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.notifPlayer{font-size:.78rem;font-weight:700;color:#f4f4f5}.notifTime{font-size:.68rem;color:#52525b}.notifMsg{margin:0;font-size:.72rem;color:#a1a1aa;line-height:1.3}.signUpButton{border:1px solid #3f3f46d1;justify-content:center;display:flex;align-items:center;padding:5px;width:60px;height:30px;font-size:12px;border-radius:5px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;transition:.2s;background:transparent;color:#fff;cursor:pointer;gap:4px}.signUpButton:hover{background-color:#0cd957ad;border-radius:1px solid #1f974ba1;transition:.2s}.signUpButton:active{transform:scale(.9)}@media(max-width:1200px){.navbar{padding:0 16px;column-gap:20px}.menu{gap:4px}.menuItem{padding:8px 10px}.menuText{letter-spacing:.08em}.rightSection{gap:16px}}.mobileBottomNav{display:none;position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:50;align-items:center;gap:6px;width:fit-content;height:58px;padding:0 10px;background:#0a0a0c;border:1px solid #1c1c1f;border-radius:999px;box-shadow:0 8px 24px #00000080}.mobileNavBtn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:#71717a;font-size:18px;cursor:pointer;transition:background .15s ease,color .15s ease}.mobileNavBtn.active{background:#27272a;color:#22c55e}@media(max-width:720px){.navbar{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 14px}.menu,.notification,.icon{display:none}.logo img{height:30px}.mobileBottomNav{display:flex}}@media(max-width:380px){.mobileBottomNav{height:52px}.mobileNavBtn{width:36px;height:36px;font-size:16px}}.navAvatarButton{width:30px;height:30px;padding:0;border-radius:50%;border:1px solid #3f3f46d1;background:#18181b;overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s}.navAvatarButton:hover{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e40}.navAvatarButton:active{transform:scale(.92)}.navAvatarSkeleton{display:block;width:30px;height:30px;border-radius:50%;background:#18181b;border:1px solid #27272a;animation:navSkeletonPulse 1.2s ease-in-out infinite}@keyframes navSkeletonPulse{0%,to{opacity:.5}50%{opacity:1}}.playerAvatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.playerAvatar img{width:100%;height:100%;object-fit:cover}.playerAvatarFallback{width:50%;height:50%;color:#52525b}.journal{display:flex;flex-direction:column;background:#1a1a1a28;border:none;border:1px solid #27272a71;border-radius:0;overflow:hidden;height:var(--cards-max-h)}.journalHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:transparent;border-bottom:1px solid #1c1c1f;flex-shrink:0}.journalTitle{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#a1a1aa}.journalClearBtn{background:transparent;border:none;font-size:.7rem;color:#71717a;cursor:pointer;transition:color .15s ease}.journalClearBtn:hover:not(:disabled){color:#e4e4e7}.journalClearBtn:disabled{opacity:.35;cursor:not-allowed}.journalList{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3f3f46 transparent}.journalList::-webkit-scrollbar{width:6px}.journalList::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}.journalItem{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid #18181b;animation:journalItemIn .18s ease-out}.journalItem:last-child{border-bottom:none}.journalItem:hover{background:#101013}@keyframes journalItemIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.journalDot{width:7px;height:7px;border-radius:50%;margin-top:4px;flex-shrink:0}.journalBody{flex:1;min-width:0}.journalTopline{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.journalTag{font-weight:800;font-size:.64rem;letter-spacing:.06em;white-space:nowrap}.journalTime{font-size:.66rem;color:#52525b;white-space:nowrap;flex-shrink:0}.journalPlayer{margin:3px 0 8px;font-size:.82rem;font-weight:700;color:#f4f4f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journalMsg{margin:0;font-size:.74rem;color:#a1a1aa;line-height:1.4;word-break:break-word}.journalSwitch{display:flex;flex-direction:column;align-items:stretch;gap:4px}.journalAction{font-size:.68rem;color:#8b8b93;margin-bottom:2px}.journalServer{display:block;padding:6px 9px;border-radius:6px;font-size:.74rem;line-height:1.35;word-break:break-word;border:1px solid #26262b;background:#141417}.journalServer.from{color:#9a9aa2}.journalServer.to{color:#f4f4f5;border-color:#3f3a1d;background:#1c1a12}.journalServer.home{color:#eafff0;border-color:#1f4a30;background:#102017}.journalArrow{align-self:center;font-size:.9rem;line-height:1;color:#f59e0b;margin:1px 0}.journalEmpty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 22px;text-align:center}.journalEmptyGlyph{font-size:24px;color:#3f3f46;line-height:1}.journalEmpty p{margin:0;font-size:.8rem;font-weight:700;color:#a1a1aa}.journalEmptyHint{font-size:.68rem;color:#52525b;line-height:1.45;max-width:240px}@media(max-width:900px){.journal{height:60vh;max-height:420px}}.infoWrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.tooltipContainer{position:absolute;bottom:-150%;left:50%;transform:translate(-105px);pointer-events:none;z-index:50;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}.tooltipTail{width:230px;height:92px;display:block}.tooltipText{color:#a1a1aa;font-family:var(--font-mono);font-size:10.5px;font-weight:300;line-height:1.35;letter-spacing:.02px;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.activityHeatmap{display:flex;flex-direction:column;gap:14px}.activityStats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.activityStat{background:#121215;border:1px solid #27272a;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.activityStatLabel{font-size:11px;color:#71717a;letter-spacing:.04em}.activityStatValue{font-family:var(--font-mono);font-size:15px;font-weight:700;color:#e4e4e7}.activityGrid{display:grid;grid-template-columns:22px repeat(7,1fr);gap:10px}.activityHourLabel{font-family:var(--font-mono);font-size:9px;line-height:1;display:flex;align-items:center;color:#71717a}.activityColumn{display:flex;flex-direction:column;align-items:stretch;min-width:0}.activityDayLabel,.activityDateLabel{font-size:10px;text-align:center;color:#a1a1aa}.activityDayLabel{height:14px;flex-shrink:0;margin-bottom:6px;font-weight:700;letter-spacing:.04em}.activityDateLabel{height:12px;flex-shrink:0;margin-top:6px;font-family:var(--font-mono);color:#52525b}.activityTicks{display:grid;grid-template-rows:repeat(24,6px);row-gap:2px}.activityTick{width:calc(100% - 10px);justify-self:center;border-radius:2px;background:#1c1c20;transition:transform .1s ease,box-shadow .1s ease;cursor:default}.activityTick.isHovered{transform:scaleX(1.08);box-shadow:0 0 0 1px #e4e4e7}.lvl0{background:#1c1c20}.lvl1{background:#12301d}.lvl2{background:#14532d}.lvl3{background:#1a6b38}.lvl4{background:#22893f}.activityFooter{display:flex;align-items:center;justify-content:space-between;gap:12px}.activityReadout{margin:0;font-size:11px;color:#a1a1aa;font-family:var(--font-mono)}.activityLegend{display:flex;align-items:center;gap:4px;font-size:10px;color:#71717a;flex-shrink:0}.activityLegendTick{width:14px;height:7px;border-radius:2px}.modalOverlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:calc(clamp(24px,8vh,110px) + 50px) 24px 40px;z-index:1000}.modalMenu{position:relative;background:#0b0b0d;border-radius:14px;width:100%;max-width:880px;padding:24px;box-shadow:0 10px 30px #000c;color:#fff;box-sizing:border-box;border:1px solid #27272a;margin:0 auto;display:flex;align-items:stretch;gap:20px;height:min(600px,calc(100vh - 200px))}.modalMenu:before{content:"";position:absolute;inset:-4px;border-radius:16px;background:#18181b;box-shadow:inset 0 0 0 1px #ffffff0a;pointer-events:none;z-index:-1}.modalBody{flex:1 1 460px;min-width:0;display:flex;flex-direction:column}.modalMenu:has(.battleMetricsInfo,.activityPane){height:auto;min-height:min(600px,calc(100vh - 200px))}@media(min-width:841px){.modalMenu:has(.battleMetricsInfo,.activityPane) .modalJournalPane{contain:size}}.modalJournalPane{flex:0 0 300px;min-width:0;display:flex;flex-direction:column;gap:12px}.modalJournalPane .journal.inModal{flex:1;min-height:0;height:auto}.modalTrackStatus{flex-shrink:0;background:#121215;border:1px solid #27272a;border-radius:8px;padding:10px 12px}.modalTrackStatus.isTracking{border-color:#22c55e44;background:#10160f}.modalTrackStatusRow{display:flex;align-items:center;gap:8px}.modalTrackStatusDot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.modalTrackStatusLabel{font-size:12px;font-weight:700;letter-spacing:.04em;color:#e4e4e7}.modalTrackStatusHint{margin:6px 0 0;font-size:11px;line-height:1.45;color:#a1a1aa}.serversPane{gap:0}.serversTabHeading{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#22c55e;text-transform:uppercase;flex-shrink:0}.serversPane .tabContentList{flex:1;min-height:0}@media(max-width:840px){.modalMenu{flex-direction:column;max-width:460px;height:auto}.modalJournalPane{flex-basis:auto;width:100%}.modalJournalPane .journal.inModal{height:340px;flex:none}}@media(max-width:520px){.modalOverlay{padding:72px 10px 24px}.modalMenu{padding:18px 16px;gap:16px;border-radius:12px}.steamInfo{gap:12px}.playerImg{width:54px;height:54px}.actions{flex-direction:column}.actions .actionBtn,.actions .deleteCard{width:100%}.modalJournalPane .journal.inModal{height:280px}.tabContentWrapper{min-height:260px}}.exitButton{position:absolute;top:14px;right:14px;background:#121215;border:1px solid #27272a;border-radius:6px;color:#a1a1aa;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;z-index:2}.exitButton:hover{background:#27272a;color:#fff}.steamInfo{display:flex;gap:16px;align-items:center;margin-bottom:16px}.playerImg{width:64px;height:64px;border-radius:10px;overflow:hidden;background:#18181b;flex-shrink:0}.playerImg img{width:100%;height:100%;object-fit:cover}.playerDetails{flex:1;min-width:0}.playerName{font-size:18px;font-weight:600;margin:0 0 4px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusContainer{display:flex;align-items:center;gap:6px;margin-bottom:6px}.statusDot{width:7px;height:7px;border-radius:50%}.statusLabel{font-size:11px;font-weight:600;color:#a1a1aa;letter-spacing:.5px}.playerSteamId{display:inline-flex;align-items:center;background:#121215;border:1px solid #27272a;border-radius:6px;padding:3px 8px;gap:6px}.playerSteamId code{font-family:var(--font-mono);font-size:12px;color:#d4d4d8}.copyBtn{background:transparent;border:none;color:#a1a1aa;cursor:pointer;padding:0;display:flex;align-items:center}.copyBtn:hover{color:#fff}.copySuccess{font-size:11px;color:#22c55e}.currentServerBanner{background:#121215;border:1px solid #27272a;border-left:3px solid #22c55e;border-radius:6px;padding:8px 12px;margin-bottom:14px}.bannerLabel{font-size:10px;font-weight:700;color:#22c55e;margin:0 0 2px;letter-spacing:.5px}.bannerServerName{font-size:13px;font-weight:600;color:#f4f4f5;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bannerServerIp{font-size:11px;font-family:var(--font-mono);color:#a1a1aa;margin:2px 0 0}.modalTabs{display:flex;background:#09090b;border:1px solid #1c1c1f;border-radius:8px;padding:3px;margin-bottom:16px;gap:4px}.tabBtn{flex:1;background:transparent;border:none;color:#71717a;font-size:11px;font-weight:600;padding:7px 0;border-radius:6px;cursor:pointer;transition:all .15s ease}.tabBtn:hover{color:#d4d4d8}.tabBtn.active{background:#27272a;color:#22c55e}.tabContentWrapper{position:relative;flex:1;min-height:320px;display:flex;flex-direction:column}.tabPane{flex:1;min-height:0;display:flex;flex-direction:column}.sectionHeader{display:flex;align-items:center;gap:10px;margin-bottom:12px}.sectionLabel{font-size:11px;font-weight:600;color:#71717a;letter-spacing:.8px}.sectionDivider{flex:1;height:1px;background:#27272a}.statGridTwo{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.statTile{background:#121215;border:1px solid #27272a;border-radius:8px;padding:12px 14px}.statTile .label{font-size:12px;color:#a1a1aa;margin:0 0 6px;font-weight:500}.statTile .value{font-size:16px;font-weight:600;color:#fff;margin:0}.label{display:flex;align-items:center;gap:6px;font-size:13px;color:#a1a1aa}.infoIcon{cursor:pointer;color:#52525b;transition:color .2s ease}.infoIcon:hover{color:#a1a1aa}.infoWrapper{display:inline-flex;align-items:center;position:relative;cursor:pointer;color:#52525b;transition:color .2s ease}.infoWrapper:hover{color:#a1a1aa}.infoWrapper .tooltipContainer{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.infoWrapper:hover .tooltipContainer{opacity:1;visibility:visible}.trackContainer{margin-bottom:auto}.trackHint{margin:6px 2px 0;font-size:12px;color:#a1a1aa}.trackBtn{width:100%;background:#121215;border:1px solid #27272a;border-radius:8px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none}.trackBtn:hover{background:#1a1a1d;border-color:#3f3f46}.trackBtn.trackingActive{background:#13241d;border-color:#22c55e44}.trackDot{width:8px;height:8px;border-radius:50%;background:#71717a;transition:all .2s ease}.trackDot.dotActive{background:#22c55e;box-shadow:0 0 8px #22c55e}.trackText{font-size:12px;font-weight:600;color:#d4d4d8;letter-spacing:.3px}.trackBtn.trackingActive .trackText{color:#4ade80}.circularTimer{width:24px;height:24px;position:relative;display:flex;align-items:center;justify-content:center}.timerSvg{width:100%;height:100%;transform:rotate(-90deg)}.timerCircleBg{fill:none;stroke:#27272a;stroke-width:3.2}.timerCircleProgress{fill:none;stroke:#71717a;stroke-width:3.2;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s ease}.timerCircleProgress.progressActive{stroke:#22c55e;filter:drop-shadow(0 0 2px rgba(34,197,94,.6))}.actions{display:flex;gap:8px;margin-top:12px}.actionBtn{flex:1;text-align:center;text-decoration:none;padding:10px 0;font-size:12px;font-weight:600;border-radius:8px;transition:opacity .15s ease;box-sizing:border-box}.actionBtn.primary,.actionBtn.secondary{background:#121215;border:1px solid #27272a;color:#fff;transition:background .15s ease,border-color .15s ease}.actionBtn:hover{background:#1a1a1d;border-color:#3f3f46}.deleteCard{background:transparent;border:1px solid #ef444433;color:#ef4444;padding:10px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.deleteCard:hover{background:#ef44441a;border-color:#ef4444}.tabContentList{overflow-y:auto;gap:6px;padding-right:4px}.tabContentList::-webkit-scrollbar{width:4px}.tabContentList::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}.listItem{background:#121215;border:1px solid #27272a;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:2px}.listItemTitle{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listItemSub{font-size:12px;font-weight:600;color:#22c55eb3}.nameSearchInput{width:100%;background:#121215;border:1px solid #27272a;border-radius:6px;padding:7px 10px;color:#fff;font-size:12px;box-sizing:border-box;outline:none;margin-bottom:8px}.nameSearchInput:focus{border-color:#22c55e}.namesScrollContainer{flex:1;overflow-y:auto;display:flex;flex-wrap:wrap;gap:6px;align-content:flex-start}.namesScrollContainer::-webkit-scrollbar{width:4px}.namesScrollContainer::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:4px}.nameChip{background:#121215;border:1px solid #27272a;border-radius:6px;padding:4px 8px;font-size:16px;font-weight:600;color:#d4d4d8;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.emptyText{text-align:center;color:#71717a;font-size:12px;padding:40px 0;margin:0}.cardWrapper{width:100%;display:flex;justify-content:center;align-items:center;background-color:#080808}.cardContainer{display:grid;max-width:1200px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;background-color:#1a1a1a28;padding:20px;border-radius:12px}.cardWrapper{width:100%;display:flex;justify-content:center;align-items:flex-start;padding:20px;box-sizing:border-box;position:relative;background:#030303}.cardLayout{display:flex;align-items:flex-start;gap:20px;width:100%;max-width:1760px;margin:0 auto}.cardMain{flex:1 1 auto;min-width:0;container:players / inline-size}.cardJournal{flex:0 0 340px;position:sticky;top:20px;align-self:flex-start}.cardContainer{position:relative;display:grid;width:100%;padding:34px 16px 16px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(80px,auto);align-content:start;gap:16px;box-sizing:border-box;min-height:var(--cards-max-h)}.cardCount{position:absolute;top:10px;left:16px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#6b7280;-webkit-user-select:none;user-select:none}.cardCount.full{color:#f87171}@container players (max-width: 900px){.cardContainer{grid-template-columns:repeat(3,minmax(0,1fr))}}@container players (max-width: 640px){.cardContainer{grid-template-columns:repeat(2,minmax(0,1fr))}}@container players (max-width: 420px){.cardContainer{grid-template-columns:1fr}}@media(max-width:900px){.cardLayout{flex-direction:column;align-items:stretch}.cardMain{width:100%}.cardJournal{position:static;flex-basis:auto;width:100%}}@media(max-width:600px){.cardWrapper{padding:12px}.cardContainer{padding:34px 10px 12px;gap:12px}.cardLayout{gap:14px}}.card{position:relative;width:100%;height:80px;background:#020202c9;border:2px solid #32353d;border-radius:10px;display:flex;align-items:center;padding:0 14px;gap:14px;box-sizing:border-box;cursor:pointer;box-shadow:0 4px 15px #0006;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.cardStatusCorner{position:absolute;top:7px;left:7px;width:9px;height:9px;border-radius:50%;outline:2px solid #020202;z-index:2}.card:hover{transform:translateY(-2px);border-color:#10e222ce;box-shadow:0 8px 24px #0009}.cardImage{width:50px;height:50px;border-radius:8px;overflow:hidden;background:#23252b;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cardImage img{width:100%;height:100%;object-fit:cover}.cardInfo{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;flex:1}.cardPlayerName{font-size:15px;font-weight:700;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cardStatusRow{display:flex;align-items:center;gap:6px}.cardStatusDot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cardStatusLabel{font-size:11px;font-weight:700;color:#9ca3af;letter-spacing:.4px;margin:0}.cardCircularTimer{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto}.cardTimerSvg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.cardCircleBg{fill:none;stroke:#23252b;stroke-width:3}.cardCircleProgress{fill:none;stroke:#22c55e;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 1px rgba(34,197,94,.5));transition:stroke-dashoffset 1s linear}.cardTimerText{position:relative;font-family:var(--font-mono);font-size:10px;font-weight:700;color:#4ade80;letter-spacing:-.5px;-webkit-user-select:none;user-select:none}.skeletonCard{border-left-color:#23252b!important;cursor:default!important;pointer-events:none}.skeletonImage{width:50px;height:50px;border-radius:8px}.skeletonInfo{display:flex;flex-direction:column;gap:8px;width:100%}.skeletonName{width:70%;height:14px}.skeletonStatus{width:45%;height:10px}.cardContainer:has(>.cardEmpty){align-content:center}.cardEmpty{grid-column:1 / -1;width:100%;max-width:400px;margin:auto;padding:28px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.6;font-size:13px;color:#6b7280;box-sizing:border-box}@media(max-width:600px){.cardEmpty{min-height:200px;padding:24px 16px;justify-self:center}}.skeletonCard{border-color:#23252b!important;cursor:default!important;pointer-events:none}.skeletonImage{border-radius:8px}.skeletonInfo{display:flex;flex-direction:column;gap:10px;width:100%}.skeletonLine{border-radius:4px}.skeletonName{width:65%;height:16px}.skeletonStatus{width:40%;height:12px}.skeletonShimmer{background:linear-gradient(90deg,#1b1d24,#2a2e38,#1b1d24);background-size:200% 100%;animation:shimmer 1.5s infinite ease-in-out}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.searchModes{width:100%;max-width:520px;padding-right:50px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.modeTabs{display:flex;width:100%;gap:4px;padding:3px;background:#09090bd9;border:1px solid #1c1c1f;border-radius:7px;box-sizing:border-box}.modeTab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 6px;background:transparent;border:none;border-radius:5px;color:#71717a;font-size:10px;font-weight:700;letter-spacing:.08em;white-space:nowrap;cursor:pointer;transition:color .15s ease,background .15s ease}.modeTab:hover{color:#d4d4d8}.modeTab.active{background:#27272a;color:#22c55e}.modeTabIcon{font-size:12px;flex-shrink:0}.modeInfoToggle{display:flex;align-items:center;justify-content:center;width:28px;height:16px;margin-top:2px;padding:0;background:transparent;border:none;color:#52525b;font-size:14px;cursor:pointer;transition:color .15s ease}.modeInfoToggle:hover{color:#a1a1aa}.modeInfoToggle svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.modeInfoToggle.open svg{transform:rotate(180deg)}.modeInfo{display:grid;grid-template-rows:0fr;width:min(720px,calc(100vw - 32px));margin-right:-50px;transition:grid-template-rows .3s ease}.modeInfo.open{grid-template-rows:1fr}.modeInfoInner{min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.modeInfo.open .modeInfoInner{padding:6px 0 10px}.modeInfoCard{display:flex;flex-direction:column;gap:6px;padding:10px 12px;text-align:left;background:#09090beb;border:1px solid #27272a;border-radius:8px;color:inherit;cursor:pointer;opacity:0;transform:translateY(-14px) scale(.92);transition:opacity .15s ease,transform .15s ease,border-color .15s ease,background .15s ease}.modeInfo.open .modeInfoCard{opacity:1;transform:translateY(0) scale(1);transition:opacity .25s ease calc(var(--i) * 70ms),transform .55s cubic-bezier(.34,1.8,.5,1) calc(var(--i) * 70ms),border-color .15s ease,background .15s ease}.modeInfoCard:hover{border-color:#3f3f46;background:#121215}.modeInfoCard.active{border-color:#22c55e73;background:#0e1512}.modeInfoHead{display:flex;align-items:center;gap:7px}.modeInfoIcon{font-size:13px;color:#71717a;flex-shrink:0}.modeInfoCard.active .modeInfoIcon{color:#22c55e}.modeInfoTitle{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e4e4e7}.modeInfoDesc{font-size:11px;line-height:1.45;color:#a1a1aa}.modeInfoExample{margin-top:auto;font-family:var(--font-mono);font-size:10px;color:#52525b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.modeTab span{font-size:9px;letter-spacing:.04em}.modeInfoInner{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.modeInfo,.modeInfoCard,.modeInfo.open .modeInfoCard,.modeInfoToggle svg{transition:none}}.liveStats{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px 10px;margin-top:12px;padding:4px 12px;background:#09090bb3;border:1px solid #1c1c1f;border-radius:999px;font-size:11px;color:#71717a;letter-spacing:.02em}.liveStats.isHidden{visibility:hidden}.liveStatsItem b{color:#e4e4e7;font-weight:700}.liveStatsDot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;animation:liveStatsPulse 1.8s ease-in-out infinite}@keyframes liveStatsPulse{0%,to{opacity:.45}50%{opacity:1}}.liveStatsSep{width:1px;height:10px;background:#27272a}.liveStatsUpdated{color:#52525b}@media(max-width:600px){.liveStatsSepWide,.liveStatsUpdated{display:none}}@media(prefers-reduced-motion:reduce){.liveStatsDot{animation:none}}:root{--searchBackColor: #0e0e0e}.search{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;padding:18px 16px 20px;min-height:200px;box-sizing:border-box}.searchBackground{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 40%,rgba(0,0,0,.95) 100%),radial-gradient(ellipse 15% 75% at center,#000000eb,#000000a6 60%,#000c),url(/assets/rustSearch1-B0rre-aM.jpg) center center no-repeat;background-size:cover;background-position:10% 45%;filter:blur(0px);z-index:-1}.searchFormCard{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;max-width:520px;padding-right:50px}.inputRow{position:relative;width:100%}.searchInput,.customSelect{width:100%;height:38px;border:none;border-radius:6px;border:1px solid rgba(255,255,255,.12);color:#fff;background-color:var(--searchBackColor);box-shadow:0 4px 10px #00000026;padding:0 16px;box-sizing:border-box;font-size:14px;color:#929292;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .2s ease}.searchInput:focus{outline:none;box-shadow:0 4px 14px #00000040}.searchInputGhost{border-style:dashed;border-color:#ffffff14;background-color:#0e0e0e99;box-shadow:none;color:#52525b;font-size:12px;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:36px}.selectPlaceholder{color:#8e8e8e}.selectValue{color:#222;font-weight:500}.chevronIcon{font-size:16px;color:#555;transition:transform .3s ease}.dropdownMenu{position:absolute;top:calc(100% + 6px);left:0;width:100%;box-sizing:border-box;background-color:var(--searchBackColor);border-radius:10px;box-shadow:0 8px 20px #0006;padding:6px;z-index:100;max-height:180px;overflow-y:auto;overflow-x:hidden;animation:fadeIn .2s ease-in-out;scrollbar-width:thin;scrollbar-color:#333333 transparent}.dropdownItem{padding:8px 14px;border-radius:10px;font-size:14px;cursor:pointer;transition:background-color .15s ease;font-family:var(--font-mono);color:#8e8e8e;font-weight:200;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.dropdownItem:hover{background-color:#262626;color:#fff}.dropdownItem.selected{background-color:#303030;font-weight:500;color:#ffffff93}.searchSubmitButton{position:absolute;inset:0 0 0 auto;width:40px;margin-right:5px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background-color:var(--searchBackColor);box-shadow:4px 4px 10px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .1s}.searchSubmitButton:disabled{opacity:.4;cursor:not-allowed}.searchSubmitButton:hover{background-color:#f7f7f72d}.searchSubmitButton:active{transform:scale(.96)}.searchIcon{font-size:20px;color:#222}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.selectInputWrapper{position:relative;width:100%;display:flex;align-items:center}.selectInputWrapper .searchInput{padding-right:35px}.selectInputWrapper .chevronIcon{position:absolute;right:14px;font-size:16px;color:#777;cursor:pointer;transition:transform .3s ease}.chevronIcon.rotate{transform:rotate(180deg)}.dropdownNoResults{padding:10px 14px;font-size:13px;color:#888;font-weight:700}.errorText{width:fit-content;max-width:100%;white-space:nowrap;height:28px;font-size:13px;padding:0 12px;box-sizing:border-box;display:flex;align-items:center;position:absolute;top:40px;left:2px;font-weight:500;color:#ff4d4f;background-color:#010501d9;border:1px solid #b90e0e;border-radius:4px;z-index:10}@media(max-width:600px){.search{min-height:170px}.searchInput,.customSelect{height:40px;font-size:16px}.errorText{white-space:normal;width:100%;height:auto;min-height:28px;padding:6px 12px;top:44px;line-height:1.35}.errorText p{margin:0}}.dropdownMenu.nickSuggest{left:50%;translate:-50% 0;width:min(calc(100% + 120px),calc(100vw - 32px));max-height:380px;padding:8px}.nickGrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(var(--nick-rows, 5),auto);grid-auto-flow:column;gap:6px}.nickGrid.isSingle .nickItem{grid-column:1 / -1}.dropdownItem.nickItem{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 12px;background:#161618;border:1px solid #232326;border-radius:8px;transition:background-color .15s ease,border-color .15s ease}.dropdownItem.nickItem:hover,.dropdownItem.nickItem.selected{background:#222225;border-color:#3a3a3f}.nickDot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#52525b}.nickDot.isOnline{background:#22c55e;box-shadow:0 0 6px #22c55e}.nickText{display:flex;flex-direction:column;min-width:0;gap:1px}.nickName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a1a1aa}.nickMatch{background:none;color:#4ade80;font-weight:700}.nickServer{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;max-width:100%;margin-top:3px;padding:2px 7px;background:#27272a;border:1px solid #323236;border-radius:5px;font-size:11px;color:#c4c4cc;box-sizing:border-box}.nickServerIcon{flex-shrink:0;width:11px;height:11px;color:#71717a}.nickServerName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nickItem.selected .nickServer,.nickItem:hover .nickServer{background:#303034;border-color:#3f3f46}.searchFocusOverlay{position:fixed;inset:0;z-index:500;background:#00000059;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}.searchFocusOverlay.isVisible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s ease,visibility 0s}.searchFormCard.isFocused{z-index:501}@media(prefers-reduced-motion:reduce){.searchFocusOverlay,.searchFocusOverlay.isVisible{transition-duration:.01s}}@media(max-width:600px){.dropdownMenu.nickSuggest{left:0;translate:none;width:100%}.nickGrid{gap:4px;grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.searchInput,.customSelect{height:36px;font-size:12px;padding:0 12px}}:root{--font-mono: "Geist Mono", ui-monospace, "Cascadia Code", "Courier New", monospace;--card-row-h: 80px;--card-gap: 16px;--card-rows: 5;--cards-max-h: calc( var(--card-rows) * var(--card-row-h) + (var(--card-rows) - 1) * var(--card-gap) + 50px )}*,*:before,*:after{box-sizing:border-box;font-family:inherit}body{margin:0;padding:0;font-family:var(--font-mono);font-weight:400;background:#030303}@media(max-width:720px){body{padding-bottom:100px}}input,button,textarea,select{font:inherit}@keyframes pageReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:pageReveal .28s ease-out both;animation-delay:calc(var(--reveal-order, 0) * 50ms)}@media(prefers-reduced-motion:reduce){.reveal{animation:none}}.infoContainer{max-width:800px;margin:0 auto;padding:60px 32px;color:#f4f4f5}.infoContainer h1{font-size:clamp(1.5rem,5vw,2rem);margin:0 0 12px}.infoContainer p{color:#a1a1aa;line-height:1.6;margin:0}@media(max-width:600px){.infoContainer{padding:40px 16px}}.roadmapView{animation:pageFadeIn 2s cubic-bezier(.16,1,.3,1) forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.trackLine{transform-origin:left;animation:lineDraw 2s cubic-bezier(.16,1,.3,1) .15s both}@keyframes lineDraw{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.nodeCol{opacity:0;transform:translateY(18px);animation:nodeCardPop 2s cubic-bezier(.16,1,.3,1) forwards}.nodeCol:nth-child(2){animation-delay:.28s}.nodeCol:nth-child(3){animation-delay:.36s}.nodeCol:nth-child(4){animation-delay:.44s}.nodeCol:nth-child(5){animation-delay:.52s}@keyframes nodeCardPop{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.roadmapView{min-height:calc(100vh - 60px);background-color:#000;color:#f4f4f5;padding:60px 40px 80px;box-sizing:border-box;font-family:var(--font-mono);-webkit-user-select:none;user-select:none}.roadmapHeader{position:relative;text-align:center;max-width:800px;margin:0 auto 70px}.roadmapTitle{font-size:2.4rem;font-weight:900;letter-spacing:.08em;margin:0 0 10px;color:#fff}.roadmapDesc{color:#71717a;font-size:.92rem;letter-spacing:.04em;margin:0}.timelineSection{position:relative;max-width:1240px;margin:0 auto;padding:10px 0}.trackLine{position:absolute;top:30px;left:10%;width:80%;height:2px;background:#18181b;z-index:1}.trackPulse{position:absolute;top:0;left:0;width:25%;height:100%;background:linear-gradient(90deg,#ffffff 0%,#facc15 75%,transparent 100%);filter:drop-shadow(0 0 6px #facc15);animation:pulseMove 1.8s infinite ease-in-out}@keyframes pulseMove{0%{transform:scaleX(0);transform-origin:left;opacity:.2}50%{transform:scaleX(1);transform-origin:left;opacity:1}to{transform:scaleX(1);transform-origin:right;opacity:0}}.nodesGrid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.nodeCol{display:flex;flex-direction:column;align-items:center}.nodeMarkerWrap{height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.nodeMarker{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;transition:all .3s ease}.nodeMarker.done{background:#fff;color:#000;border:2px solid #ffffff;box-shadow:0 0 16px #fbc72ae6,0 0 32px #fff6}.markerIcon{font-weight:900}.nodeMarker.wip{background:#09090b;border:2px solid #facc15;animation:beaconPulse 1.8s infinite ease-in-out}.markerPulseDot{width:10px;height:10px;background:#facc15;border-radius:50%;box-shadow:0 0 8px #facc15}@keyframes beaconPulse{0%,to{transform:scale(1);box-shadow:0 0 8px #fbc72a66}50%{transform:scale(1.15);box-shadow:0 0 24px #fbc72af2,0 0 40px #fbc72a80}}.nodeMarker.planned{background:#09090b;color:#52525b;border:2px solid #18181b}.nodeCard{background:#09090b;border:1px solid #18181b;padding:22px 18px;display:flex;flex-direction:column;height:100%;box-sizing:border-box;text-align:left;transition:border-color .2s ease,transform .2s ease}.nodeCol.wip .nodeCard{border-color:#c5a22266;box-shadow:0 0 18px #22c55e14}.nodeStage{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:#52525b;letter-spacing:.1em;margin-bottom:8px}.nodeCol.wip .nodeStage{color:#facc15}.nodeTitle{font-size:1.05rem;font-weight:700;margin:0 0 10px;color:#fff}.nodeBody{font-size:.82rem;color:#a1a1aa;line-height:1.45;margin:0 0 18px;flex-grow:1}.nodeStatus{align-self:flex-start;font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:4px 8px;border-radius:2px}.nodeCol.done .nodeStatus{background:#ffffff1a;color:#fff}.nodeCol.wip .nodeStatus{background:#fbc72a26;color:#facc15;border:1px solid rgba(251,199,42,.35)}.nodeCol.planned .nodeStatus{background:#18181b;color:#52525b}.roadmapView{animation:powerGridOn .2s ease-out forwards}@keyframes powerGridOn{0%{opacity:0}to{opacity:1}}.roadmapHeader{opacity:0;transform:translateY(-6px);animation:headerPowerUp .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes headerPowerUp{to{opacity:1;transform:translateY(0)}}.trackLine{transform-origin:left;transform:scaleX(0);animation:lineIgnition .45s cubic-bezier(.2,.8,.2,1) .15s forwards}@keyframes lineIgnition{0%{transform:scaleX(0);filter:brightness(3) drop-shadow(0 0 12px #22c55e);opacity:.3}70%{transform:scaleX(1);filter:brightness(2) drop-shadow(0 0 8px #22c55e);opacity:1}to{transform:scaleX(1);filter:brightness(1);opacity:1}}.nodeCol{opacity:0;transform:translateY(12px);animation:relaySnap .35s cubic-bezier(.16,1,.3,1) forwards}.nodeCol:nth-child(1){animation-delay:.2s}.nodeCol:nth-child(2){animation-delay:.3s}.nodeCol:nth-child(3){animation-delay:.4s}.nodeCol:nth-child(4){animation-delay:.5s}.nodeCol:nth-child(5){animation-delay:.6s}@keyframes relaySnap{0%{opacity:0;transform:translateY(12px) scale(.96);filter:brightness(2.2)}60%{opacity:1;transform:translateY(-2px) scale(1.02);filter:brightness(1.4)}to{opacity:1;transform:translateY(0) scale(1);filter:brightness(1)}}.nodeCol .nodeMarker{animation:markerShock .3s ease-out forwards}@keyframes markerShock{0%{transform:scale(.6)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media(max-width:900px){.roadmapView{padding:48px 24px 64px}.nodesGrid{grid-template-columns:repeat(2,1fr);gap:24px 16px}.trackLine{display:none}.roadmapHeader{margin-bottom:48px}}@media(max-width:560px){.roadmapView{padding:36px 16px 56px}.roadmapTitle{font-size:clamp(1.5rem,7vw,2rem)}.roadmapDesc{font-size:.85rem}.nodesGrid{grid-template-columns:1fr;gap:20px}.nodeCol{align-items:stretch}.nodeMarkerWrap{height:auto;margin-bottom:12px;justify-content:flex-start}.nodeCard{padding:18px 16px}}.journalSection{max-width:1240px;margin:64px auto 0}.journalHeading{position:relative;text-align:center;font-size:1.6rem;font-weight:700;letter-spacing:.12em;margin-bottom:28px;color:#fff;font-family:Chakra Petch,sans-serif}.journalHeading:after{content:"";display:block;width:48px;height:2px;margin:10px auto 0;background:#22c55e;box-shadow:0 0 8px #22c55e}.journalFeed{list-style:none;margin:0;padding:4px 0;background:#09090b;border:1px solid #18181b}.journalFeedRow{position:relative;display:flex;align-items:baseline;gap:20px;padding:16px 24px 16px 40px;border-bottom:1px solid #18181b;opacity:0;transform:translate(-8px);animation:journalRowIn .4s cubic-bezier(.16,1,.3,1) forwards;transition:background .2s ease}.journalFeedRow:nth-child(1){animation-delay:.05s}.journalFeedRow:nth-child(2){animation-delay:.1s}.journalFeedRow:nth-child(3){animation-delay:.15s}.journalFeedRow:nth-child(4){animation-delay:.2s}.journalFeedRow:nth-child(5){animation-delay:.25s}.journalFeedRow:nth-child(n+6){animation-delay:.3s}@keyframes journalRowIn{to{opacity:1;transform:translate(0)}}.journalFeedRow:hover{background:#22c55e0d}.journalFeedRow:last-child{border-bottom:none}.journalFeedRow:before{content:"";position:absolute;left:15px;top:22px;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e,0 0 16px #22c55e80}.journalFeedRow:after{content:"";position:absolute;left:18px;top:30px;bottom:0;width:1px;background:#27272a}.journalFeedRow:last-child:after{display:none}.journalFeedDate{flex-shrink:0;font-family:var(--font-mono);font-size:.68rem;font-weight:800;letter-spacing:.05em;color:#09090b;background:#22c55e;text-transform:uppercase;padding:3px 9px;border-radius:3px;white-space:nowrap}.journalFeedMsg{font-size:.85rem;color:#d4d4d8;line-height:1.5;padding-top:1px}.journalEmptyText{position:relative;text-align:center;color:#52525b;font-size:.85rem;padding:40px 20px;border:1px dashed #18181b;background:#09090b}@media(max-width:560px){.journalFeedRow{flex-direction:column;gap:8px;padding-left:32px}.journalFeedRow:before{left:11px}.journalFeedRow:after{left:14px}.journalFeedDate{width:fit-content}}.mainJournal{min-height:calc(100vh - 60px);background:#050505;color:#d4d4d6;font-family:Georgia,Times New Roman,"Noto Serif",serif;padding:72px 0 110px;box-sizing:border-box}.mainJournal section,.mainJournal header{max-width:1180px;margin:0 auto;padding:0 32px}.masthead{padding-bottom:46px;margin-bottom:56px;border-bottom:1px solid #242426}.mastheadKicker{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6b6b70;margin-bottom:36px}.mastheadGrid{display:flex;justify-content:center;align-items:center;gap:56px;align-items:end}.mastheadTitle{font-weight:500;font-size:3rem;line-height:1.12;margin:0;color:#f5f5f4;font-family:Chakra Petch,sans-serif}.mastheadTitle em{color:#3fcf73;font-style:normal}.mastheadLead p{font-size:1.02rem;line-height:1.65;color:#a8a8ac;margin:0 0 26px}.mastheadActions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.actionLink{font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.04em;background:none;border:none;border-bottom:1px solid #3a3a3d;padding:4px 0 6px;color:#c4c4c8;cursor:pointer;transition:color .2s ease,border-color .2s ease}.actionLink:hover{color:#f5f5f4;border-color:#6b6b70}.actionLink--primary{color:#3fcf73;border-color:#2d6b45}.actionLink--primary:hover{color:#5fe28d;border-color:#3fcf73}.actionArrow{display:inline-block;transition:transform .2s ease}.actionLink--primary:hover .actionArrow{transform:translate(3px)}.letterSection{max-width:740px;margin:0 auto 88px;padding:0 32px}.letterMark{display:inline-block;font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#3fcf73;margin-bottom:20px}.letterBody{margin:0;padding-left:28px;border-left:2px solid #2d6b45}.letterBody p{font-size:1.12rem;font-style:italic;line-height:1.75;color:#c4c4c8;margin:0 0 20px}.letterSign{margin-top:24px;font-family:var(--font-mono);font-style:normal;font-size:.74rem;letter-spacing:.04em;color:#8a8a8f}.sectionKicker{font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#3fcf73;margin-bottom:8px}.sectionHead{font-weight:400;font-size:1.9rem;margin:0 0 36px;color:#f5f5f4}.faqSection{margin-bottom:88px;font-family:Chakra Petch,sans-serif}.faqKicker{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6b6b70;padding-bottom:18px;margin-bottom:28px;border-bottom:1px solid #242426}.faqKicker span:first-child{color:#3fcf73}.faqIntro{font-size:1.1rem;font-weight:400;line-height:1.55;color:#f5f5f4;max-width:760px;margin:0 0 40px;padding-left:20px;border-left:2px solid #3fcf73}.faqList{margin:0}.faqRow{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:22px 0;border-top:1px solid #1d1d1f}.faqRow:last-child{border-bottom:1px solid #1d1d1f}.faqNum{font-family:var(--font-mono);font-size:.78rem;color:#4a4a4e;padding-top:3px}.faqQ{font-size:1.1rem;font-weight:700;color:#f5f5f4;margin:0 0 8px}.faqA{margin:0;font-size:.92rem;line-height:1.6;color:#9b9ba0;max-width:640px}.featuresSection{margin-bottom:88px;font-family:Chakra Petch,sans-serif}.featureList{list-style:none;margin:0;padding:0}.featureItem{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:28px 0;border-top:1px solid #1d1d1f}.featureItem:last-child{border-bottom:1px solid #1d1d1f}.featureIndex{font-family:Georgia,serif;font-size:2.2rem;font-weight:400;color:#2a2a2d;line-height:1}.featureTitle{font-size:1.05rem;font-weight:700;letter-spacing:.02em;margin:0 0 10px;color:#f5f5f4}.featureText{font-size:.92rem;line-height:1.6;color:#9b9ba0;margin:0;max-width:640px}@media(max-width:860px){.mastheadGrid{grid-template-columns:1fr;gap:28px}.mastheadTitle{font-size:2.2rem}}@media(max-width:640px){.mainJournal{padding:48px 0 80px}.mainJournal section,.mainJournal header{padding:0 18px}.mastheadKicker,.faqKicker{flex-direction:column;gap:6px;align-items:flex-start}.mastheadTitle{font-size:1.8rem}.letterSection{padding:0 18px}.letterBody{padding-left:18px}.letterBody p{font-size:1rem}.faqRow,.featureItem{grid-template-columns:1fr;gap:8px}.faqNum,.featureIndex{display:none}}.contactsSection{max-width:1178px;margin:24px auto 40px;padding:24px 28px;background:#080808;border:1px solid #1a1a20;border-left:3px solid #22c55e;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box}.contactsTextWrap{max-width:560px}.contactsTitle{font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.05em;color:#fff;margin:0 0 6px}.contactsText{font-size:.85rem;line-height:1.6;color:#a1a1aa;margin:0}.contactsLinks{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.contactLink{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #27272a;color:#fff;font-family:var(--font-mono);font-size:.8rem;text-decoration:none;white-space:nowrap;transition:border-color .2s ease,color .2s ease}.contactLink:hover{border-color:#22c55e;color:#22c55e}.contactLinkIcon{font-size:1rem}.siteFooter{max-width:1178px;margin:0 auto 32px;padding:0 28px;box-sizing:border-box;text-align:center}.siteFooterText{font-family:var(--font-mono);font-size:.7rem;line-height:1.6;color:#52525b;margin:0}@media(max-width:720px){.siteFooter{margin:0 12px 24px;padding:0}.contactsSection{flex-direction:column;align-items:flex-start;margin:20px 12px 32px;padding:20px}.contactsLinks{width:100%}.contactLink{flex:1;justify-content:center}}@media(max-width:480px){.contactsLinks{flex-direction:column}.contactLink{width:100%;flex:none;padding:12px 14px;font-size:.78rem;white-space:normal;word-break:break-word;text-align:center}}.profileView{min-height:calc(100vh - 60px);background-color:#000;color:#f4f4f5;padding:40px 40px 80px;box-sizing:border-box;font-family:var(--font-mono);animation:profileFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes profileFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profileBanner{display:flex;align-items:center;gap:20px;max-width:1100px;margin:0 auto 24px;background:#1a1a1a28;border:1px solid #1f1f24;border-radius:10px;padding:20px 24px}.identityAvatar{position:relative;flex-shrink:0;width:64px;height:64px;border-radius:50%;background:#18181b;display:flex;align-items:center;justify-content:center;overflow:hidden}.identityAvatar img{width:100%;height:100%;object-fit:cover}.identitySteamBadge{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:#101014;border:1px solid #27272a;display:flex;align-items:center;justify-content:center;color:#66c0f4;font-size:11px}.bannerInfo{flex:1;min-width:0}.identityName{font-size:1.05rem;font-weight:700;color:#fff;margin:0 0 8px}.bannerMetaRow{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.identitySteamId{display:inline-flex;align-items:center;background:#121215;border:1px solid #27272a;border-radius:6px;padding:3px 4px 3px 8px;gap:6px}.identitySteamId code{font-family:var(--font-mono);font-size:11px;color:#d1d5db}.copyBtnSmall{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:3px;display:flex;align-items:center}.copyBtnSmall:hover{color:#fff}.identityProfileLink{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#66c0f4;text-decoration:none}.identityProfileLink:hover{text-decoration:underline}.bannerActions{flex-shrink:0;display:flex;align-items:center;gap:12px}.bannerPlanChip{font-size:11px;font-weight:800;letter-spacing:.05em;color:#4ade80;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);padding:5px 10px;border-radius:6px}.profileLayout{display:grid;grid-template-columns:240px 1fr;gap:24px;max-width:1100px;margin:0 auto;align-items:start}.profileSidebar{display:flex;flex-direction:column;gap:16px}.profileNav{display:flex;flex-direction:column;background:#1a1a1a28;border:1px solid #1f1f24;border-radius:10px;padding:6px;gap:2px}.profileNavItem{display:flex;align-items:center;gap:10px;background:transparent;border:none;border-radius:7px;color:#8b8b93;font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.04em;padding:11px 12px;cursor:pointer;text-align:left;transition:all .15s ease}.profileNavIcon{display:flex;font-size:15px;color:#52525b;transition:color .15s ease}.profileNavItem:hover{background:#15151a;color:#e4e4e7}.profileNavItem.active{background:#22c55e1a;color:#fff}.profileNavItem.active .profileNavIcon{color:#22c55e}.logoutBtn{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;background:transparent;border:1px solid #ef444433;border-radius:8px;color:#ef4444;font-family:var(--font-mono);font-size:.78rem;font-weight:700;padding:9px 14px;cursor:pointer;transition:all .15s ease}.logoutBtn:hover{background:#ef44441a;border-color:#ef4444}.profileContent{background:#1a1a1a28;border:1px solid #1f1f24;border-radius:10px;padding:28px 32px;min-height:420px}.contentPane{animation:paneFadeIn .2s ease-out forwards}@keyframes paneFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.paneTitle{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 6px}.paneHint{font-size:.8rem;color:#71717a;line-height:1.5;margin:0 0 24px;max-width:560px}.paneSoon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:56px 20px;text-align:center}.paneSoonText{font-size:1.3rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#22c55e;text-shadow:0 0 20px rgba(34,197,94,.35)}.paneSoonHint{font-size:.82rem;color:#71717a}.infoGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.infoTile{background:#121215;border:1px solid #27272a;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:6px}.infoTileLabel{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.infoTileValue{font-size:14px;font-weight:600;color:#fff}.monoValue{font-family:var(--font-mono);font-size:12px}.connectedValue{display:inline-flex;align-items:center;gap:6px;color:#4ade80}.statusDotSmall{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e}.settingsGroupLabel{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#52525b;margin:0 0 12px}.settingsRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.settingsRowLabel{display:flex;align-items:center;gap:10px;color:#a1a1aa;font-size:16px}.settingsRowLabel>div{min-width:0}.settingsRowTitle{font-size:13px;font-weight:600;color:#e4e4e7;margin:0}.settingsRowSub{font-size:11px;color:#6b7280;margin:2px 0 0}.notifTypeDot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.settingsDivider{height:1px;background:#1c1c1f;margin:2px 0}.toggleSwitch{position:relative;flex-shrink:0;width:38px;height:22px;border-radius:11px;background:#27272a;border:none;cursor:pointer;transition:background .2s ease}.toggleSwitch.on{background:#22c55e}.toggleKnob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggleSwitch.on .toggleKnob{transform:translate(16px)}.segmentedControl{display:flex;background:#121215;border:1px solid #27272a;border-radius:7px;padding:3px;gap:2px}.segmentBtn{background:transparent;border:none;color:#71717a;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:6px 12px;border-radius:5px;cursor:pointer;transition:all .15s ease}.segmentBtn:hover{color:#d1d5db}.segmentBtn.active{background:#22c55e;color:#05140b}.stepperControl{display:flex;align-items:center;gap:14px;background:#121215;border:1px solid #27272a;border-radius:7px;padding:4px 8px}.stepperBtn{background:transparent;border:none;color:#a1a1aa;font-size:16px;width:22px;height:22px;cursor:pointer;transition:color .15s ease}.stepperBtn:hover{color:#fff}.stepperValue{font-size:13px;font-weight:700;color:#fff;min-width:16px;text-align:center}.friendsColumns{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.friendsColumn{min-width:0}.friendsList{display:flex;flex-direction:column;gap:8px}.friendCard{display:flex;align-items:center;gap:12px;background:#121215;border:1px solid #27272a;border-radius:8px;padding:10px 12px}.friendAvatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#18181b;display:flex;align-items:center;justify-content:center;color:#52525b;font-size:16px}.friendInfo{min-width:0}.friendName{font-size:13px;font-weight:600;color:#e4e4e7;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friendStatusRow{display:flex;align-items:center;gap:5px;font-size:11px;color:#71717a}.friendStatusLabel{font-weight:700;letter-spacing:.03em}.friendServer{color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historyList{display:flex;flex-direction:column;gap:8px}.historyItem{display:flex;align-items:center;gap:12px;background:#121215;border:1px solid #27272a;border-radius:8px;padding:10px 14px}.historyIcon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#18181b;color:#52525b;font-size:13px}.historyInfo{flex:1;min-width:0}.historyName{font-size:13px;font-weight:600;color:#e4e4e7;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historySub{font-size:11px;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historySub code{font-family:var(--font-mono);color:#8b8b93}.historyWhen{flex-shrink:0;font-size:11px;color:#52525b;white-space:nowrap}.planTableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #1f1f24;border-radius:10px}.planTable{width:100%;min-width:620px;border-collapse:collapse;background:#121215}.planFeatureHeader{text-align:left;padding:14px 16px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#52525b;background:#0d0d11;border-bottom:1px solid #1f1f24}.planColHeader{text-align:center;padding:14px 12px;background:#0d0d11;border-bottom:1px solid #1f1f24;border-left:1px solid #1c1c1f;transition:background .15s ease}.planColName{display:block;font-size:.85rem;font-weight:800;letter-spacing:.05em;color:#fff}.planColPrice{display:block;margin-top:3px;font-size:11px;color:#71717a}.planFeatureCell{padding:11px 16px;font-size:12px;color:#d1d5db;border-bottom:1px solid #1a1a1d;white-space:nowrap}.planValueCell{text-align:center;padding:11px 12px;border-bottom:1px solid #1a1a1d;border-left:1px solid #1a1a1d;transition:background .15s ease}.planTable tbody tr:hover .planFeatureCell,.planTable tbody tr:hover .planValueCell{background:#15151a}.planColHeader.selectedCol,.planValueCell.selectedCol,.planCtaCell.selectedCol{background:#22c55e12}.cellYes{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#4ade80}.cellNo{color:#3f3f46;font-size:13px}.cellSoon{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#facc15;background:#eab3081f;border:1px solid rgba(234,179,8,.3);padding:2px 7px;border-radius:4px}.planCtaCell{padding:14px 12px;text-align:center;border-left:1px solid #1c1c1f;background:#0d0d11}.planSelectBtn{width:100%;background:#1c1c1f;border:1px solid #27272a;color:#e4e4e7;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;padding:9px 0;border-radius:7px;cursor:pointer;transition:all .15s ease}.planSelectBtn:hover:not(:disabled){border-color:#22c55e;color:#22c55e}.planSelectBtn.isCurrent{background:#22c55e1f;border-color:#22c55e59;color:#4ade80;cursor:default}@media(max-width:900px){.profileView{padding:48px 24px 64px}.profileLayout{grid-template-columns:1fr}}@media(max-width:640px){.profileBanner{flex-wrap:wrap}.bannerActions{width:100%;justify-content:space-between}}@media(max-width:680px){.friendsColumns{grid-template-columns:1fr;gap:20px}}@media(max-width:560px){.profileView{padding:36px 16px 56px}.profileContent{padding:20px 18px}.infoGrid{grid-template-columns:1fr}.segmentedControl,.historyItem{flex-wrap:wrap}.historyWhen{margin-left:40px}}.comingSoonView{min-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background-color:#030303;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;padding:32px;box-sizing:border-box;text-align:center}.comingSoonTitle{font-size:clamp(1.8rem,5vw,3rem);font-family:Chakra Petch,sans-serif;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#22c55e;margin:0}.comingSoonIcon{font-size:1.5em;color:#22c55e;margin-left:8px}.comingSoonBackBtn{margin-top:28px;font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.04em;background:none;border:none;border-bottom:1px solid #3a3a3d;padding:4px 0 6px;color:#c4c4c8;cursor:pointer;transition:color .2s ease,border-color .2s ease}.comingSoonBackBtn:hover{color:#f5f5f4;border-color:#6b6b70}.historyWrapper{padding:0 20px;background:#030303}.history{max-width:1760px;margin:0 auto;background:#1a1a1a28;border:1px solid #27272a71}.historyHeader{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #1c1c1f}.historyTitle{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#a1a1aa}.historyCount{padding:1px 6px;border-radius:4px;background:#18181b;color:#71717a;font-size:.65rem;letter-spacing:.04em}.historyClearBtn{background:transparent;border:none;font-size:.7rem;color:#71717a;cursor:pointer;transition:color .15s ease}.historyClearBtn:hover:not(:disabled){color:#e4e4e7}.historyClearBtn:disabled{opacity:.35;cursor:not-allowed}.historyList{list-style:none;margin:0;padding:0}.historyRow{display:grid;grid-template-columns:32px minmax(160px,1.3fr) minmax(0,1.4fr) 86px 96px auto;align-items:center;gap:14px;padding:10px 14px;border-bottom:1px solid #141417;transition:background .15s ease}.historyRow:last-child{border-bottom:none}.historyRow:hover{background:#0e0e10}.historyAvatar{width:32px;height:32px;border-radius:6px;overflow:hidden;background:#18181b;display:flex;align-items:center;justify-content:center;font-size:15px}.historyAvatar img{width:100%;height:100%;object-fit:cover}.historyMain{display:flex;flex-direction:column;gap:3px;min-width:0}.historyName{font-size:12px;font-weight:700;color:#f4f4f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historyRow.notFound .historyName{color:#71717a}.historyQuery{display:flex;align-items:center;gap:6px;min-width:0}.historyQuery code{font-family:var(--font-mono);font-size:11px;color:#71717a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historyMode{flex-shrink:0;padding:1px 5px;border-radius:3px;border:1px solid #27272a;font-size:9px;font-weight:700;letter-spacing:.08em;color:#a1a1aa}.historyServer{font-size:11px;color:#a1a1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.historyStatus{justify-self:start;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.04em}.historyStatus.ok{color:#22c55e;background:#22c55e14}.historyStatus.fail{color:#ef4444;background:#ef444414}.historyTime{font-size:11px;color:#52525b;white-space:nowrap}.historyActions{display:flex;gap:4px;opacity:.45;transition:opacity .15s ease}.historyRow:hover .historyActions,.historyActions:focus-within{opacity:1}.historyIconBtn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;background:#121215;border:1px solid #27272a;border-radius:6px;color:#a1a1aa;font-size:13px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.historyIconBtn:hover{color:#fff;border-color:#3f3f46;background:#1a1a1d}.historyIconBtn.danger:hover{color:#ef4444;border-color:#ef444466}.historyEmpty{padding:28px 16px;text-align:center;font-size:12px;color:#52525b}.historyEmpty p{margin:0}.historyHint{margin:0;padding:10px 14px;border-top:1px solid #141417;font-size:11px;color:#52525b}@media(max-width:900px){.historyRow{grid-template-columns:32px minmax(0,1fr) auto auto;grid-template-areas:"avatar main status actions" "avatar server time actions";row-gap:4px}.historyAvatar{grid-area:avatar}.historyMain{grid-area:main}.historyServer{grid-area:server}.historyStatus{grid-area:status;justify-self:end}.historyTime{grid-area:time;justify-self:end}.historyActions{grid-area:actions;opacity:1}}@media(max-width:520px){.historyWrapper{padding:0 10px}.historyRow{gap:10px;padding:10px}.historyActions{flex-direction:column}}.statsWrap,.statsGate{min-height:100vh;background:#070709;color:#e4e4e7;font-family:var(--font-mono);box-sizing:border-box}.statsGate{display:flex;align-items:center;justify-content:center;padding:24px}.statsGateBox{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px;background:#0d0d11;border:1px solid #1f1f24;border-left:3px solid #22c55e;padding:24px}.statsGateTitle{margin:0;font-size:.9rem;letter-spacing:.08em;color:#fff}.statsGateHint{margin:0;font-size:.75rem;color:#8b8b93;line-height:1.5}.statsGateInput{background:#121215;border:1px solid #27272a;border-radius:6px;padding:9px 11px;color:#fff;font-size:.85rem;outline:none}.statsGateInput:focus{border-color:#22c55e}.statsGateError{margin:0;font-size:.75rem;color:#f87171}.statsGateBtn{background:#22c55e;border:none;border-radius:6px;padding:9px 0;color:#05140b;font-weight:700;font-size:.8rem;letter-spacing:.04em;cursor:pointer}.statsGateBtn:hover{opacity:.92}.statsWrap{padding:24px clamp(16px,5vw,56px) 48px}.statsHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid #1c1c1f}.statsBrand{font-size:.8rem;font-weight:700;letter-spacing:.12em;color:#a1a1aa}.statsHeaderRight{display:flex;align-items:center;gap:14px}.statsUpdated{font-size:.7rem;color:#52525b}.statsLogout{background:transparent;border:1px solid #27272a;border-radius:6px;color:#a1a1aa;font-size:.72rem;padding:6px 12px;cursor:pointer}.statsLogout:hover{border-color:#3f3f46;color:#e4e4e7}.statsMsg{font-size:.85rem;color:#8b8b93}.statsMsgErr{color:#f87171}.statsCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:28px}.statsCard{display:flex;flex-direction:column;gap:6px;background:#0d0d11;border:1px solid #1f1f24;border-radius:10px;padding:18px 20px}.statsCard.accent{border-left:3px solid #22c55e}.statsCardLabel{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#8b8b93}.statsCardValue{font-size:2rem;font-weight:700;color:#fff;line-height:1}.statsCardSub{font-size:.7rem;color:#52525b}.statsTableWrap{background:#0d0d11;border:1px solid #1f1f24;border-radius:10px;overflow:hidden}.statsTableTitle{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#8b8b93;padding:14px 18px;border-bottom:1px solid #1c1c1f}.statsTable{width:100%;border-collapse:collapse;font-size:.8rem}.statsTable th,.statsTable td{text-align:left;padding:10px 18px}.statsTable th{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:#52525b;font-weight:600}.statsTable tbody tr{border-top:1px solid #141417}.statsRowToday td{color:#fff}.statsBarCol{width:40%}.statsBar{display:block;height:8px;border-radius:4px;background:#22c55e;min-width:2px;opacity:.75}.statsFootnote{margin:18px 2px 0;font-size:.7rem;line-height:1.5;color:#52525b}@media(max-width:600px){.statsWrap{padding:20px 14px 40px}.statsCards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.statsCard{padding:14px 16px}.statsCardValue{font-size:1.6rem}.statsTableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.statsTable{min-width:440px}.statsTable th,.statsTable td{padding:9px 12px}}
