:root{color-scheme:dark;--bg:#0f0d2e;--panel:rgba(31,28,77,.76);--text:#fbfbff;--muted:#b8b7d7;--line:rgba(255,255,255,.12);--accent:#8b5cf6;--shadow:0 24px 80px rgba(3,2,20,.42)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",system-ui,sans-serif}body{background:var(--bg);color:var(--text);overflow-x:hidden;transition:background .35s,color .35s}.rating-page{min-height:100svh;background-image:radial-gradient(circle at 15% 0%,rgba(99,102,241,.28),transparent 35%),radial-gradient(circle at 85% 15%,rgba(236,72,153,.2),transparent 30%),linear-gradient(145deg,var(--bg),color-mix(in srgb,var(--bg),#312e81 20%))}
.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden}.ambient i{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;opacity:.28;box-shadow:0 0 20px #fff;animation:float 8s ease-in-out infinite}.ambient i:nth-child(1){top:18%;left:8%}.ambient i:nth-child(2){top:12%;right:18%;animation-delay:-3s}.ambient i:nth-child(3){top:52%;right:5%;animation-delay:-6s}@keyframes float{50%{transform:translateY(-25px) scale(1.6);opacity:.6}}
.rating-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.25rem,2.5vw,2.5rem) clamp(1.25rem,4vw,4rem) 1rem;transition:opacity .3s,transform .3s}.rating-header.is-hidden{position:absolute;opacity:0;transform:translateY(-100%);pointer-events:none}.brand-block h1{font-size:clamp(2.2rem,5vw,5rem);line-height:.95;margin:.3rem 0 .55rem;letter-spacing:-.055em}.brand-block p{margin:0;color:var(--muted);font-size:clamp(.9rem,1.4vw,1.15rem)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.73rem;color:#a78bfa}.screen-actions{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}button{font:inherit}.primary-button,.soft-button,.icon-button,.header-reveal{border:0;cursor:pointer;border-radius:14px;min-height:45px;padding:.75rem 1rem;color:var(--text);transition:.2s}.primary-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:800;box-shadow:0 10px 30px rgba(99,102,241,.35)}.soft-button,.icon-button,.header-reveal{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(14px)}.icon-button{width:45px;padding:0}.primary-button:hover,.soft-button:hover,.icon-button:hover{transform:translateY(-2px)}
.rating-main{position:relative;z-index:1;padding:0 clamp(.75rem,3vw,3rem) clamp(1rem,3vw,3rem)}.status-row{display:flex;align-items:center;justify-content:flex-end;gap:1.2rem;min-height:36px;color:var(--muted);font-size:.8rem}.connection{display:flex;align-items:center;gap:.45rem}.connection span{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 12px #34d399}.connection.offline span{background:#fb7185;box-shadow:0 0 12px #fb7185}.header-reveal{padding:.35rem .7rem;min-height:auto;color:var(--muted)}
.controls-idle .screen-actions{opacity:0;pointer-events:none;transition:opacity .35s}.screen-actions{transition:opacity .35s}
.chart-shell{height:calc(100svh - 215px);min-height:430px;position:relative;border-radius:32px;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel),transparent 20%));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(20px);overflow:hidden}.chart-shell:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--line) 25%);pointer-events:none}.chart{height:100%;display:flex;align-items:flex-end;gap:clamp(.6rem,1.5vw,1.5rem);padding:80px clamp(1rem,3vw,3rem) 24px;overflow-x:auto;overflow-y:hidden;scrollbar-color:#8b5cf6 transparent;scrollbar-width:thin}.team-column{height:100%;min-width:clamp(90px,11vw,170px);flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.team-rank{position:absolute;top:0;width:46px;height:46px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);border-radius:50%;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.15);transition:.4s}.team-column.place-1 .team-rank{width:58px;height:58px;background:linear-gradient(135deg,#fef08a,#f59e0b);color:#593506;font-size:0}.team-column.place-1 .team-rank:after{content:"🏆";font-size:1.65rem}.team-column.place-2 .team-rank{background:linear-gradient(135deg,#fff,#a5b4c5);color:#34445b}.team-column.place-3 .team-rank{background:linear-gradient(135deg,#fed7aa,#c66f34);color:#5e2a0a}.score-label{position:absolute;top:66px;font-size:clamp(1.25rem,2.5vw,2.3rem);font-weight:900;font-variant-numeric:tabular-nums;text-shadow:0 3px 20px rgba(0,0,0,.25)}.bar-wrap{width:100%;height:calc(100% - 120px);display:flex;align-items:flex-end;justify-content:center}.team-bar{position:relative;width:min(100%,120px);height:8%;min-height:22px;border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--team-color),white 18%),var(--team-color));box-shadow:0 15px 45px color-mix(in srgb,var(--team-color),transparent 60%),inset 0 1px rgba(255,255,255,.4);transition:height 1s cubic-bezier(.2,.8,.2,1),filter .35s}.team-bar:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,transparent 25%,rgba(255,255,255,.22) 45%,transparent 65%);background-size:250% 100%;animation:shimmer 5s linear infinite}.place-1 .team-bar{filter:saturate(1.2) brightness(1.08)}@keyframes shimmer{to{background-position:-250% 0}}.team-name{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center;padding:.65rem .2rem 0;font-size:clamp(.85rem,1.4vw,1.15rem);font-weight:850;overflow-wrap:anywhere}.team-column.flash-up .team-bar{animation:upflash .8s}.team-column.flash-down .team-bar{animation:downflash .8s}@keyframes upflash{50%{filter:brightness(1.5);box-shadow:0 0 50px #34d399}}@keyframes downflash{50%{filter:brightness(.8);box-shadow:0 0 50px #fb7185}}
.empty-state,.error-state{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:2rem}.empty-state span{font-size:4rem}.empty-state h2{margin:.5rem 0}.empty-state p{color:var(--muted)}.error-state{color:#fecdd3}.empty-state[hidden],.error-state[hidden]{display:none}.rating-page.header-hidden .chart-shell{height:calc(100svh - 70px)}
.history-shell{margin-top:clamp(1rem,2vw,1.5rem);padding:clamp(1.1rem,2.5vw,2rem);border-radius:28px;background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel),transparent 20%));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(20px)}.history-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.25rem}.history-heading h2{margin:.25rem 0 0;font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:-.035em}.history-heading p{margin:0;color:var(--muted);text-align:right}.history-list{display:grid;gap:.7rem;margin:0;padding:0;list-style:none}.history-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--line);border-left:4px solid var(--team-color);border-radius:18px;background:rgba(10,9,40,.38)}.history-change{display:grid;place-items:center;min-width:68px;min-height:42px;padding:.45rem .7rem;border-radius:12px;font-size:1.05rem;font-weight:900;font-variant-numeric:tabular-nums}.history-change.positive{color:#a7f3d0;background:rgba(16,185,129,.16)}.history-change.negative{color:#fecdd3;background:rgba(244,63,94,.16)}.history-change.neutral{color:var(--muted);background:rgba(255,255,255,.07)}.history-copy{min-width:0}.history-copy strong{display:block;font-size:clamp(.92rem,1.2vw,1.05rem);line-height:1.35}.history-copy p{margin:.3rem 0 0;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}.history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.28rem;color:var(--muted);font-size:.78rem;white-space:nowrap}.history-meta span{color:#d9d7f2}.history-empty{padding:2rem;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:18px}.history-empty[hidden]{display:none}
@media(max-width:760px){.rating-header{align-items:flex-start;flex-direction:column;gap:1rem}.screen-actions{justify-content:flex-start}.soft-button{display:none}.chart-shell{height:calc(100svh - 250px);min-height:390px;border-radius:22px}.chart{padding-inline:1rem}.status-row{justify-content:space-between}.team-column{min-width:94px}.team-rank{width:38px;height:38px}.team-column.place-1 .team-rank{width:46px;height:46px}.score-label{top:52px}.bar-wrap{height:calc(100% - 105px)}}
@media(max-width:760px){.history-shell{border-radius:22px}.history-heading{align-items:flex-start;flex-direction:column;gap:.45rem}.history-heading p{text-align:left}.history-item{grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:.9rem}.history-change{min-width:58px}.history-meta{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;white-space:normal}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}