:root{font-family:DM Sans,sans-serif;color:#eeede7;background:#11120f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #11120f;--panel: #181a16;--panel-deep: #151713;--line: #2b2d27;--muted: #85867b;--quiet: #5f6158;--lime: #c6f36a;--green: #9dc856;--red: #d98069}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.app-shell{max-width:1440px;margin:0 auto;padding:0 64px 42px;animation:page-enter .48s cubic-bezier(.2,.75,.25,1) both}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-item-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-bar-grow{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:76px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:12px;align-items:center;color:#f2f1e9;text-decoration:none;font:700 13px Space Grotesk,sans-serif;letter-spacing:.12em}.brand-light{color:#2f6bff;font-weight:700}.brand-mark{display:block;width:38px;height:35px;flex:0 0 38px}.topbar-right{display:flex;align-items:center;gap:23px}.topbar-caption{color:var(--quiet);font:10px DM Mono,monospace;letter-spacing:.09em}.player-switch-link{color:#a4a697;font:9px DM Mono,monospace;letter-spacing:.08em;text-decoration:none}.player-switch-link:hover{color:var(--lime)}.gateway-shell{min-height:100vh}.gateway-hero{max-width:720px;padding:120px 0 45px}.gateway-hero h1{margin:0 0 12px}.gateway-hero h1 .gateway-title-antigrass{color:var(--lime)}.gateway-hero h1 .gateway-title-tracker{color:#8fc3ff}.gateway-hero p{margin:0;color:#9b9c91;font-size:14px}.player-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.player-choice-card{display:grid;min-height:240px;align-content:start;gap:13px;border:1px solid #3d4830;border-radius:5px;padding:25px;color:inherit;background:linear-gradient(140deg,#1b2017,#151713 85%);text-decoration:none;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease;animation:chart-item-enter .44s cubic-bezier(.2,.75,.25,1) both}.player-choice-card:nth-child(2){animation-delay:.1s}.player-choice-card:hover{border-color:var(--lime);transform:translateY(-2px)}.player-choice-card-blue{border-color:#314d68;background:linear-gradient(140deg,#17212c,#151713 90%)}.player-choice-card-blue:hover{border-color:#65aaff}.player-choice-index{color:#888a7f;font:9px DM Mono,monospace;letter-spacing:.09em}.player-choice-card strong{color:#f1f0e9;font:600 36px Space Grotesk,sans-serif;letter-spacing:-.05em}.player-choice-riot-id{color:#a4a698;font:11px DM Mono,monospace}.player-choice-live{display:grid;justify-items:start;gap:6px}.player-choice-status{display:inline-flex;align-items:center;gap:7px;color:#888a7f;font:9px DM Mono,monospace;letter-spacing:.07em}.player-choice-status>span{width:6px;height:6px;border-radius:50%;background:#77796d}.player-choice-status-in-game{color:var(--lime)}.player-choice-status-in-game>span{background:var(--lime);box-shadow:0 0 8px #c6f36a66}.player-choice-status-not-in-game{color:#a4a698}.player-choice-status-unavailable{color:#dfaa92}.player-choice-live-meta{color:#a4a698;font:10px DM Mono,monospace;letter-spacing:.03em}.player-choice-action{display:flex;justify-content:space-between;align-items:center;margin-top:27px;border-top:1px solid #33362e;padding-top:14px;color:#c6f36a;font:9px DM Mono,monospace;letter-spacing:.08em}.player-choice-card-blue .player-choice-action{color:#8fc3ff;border-color:#303d49}.player-choice-action span{font-size:16px}.gateway-footnote{margin-top:24px;color:#66685e;font-size:10px}.hero{display:grid;grid-template-columns:1fr 355px;gap:60px;align-items:center;padding:67px 0 69px}.eyebrow{display:flex;align-items:center;gap:9px;color:#a4a697;font:500 10px DM Mono,monospace;letter-spacing:.14em}.eyebrow-mark{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px #c6f36a55}h1{margin:19px 0 15px;font:600 clamp(43px,5.4vw,70px)/.99 "Space Grotesk",sans-serif;letter-spacing:-.065em}h1 span{color:var(--lime)}.hero-description{max-width:475px;margin:0;color:#9b9c91;font-size:14px;line-height:1.7}.live-card{min-height:175px;padding:17px 19px 13px;border:1px solid #33362e;border-radius:6px;background:linear-gradient(140deg,#1b1e18,#151713 75%)}.live-card-active{border-color:#657d3e;box-shadow:inset 0 0 35px #c6f36a0a}.live-card-top{display:flex;justify-content:space-between;align-items:center}.live-label{color:#888a7f;font:10px DM Mono,monospace;letter-spacing:.09em}.live-label{display:inline-flex;align-items:center;gap:8px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#77796d}.pulse-active{background:var(--lime);animation:pulse 1.7s infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #c6f36a20}}.live-content{padding:17px 0 15px}.live-state{color:var(--lime);font:600 25px Space Grotesk,sans-serif;letter-spacing:-.04em}.live-idle{color:#dfded3}.live-spark{padding-left:7px;font-size:16px}.live-meta{display:flex;align-items:center;gap:8px;margin-top:5px;color:#a4a698;font-size:12px}.live-divider{width:3px;height:3px;border-radius:50%;background:#717369}.live-champion{margin-top:13px;color:#66695d;font:9px DM Mono,monospace;letter-spacing:.08em}.player-identity{display:flex;align-items:center;gap:10px;margin-top:3px;padding-top:12px;border-top:1px solid #2e302a}.player-avatar{display:block;width:36px;height:36px;flex:0 0 36px;border:1px solid #45483a;border-radius:50%;object-fit:cover}.player-avatar-fallback{display:grid;place-items:center;color:var(--lime);background:#24271f;font:600 15px Space Grotesk,sans-serif}.player-identity-copy{display:grid;gap:3px}.player-identity-copy strong{color:#eae9e1;font-size:12px;font-weight:500}.player-identity-copy strong span{color:#888a7f}.player-identity-copy>span{color:#77796d;font:8px DM Mono,monospace;letter-spacing:.09em}.dashboard-section{border-top:1px solid var(--line);padding-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:21px}h2{margin:8px 0 0;font:600 28px Space Grotesk,sans-serif;letter-spacing:-.045em}.range-and-refresh{display:flex;align-items:center;gap:10px}.range-switch{display:flex;gap:2px;padding:3px;border:1px solid #30322c;border-radius:5px;background:#141511}.range-switch button{border:0;border-radius:3px;padding:8px 10px;color:#888a7f;background:transparent;cursor:pointer;font-size:11px;transition:.15s}.range-switch button:hover{color:#eee}.range-switch button.range-active{color:#20231a;background:var(--lime);font-weight:700}.refresh-button{display:flex;align-items:center;gap:7px;border:1px solid #45483a;border-radius:4px;padding:9px 12px;color:#e4e5d9;background:#20221c;cursor:pointer;font-size:11px;transition:.15s}.refresh-button:hover:not(:disabled){border-color:var(--lime);color:var(--lime)}.refresh-button:disabled{cursor:wait;opacity:.65}.refresh-icon{font-size:17px;line-height:10px}.spinning{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{margin:0 0 13px;padding:10px 13px;border-radius:4px;font-size:12px}.notice-error{border:1px solid #633b33;color:#edaa98;background:#291b18}.notice-success{border:1px solid #465831;color:#c9e994;background:#1d2416}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.stat-card{min-width:0;min-height:113px;padding:17px 18px;border:1px solid var(--line);border-radius:5px;background:var(--panel-deep)}.stat-card-feature{border-color:#3e4930;background:linear-gradient(140deg,#1b2017,#151713 85%)}.stat-label{color:#898b80;font:9px DM Mono,monospace;letter-spacing:.1em}.stat-value{margin-top:12px;color:#f1f0e9;font:600 29px Space Grotesk,sans-serif;letter-spacing:-.04em}.stat-value-time{font-size:23px}.stat-value-champion{overflow:hidden;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.stat-foot{display:flex;align-items:center;gap:7px;margin-top:9px;color:#67695f;font:8px DM Mono,monospace;letter-spacing:.06em}.stat-accent{width:5px;height:5px;border-radius:50%;background:var(--lime)}.panel{border:1px solid var(--line);border-radius:5px;background:var(--panel-deep)}.daily-playtime-panel,.rhythm-panel{padding:20px 22px 13px;margin-bottom:13px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-kicker{color:#797b70;font:9px DM Mono,monospace;letter-spacing:.1em}h3{margin:7px 0 0;color:#eae9e1;font:500 18px Space Grotesk,sans-serif;letter-spacing:-.025em}.daily-chart-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}.daily-empty-days-control{display:inline-flex;align-items:center;gap:6px;color:#a3a69a;font-size:10px;white-space:nowrap;cursor:pointer}.daily-empty-days-control input{width:14px;height:14px;margin:0;accent-color:var(--lime);cursor:pointer}.panel-note{display:flex;align-items:center;gap:7px;color:#808277;font:9px DM Mono,monospace;letter-spacing:.04em}.legend-dot{width:7px;height:7px;border-radius:2px;background:#9fcb59}.daily-playtime-chart{display:flex;height:175px;gap:5px;margin-top:16px;overflow-x:auto;overflow-y:hidden;scrollbar-color:#45483a #191a16;scrollbar-width:thin}.daily-playtime-column{position:relative;display:grid;flex:1 0 28px;min-width:28px;grid-template-rows:21px 1fr 14px 13px;container:daily-column / inline-size;text-align:center;outline:none;animation:chart-item-enter .32s cubic-bezier(.2,.75,.25,1) both}.daily-playtime-column:focus-visible{border-radius:3px;outline:2px solid var(--lime);outline-offset:2px}.daily-playtime-value{overflow:hidden;color:#b7c98b;font:8px DM Mono,monospace;white-space:nowrap}.daily-playtime-time{display:flex;justify-content:center;gap:3px}@container daily-column (max-width: 32px){.daily-playtime-time{flex-direction:column;align-items:center;gap:0;line-height:9px}}.daily-playtime-track{display:flex;align-items:end;justify-content:center;height:100%;border-bottom:1px solid #35372f;background:repeating-linear-gradient(to bottom,transparent,transparent calc(25% - 1px),#282a24 calc(25% - 1px),#282a24 25%)}.daily-playtime-bar{width:min(22px,68%);min-height:3px;border-radius:2px 2px 0 0;background:#718d45;transform-origin:bottom;transition:height .34s cubic-bezier(.2,.75,.25,1),background-color .2s ease;animation:chart-bar-grow .36s cubic-bezier(.2,.75,.25,1) both;animation-delay:inherit}.daily-playtime-bar-empty{min-height:0;background:transparent}.daily-playtime-column:not(.daily-playtime-column-empty):hover .daily-playtime-bar{background:var(--lime)}.daily-playtime-label{padding-top:3px;color:#a3a69a;font:8px DM Mono,monospace;white-space:nowrap}.daily-playtime-weekday{padding-top:1px;color:#707268;font:7px DM Mono,monospace;text-transform:lowercase}.daily-playtime-tooltip{position:fixed;z-index:100;display:grid;width:min(186px,calc(100vw - 16px));max-height:calc(100dvh - 16px);gap:5px;overflow-y:auto;border:1px solid #596a3e;border-radius:5px;padding:10px 12px;color:#c4cabb;background:#1a1e16;box-shadow:0 8px 24px #000a;text-align:left;transform:translate(-50%,-100%);pointer-events:none}.daily-playtime-tooltip[data-placement=below]{transform:translate(-50%)}.daily-tooltip-kicker{color:#9ca88a;font:9px DM Mono,monospace;text-transform:uppercase}.daily-playtime-tooltip strong{color:#d4f39b;font:600 15px Space Grotesk,sans-serif}.daily-playtime-tooltip>span:last-child{color:#acb09f;font:9px DM Mono,monospace}.hour-chart{display:flex;height:155px;gap:7px;margin-top:15px}.hour-column{position:relative;display:grid;flex:1;min-width:0;grid-template-rows:15px 1fr 36px;container:hour-column / inline-size;text-align:center;outline:none;animation:chart-item-enter .32s cubic-bezier(.2,.75,.25,1) both}.hour-column:focus-visible{border-radius:3px;outline:2px solid #65aaff;outline-offset:3px}.rhythm-panel .legend-dot{background:#5599e6}.hour-count{color:#a8c9f0;font:9px DM Mono,monospace}.hour-track{display:flex;align-items:end;justify-content:center;height:100%;border-bottom:1px solid #35372f;background:repeating-linear-gradient(to bottom,transparent,transparent calc(25% - 1px),#282a24 calc(25% - 1px),#282a24 25%)}.hour-bar{width:min(17px,54%);min-height:0;border-radius:2px 2px 0 0;background:#38689f;transform-origin:bottom;transition:height .34s cubic-bezier(.2,.75,.25,1),background-color .2s ease;animation:chart-bar-grow .36s cubic-bezier(.2,.75,.25,1) both;animation-delay:inherit}.hour-column:hover .hour-bar,.hour-column:focus-visible .hour-bar{background:#65aaff;box-shadow:0 0 15px #65aaff55}.hour-label{display:flex;align-items:center;justify-content:center;color:#a3a69a;font:8px DM Mono,monospace;white-space:nowrap}.hour-label span{display:block;transform:rotate(-90deg)}.hour-tooltip{position:absolute;z-index:10;bottom:calc(100% + 6px);left:50%;display:grid;min-width:150px;gap:5px;border:1px solid #41658a;border-radius:5px;padding:10px 12px;color:#c6cdd5;background:#171e27;box-shadow:0 8px 24px #000a;text-align:left;white-space:nowrap;transform:translate(-50%,4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility .12s}.hour-tooltip strong{color:#a8d0ff;font:600 13px Space Grotesk,sans-serif}.hour-tooltip>span{color:#b1bac5;font:9px DM Mono,monospace}.hour-tooltip .hour-tooltip-range{padding-top:5px;border-top:1px solid #303b48;color:#8293a7}.hour-tooltip-portal{position:fixed;z-index:100;bottom:auto;width:min(176px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow-y:auto;white-space:normal;opacity:1;visibility:visible;transform:translate(-50%,-100%)}.hour-tooltip-portal[data-placement=below]{transform:translate(-50%)}@container hour-column (min-width: 38px){.hour-label span{transform:none}}.empty-chart{display:grid;height:135px;place-items:center;color:#75776c;font-size:12px}.timeline-panel{padding:21px 22px 15px}.timeline-heading{align-items:start}.panel-subtitle{margin:6px 0 0;color:#7f8176;font-size:11px}.timeline-options{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 18px;margin-top:12px}.complete-overview-control{display:inline-flex;align-items:center;gap:7px;color:#a3a69a;font-size:10px;white-space:nowrap;cursor:pointer}.complete-overview-control input{width:14px;height:14px;margin:0;accent-color:var(--lime);cursor:pointer}.timezone-badge{display:flex;align-items:center;gap:6px;border:1px solid #34362f;border-radius:3px;padding:7px 9px;color:#9c9e92;font:9px DM Mono,monospace}.timezone-icon{color:var(--lime);font-size:13px}.timeline-axis{display:grid;grid-template-columns:144px 1fr;gap:14px;margin-top:14px}.axis-hours{position:relative;height:15px;border-bottom:1px solid #373930}.axis-hours span{position:absolute;bottom:4px;transform:translate(-50%);color:#6c6e64;font:7px DM Mono,monospace}.axis-hours span:first-child{transform:none}.axis-hours span:last-child{transform:translate(-100%)}.day-list{display:flex;max-height:294px;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#45483a #191a16;scrollbar-width:thin}.day-list-complete{max-height:none;overflow-y:visible}.day-row{display:grid;min-height:41px;grid-template-columns:144px 1fr;gap:14px;align-items:center;border-bottom:1px solid #272923;animation:chart-item-enter .32s cubic-bezier(.2,.75,.25,1) both}.day-label{display:flex;justify-content:space-between;align-items:center;color:#c5c5ba;font-size:11px}.day-count{min-width:27px;padding:3px 4px;border-radius:2px;color:#929488;background:#22241e;text-align:center;font:8px DM Mono,monospace}.day-track{position:relative;height:21px;border-radius:2px;background:#1a1c17}.grid-line{position:absolute;top:0;bottom:0;width:1px;background:#30322b;pointer-events:none}.match-block{position:absolute;z-index:1;top:4px;min-width:4px;height:13px;border:0;border-left:2px solid #d5f39a;border-radius:1px;padding:0;cursor:pointer;transition:filter .12s,transform .12s}.match-block:hover,.match-block:focus-visible{z-index:5;filter:brightness(1.4)}.match-tooltip{position:absolute;z-index:6;bottom:calc(100% + 9px);left:50%;display:grid;width:max-content;min-width:178px;gap:7px;border:1px solid #505843;border-radius:5px;padding:10px 12px;color:#eae9e1;background:#1c2019;box-shadow:0 8px 24px #000a;text-align:left;transform:translate(-50%,3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility .12s}.match-tooltip-portal{position:fixed;z-index:100;bottom:auto;width:min(202px,calc(100vw - 16px));min-width:0;max-height:calc(100dvh - 16px);overflow-y:auto;white-space:normal;opacity:1;visibility:visible;transform:translate(-50%,-100%)}.match-tooltip-portal[data-placement=below]{transform:translate(-50%)}.match-tooltip>span{display:flex;justify-content:space-between;gap:16px;white-space:nowrap}.match-tooltip>span>span{color:#939588;font:9px DM Mono,monospace;text-transform:uppercase}.match-tooltip .match-tooltip-details{display:grid;gap:5px}.match-tooltip .match-tooltip-detail-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;white-space:normal}.match-tooltip .match-tooltip-detail-row>span{flex:0 0 auto;color:#939588;font:9px DM Mono,monospace;text-transform:uppercase}.match-tooltip .match-tooltip-detail-row>strong{min-width:0;text-align:right;overflow-wrap:anywhere}.match-tooltip strong{font-size:10px;font-weight:500}.match-tooltip .match-tooltip-heading{align-items:center;padding-bottom:6px;border-bottom:1px solid #34392d}.match-tooltip .match-tooltip-heading>strong{color:#edf1e5;font:600 13px Space Grotesk,sans-serif}.match-tooltip-heading>span{font:8px DM Mono,monospace;letter-spacing:.04em}.match-tooltip-heading .match-result-win{color:#b9df78}.match-tooltip-heading .match-result-loss{color:#e69887}.match-tooltip .match-tooltip-date{justify-content:flex-start;color:#8f9686;font:9px DM Mono,monospace}.match-block:hover .match-tooltip,.match-block:focus-visible .match-tooltip{transform:translate(-50%);opacity:1;visibility:visible}.match-win{background:#83a945}.match-loss{border-left-color:#edaf9b;background:#a75d4e}.empty-timeline{display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#c4c5b9;font-size:12px}.empty-spark{color:var(--lime);font-size:21px}.empty-detail{color:#797b70;font-size:10px}.timeline-legend{display:flex;align-items:center;gap:15px;padding-top:13px;color:#7c7e72;font:8px DM Mono,monospace;letter-spacing:.06em}.timeline-legend span{display:flex;align-items:center;gap:6px}.legend-block{width:9px;height:7px;border-radius:1px}.legend-win{background:#83a945}.legend-loss{background:#a75d4e}.timeline-range-note{margin-left:auto}.footer-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 2px;color:#66685e;font:8px DM Mono,monospace;letter-spacing:.05em}.footer-legal{color:#77796d;font:9px DM Sans,sans-serif;letter-spacing:0}@media(max-width:900px){.app-shell{padding-right:32px;padding-left:32px}.hero{grid-template-columns:1fr 310px;gap:25px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-axis,.day-row{grid-template-columns:118px 1fr;gap:9px}}@media(max-width:640px){.app-shell{padding:0 17px 25px}.topbar{min-height:63px;gap:8px}.brand{gap:8px}.topbar-caption{display:none}.topbar-right{gap:0}.player-switch-link{font-size:8px}.gateway-hero{padding:78px 0 30px}.player-choice-grid{grid-template-columns:1fr}.player-choice-card{min-height:205px;padding:20px}.hero{grid-template-columns:1fr;gap:25px;padding:42px 0 38px}h1{font-size:clamp(34px,13vw,54px)}.live-card{min-height:165px}.section-heading{align-items:start;flex-direction:column}.range-and-refresh{width:100%;flex-wrap:wrap;justify-content:space-between;gap:6px}.range-switch{min-width:0;flex:1 1 100%;justify-content:space-between;gap:0}.range-switch button{min-width:0;flex:1 1 auto;padding:8px 6px;font-size:10px}.refresh-button{padding:8px 9px;white-space:nowrap}.stat-card{min-height:105px;padding:14px}.stat-label{font-size:8px}.stat-value{font-size:25px}.stat-value-time{font-size:19px}.stat-value-champion{font-size:17px}.stat-foot{font-size:7px}.daily-playtime-panel{padding-right:13px;padding-left:13px}.daily-playtime-panel .panel-heading{align-items:flex-start;flex-wrap:wrap}.daily-chart-controls{width:100%;justify-content:space-between}.rhythm-panel,.timeline-panel{padding-right:13px;padding-left:13px}.hour-chart{min-width:0;gap:3px;overflow:hidden;padding-inline:16px}.panel-note{font-size:7px;white-space:nowrap}.timeline-panel{overflow:visible}.timeline-heading{min-width:0;flex-wrap:wrap;gap:10px}.timeline-heading>div:first-child{min-width:0;flex:1 1 100%}.timeline-options,.timeline-axis,.day-list,.timeline-legend{min-width:0}.timeline-axis{grid-template-columns:1fr}.axis-hours span{font-size:6px}.timeline-day-spacer{display:none}.day-row{grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 0}.day-track{width:100%}.timeline-legend{flex-wrap:wrap}.timezone-badge{flex:0 0 auto;padding:6px 7px;font-size:8px}.complete-overview-control,.day-label{font-size:9px}.footer-line{flex-direction:column}}@media(max-width:360px){.player-switch-link{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}