:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #070b12;--panel: rgba(13, 19, 32, .86);--panel-strong: rgba(16, 25, 42, .96);--soft: rgba(255, 255, 255, .06);--line: rgba(144, 180, 255, .18);--line-hot: rgba(78, 210, 255, .38);--text: #f4f8ff;--muted: #9aa9bd;--subtle: #6f7e91;--cyan: #45d9ff;--blue: #5378ff;--violet: #9b5cff;--green: #53eba4;--yellow: #ffd166;--red: #ff6d86;--radius: 10px;--radius-lg: 18px;--shadow: 0 22px 70px rgba(0, 0, 0, .35);--max: 1180px;--speed: .19s}*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);overflow-x:hidden}button,input,textarea,select{font:inherit}select{min-height:44px;max-width:100%;font-size:16px}button{color:inherit}.app{min-height:100vh;position:relative;overflow-x:hidden;background:radial-gradient(circle at 12% 0%,rgba(69,217,255,.16),transparent 28%),radial-gradient(circle at 88% 10%,rgba(155,92,255,.14),transparent 26%),linear-gradient(180deg,#080d16,#060910 62%,#05070c)}.background-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(144,180,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(144,180,255,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%)}.topbar,.page-shell,.footer{width:min(var(--max),calc(100% - 36px));margin:0 auto;position:relative;z-index:1}.topbar{min-height:70px;margin-top:14px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#070b12c7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.brand,.nav button,.menu-toggle,.primary-action,.search-results button,.suggestion-list button,.period-list button{cursor:pointer;border:1px solid transparent;transition:transform var(--speed),border-color var(--speed),background var(--speed),box-shadow var(--speed)}.brand{min-height:44px;display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;font-weight:900;letter-spacing:0}.brand span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#06101a;background:linear-gradient(135deg,var(--cyan),var(--violet))}.nav{display:flex;align-items:center;gap:8px}.nav button,.menu-toggle{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;border-radius:var(--radius);background:transparent;color:var(--muted)}.nav button:hover,.nav button:focus-visible,.nav button.active,.menu-toggle:hover,.menu-toggle:focus-visible{color:var(--text);background:var(--soft);border-color:var(--line);transform:translateY(-2px) scale(1.015)}.nav .login-link{color:#06101a;background:linear-gradient(135deg,var(--cyan),#72f2d2);font-weight:900}.menu-toggle{display:none;width:44px;padding:0;border-color:var(--line)}.page-shell{padding:34px 0 54px}.compact-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:18px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-size:.8rem;font-weight:900;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2.2rem,6vw,5.2rem);line-height:.95;letter-spacing:0}h2{margin-bottom:6px;font-size:clamp(1.35rem,3vw,2.2rem)}p,.muted{color:var(--muted);line-height:1.55}.hero-month,.ranking-panel,.side-card,.auth-card,.admin-card,.admin-nav{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow)}.admin-section-selector{display:none}.admin-section-buttons{display:grid;gap:6px}.hero-month{min-width:240px;padding:18px;display:grid;gap:4px;color:var(--muted)}.hero-month svg{color:var(--yellow)}.hero-month strong{color:var(--text)}.ranking-panel{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.search-field{min-height:46px;width:min(320px,100%);display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft);color:var(--muted)}.search-field.wide{width:100%}.search-field input{width:100%;border:0;outline:0;color:var(--text);background:transparent}.podium{display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:12px;margin-bottom:14px}.podium-card{min-height:154px;padding:18px;display:grid;gap:10px;align-content:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-strong);transition:transform var(--speed),border-color var(--speed),box-shadow var(--speed)}.podium-card.winner{min-height:174px;border-color:#ffd16659;background:linear-gradient(150deg,#ffd1661f,#10192af5)}.podium-card:hover,.search-results button:hover,.suggestion-list button:hover,.period-list button:hover,.primary-action:hover:not(:disabled){transform:translateY(-2px) scale(1.018);border-color:var(--line-hot);box-shadow:0 18px 50px #45d9ff1f}.position{color:var(--cyan);font-weight:900}.avatar{width:38px;height:38px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--blue),var(--violet));overflow:hidden}.avatar img,.brand-logo img{width:100%;height:100%;object-fit:cover;object-position:center}.brand-logo{position:relative;overflow:hidden}.brand-logo img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.brand-logo img.loaded{opacity:1}.platform-pills{display:flex;gap:6px;flex-wrap:wrap}.platform-pill{width:26px;height:26px;display:inline-grid;place-items:center;border-radius:50%;font-size:.75rem;font-weight:900;color:#fff}.platform-pill.twitch{background:#9146ff}.platform-pill.kick{background:#32d878;color:#031207}.platform-pill.discord{background:#5865f2}.ranking-list{display:grid;gap:8px}.ranking-row{min-height:58px;display:grid;grid-template-columns:90px minmax(0,1.2fr) minmax(120px,.8fr) 120px;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a}.ranking-row.heading{min-height:38px;color:var(--subtle);font-size:.78rem;font-weight:900;text-transform:uppercase;background:transparent}.user-main,.selected-user{display:flex;align-items:center;gap:10px;min-width:0}.two-column{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px}.side-card,.auth-card,.admin-card{padding:20px}.admin-card,.side-card,.ranking-panel,.auth-card,.podium-card,.ranking-row,.period-list button,.search-results button,.suggestion-list button,.nav button,.primary-action{max-width:100%;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none}h1,h2,h3,p,span,strong,small,em,label,button{word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}.table-card{max-width:100%;overflow-x:auto}.period-list,.search-results,.suggestion-list,.admin-stack{display:grid;gap:10px}.period-list button,.search-results button,.suggestion-list button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:var(--radius);border-color:var(--line);background:var(--soft);text-align:left;white-space:normal}.period-list button.selected,.admin-nav button.selected{border-color:var(--cyan);background:#45d9ff1c}.auth-layout{min-height:64vh;display:grid;place-items:center}.auth-card{width:min(460px,100%);display:grid;gap:14px}.auth-card label,.form-grid label,.select-field{display:grid;gap:7px;color:var(--muted);font-weight:800}.auth-card input,.form-grid input,.form-grid textarea,.form-grid select,.select-field select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:var(--radius);padding:11px 12px;color:var(--text);background:var(--soft);outline:none}.form-grid textarea{min-height:96px;resize:vertical}.password-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--soft)}.password-field input{border:0;background:transparent}.password-field button{width:44px;height:44px;border:0;background:transparent;cursor:pointer}.primary-action{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);border-color:transparent;color:#051018;background:linear-gradient(135deg,var(--cyan),#74f2d3);font-weight:900}.primary-action:disabled{opacity:.52;cursor:not-allowed}.form-error,.form-success{margin:0;padding:10px 12px;border-radius:var(--radius)}.form-error{color:#ffd6df;background:#ff6d861f}.form-success{color:#c9ffe4;background:#53eba41f}.admin-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}.admin-nav{padding:10px;align-self:start;display:grid;gap:6px}.admin-nav button{min-height:42px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--muted);text-align:left;padding:10px 12px;cursor:pointer}.admin-nav button:hover,.admin-nav button:focus-visible{color:var(--text);background:var(--soft)}.admin-content{min-width:0}.admin-grid,.form-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.action-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.primary-action.secondary{color:var(--text);border:1px solid var(--line);background:var(--soft)}.rule-row{display:grid;grid-template-columns:1fr;align-content:start;gap:14px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0a}.rule-row span{display:grid;gap:4px}.rule-row small,.rule-row em{color:var(--muted);font-style:normal}.rule-row input{width:min(150px,100%);min-height:42px;border:1px solid var(--line);border-radius:var(--radius);padding:9px 10px;color:var(--text);background:var(--soft)}.rule-control{display:flex!important;align-items:center;gap:10px!important}.search-form{width:min(470px,100%);display:flex;align-items:stretch;gap:10px}.search-form.wide{width:100%}.search-button,.icon-button{min-height:46px;padding:0 18px;border:1px solid var(--line-hot);border-radius:var(--radius);color:var(--text);background:#45d9ff1f;font-weight:900;cursor:pointer}.search-button:disabled{opacity:.55;cursor:wait}.admin-user-row{grid-template-columns:minmax(180px,1.4fr) minmax(150px,.9fr) minmax(100px,.6fr) minmax(100px,.6fr) auto}.edit-user-button{min-height:40px;padding:8px 14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;overflow-y:auto;background:#02050ad1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.edit-user-modal{width:min(720px,100%);max-height:calc(100vh - 40px);overflow-y:auto}.icon-button{width:44px;padding:0;display:grid;place-items:center}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.check-grid label{display:flex;align-items:center;gap:9px;color:var(--muted)}.check-grid input{width:18px;min-height:18px}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:18px}.integration-card{display:grid;align-content:start;gap:14px}.status-pill{padding:6px 10px;border-radius:999px;color:var(--muted);background:var(--soft);font-size:.8rem;font-weight:900}.status-pill.connected{color:#c9ffe4;background:#53eba424}.integration-details{display:grid;gap:9px;margin:0}.integration-details div{display:grid;grid-template-columns:minmax(110px,.45fr) minmax(0,1fr);gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line)}.integration-details dt{color:var(--muted);font-weight:800}.integration-details dd{margin:0;overflow-wrap:break-word}.danger-action{min-height:48px;padding:0 16px;border:1px solid rgba(255,109,134,.4);border-radius:var(--radius);color:#ffd6df;background:#ff6d861a;cursor:pointer;font-weight:900}.command-card{gap:18px}.selected-user{justify-content:space-between;padding:12px;border-radius:var(--radius);background:#45d9ff14}.selected-user span,.search-results small,.suggestion-list small,.suggestion-list em{color:var(--muted);font-style:normal}.form-grid{display:grid;gap:14px}.preview-box{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:#45d9ff14}.preview-box.warning{border-color:#ffd16673;background:#ffd16617}.empty-state,.skeleton-stack{display:grid;justify-items:center;gap:8px;padding:36px 16px;text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--soft)}.empty-state.compact{padding:20px}.error-state{border-color:#ff6d865c}.skeleton-stack span{width:100%;height:52px;border-radius:var(--radius);background:linear-gradient(90deg,#ffffff0d,#ffffff21,#ffffff0d);background-size:220% 100%;animation:shimmer 1.2s linear infinite}.mini-loading{color:var(--muted)}.compact-list .ranking-row{grid-template-columns:90px minmax(0,1fr) 150px minmax(180px,.8fr)}.footer{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--subtle);border-top:1px solid var(--line)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(69,217,255,.28);outline-offset:3px}@keyframes shimmer{to{background-position:-220% 0}}@media (max-width: 860px){.topbar,.page-shell,.footer{width:min(100% - 24px,var(--max))}.menu-toggle{display:inline-grid;place-items:center}.nav{position:absolute;left:10px;right:10px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-strong);box-shadow:var(--shadow)}.nav.open{display:flex}.compact-hero,.panel-head,.two-column,.admin-layout{grid-template-columns:1fr}.panel-head{display:grid}.hero-month,.search-field{width:100%}.podium{grid-template-columns:1fr}.ranking-row,.ranking-row.heading,.compact-list .ranking-row{grid-template-columns:72px minmax(0,1fr) 92px}.ranking-row span:nth-child(3),.ranking-row.heading span:nth-child(3){display:none}.admin-user-row{grid-template-columns:minmax(0,1fr) auto}.admin-user-row>:nth-child(2),.admin-user-row>:nth-child(3){display:flex}.admin-nav{position:relative;z-index:3;width:100%;overflow:visible}.admin-section-selector{display:grid;gap:8px;color:var(--muted);font-weight:800}.admin-section-selector select{width:100%;min-width:0;min-height:48px;padding:10px 40px 10px 12px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--panel-strong)}.admin-section-buttons{display:none}.action-row{align-items:stretch}.action-row>select,.action-row>button,.action-row>label{min-height:44px}}@media (max-width: 520px){h1{font-size:clamp(2rem,13vw,3.6rem)}.ranking-panel,.side-card,.auth-card,.admin-card{padding:16px}.ranking-row,.ranking-row.heading,.compact-list .ranking-row{grid-template-columns:52px minmax(0,1fr) 82px;gap:8px;padding:10px}.avatar{width:32px;height:32px}.rule-row{grid-template-columns:1fr}.search-form{flex-direction:column}.search-button{width:100%}.form-duo{grid-template-columns:1fr}.admin-user-row{grid-template-columns:1fr;align-items:start}.admin-user-row>*{width:100%}.admin-user-row .edit-user-button{justify-self:stretch}.action-row>select{width:100%}.modal-backdrop{padding:10px;align-items:start}.edit-user-modal{max-height:calc(100dvh - 20px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}