:root{--blue: #4290ef;--blue-dark: #2f74d4;--green: #55d355;--green-2: #8fe78e;--green-ink: #2f9e3f;--light: #f5f5f5;--gray: #c8c7cf;--down: #e23b3b;--bg: #f5f5f5;--card: #ffffff;--line: #e6e7ec;--ink: #232a3a;--muted: #7c828e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:radial-gradient(900px 600px at 50% -5%,rgba(66,144,239,.14),transparent 60%),var(--bg)}.app{position:relative;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:0 16px 60px;overflow-x:hidden}.app-horse{position:absolute;top:-20px;right:max(36px,calc((100% - 1100px) / 2.7));width:clamp(300px,34vw,520px);height:auto;z-index:0;opacity:.28;pointer-events:none;mix-blend-mode:multiply}.app__topbar{position:fixed;top:14px;right:14px;z-index:20}.icon-btn{width:48px;height:48px;border-radius:14px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:20px;cursor:pointer;box-shadow:0 4px 12px #0000000f}.icon-btn:active{transform:scale(.94)}.app__header{position:relative;z-index:1;width:100%;max-width:1100px;margin-top:clamp(16px,3vh,36px);display:flex;align-items:center;justify-content:space-between;gap:16px}.app__header-img{height:clamp(64px,12vw,130px);width:auto;object-fit:contain}.app__logo{width:clamp(150px,26vw,300px);height:auto;display:block}.app__header h1{margin:20px 0 0;font-size:clamp(26px,4.5vw,44px);color:var(--blue);letter-spacing:-.5px}.app__header p{margin:6px 0 0;color:var(--muted);font-size:clamp(14px,2vw,19px)}.app__main{width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:stretch;gap:clamp(24px,4vh,44px);margin-top:clamp(28px,5vh,56px)}.app__empty{color:var(--muted);margin-top:40px}.podium-wrap{position:relative;z-index:1;width:100%;display:flex;justify-content:center}.podium{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,22px);width:100%;max-width:840px;margin:0 auto}.pedestal{display:flex;flex-direction:column;align-items:center;flex:1 1 0;max-width:260px}.pedestal--empty{visibility:hidden}.pedestal__card{width:100%;border-radius:18px;overflow:hidden;border:3px solid var(--place-color);box-shadow:0 14px 30px #0003;display:flex;flex-direction:column}.pedestal__photoarea{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--place-color)}.pedestal__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.pedestal__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,0) 26%,rgba(0,0,0,.35) 60%,var(--place-color) 100%)}.pedestal__move{position:absolute;top:8px;right:8px;z-index:4;background:#fffffff0;border-radius:999px;padding:2px 9px;box-shadow:0 2px 6px #00000038}.pedestal__medal{position:absolute;top:6px;left:0;right:0;z-index:3;text-align:center;font-size:clamp(30px,6vw,54px);line-height:1;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4))}.pedestal__name{position:absolute;bottom:4px;left:0;right:0;z-index:3;text-align:center;font-weight:800;line-height:1.2;padding:0 8px;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.7);font-size:clamp(14px,2.2vw,22px)}.pedestal__points{color:var(--muted);font-size:13px;margin-top:8px}.pedestal__base{width:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:5px;background:var(--place-color)}.pedestal__place{font-size:clamp(22px,4vw,40px);font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.22);margin-top:-8px}.pedestal--p1{--place-color: var(--blue)}.pedestal--p2{--place-color: var(--green)}.pedestal--p3{--place-color: var(--green-2)}.pedestal--p1 .pedestal__base{height:clamp(64px,11vw,110px)}.pedestal--p2 .pedestal__base,.pedestal--p3 .pedestal__base{height:clamp(38px,7vw,64px)}.pedestal--p3 .pedestal__place{color:#1f4a26;text-shadow:none}.pedestal--p1 .pedestal__name{font-size:clamp(16px,2.6vw,26px)}.pedestal--p1 .pedestal__place{font-size:clamp(24px,4.4vw,44px)}.pedestal--p1 .pedestal__medal{font-size:clamp(40px,8vw,72px)}.rank-section{width:100%}.rank-bar{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-weight:800;letter-spacing:1px;color:var(--blue);text-transform:uppercase;font-size:14px}.rank-bar:before,.rank-bar:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,transparent,var(--gray),transparent)}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.rank-row{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 8px #0000000a}.rank-row__pos{font-weight:900;color:var(--blue);text-align:right;flex:0 0 auto}.rank-row__name{flex:1;font-weight:600;color:var(--ink)}.rank-row__points{color:var(--muted);font-variant-numeric:tabular-nums}.rank-section--md .rank-row{padding:16px 20px;font-size:clamp(16px,2.2vw,20px)}.rank-section--md .rank-row__pos{width:44px;font-size:clamp(18px,2.4vw,22px)}.rank-section--sm .rank-row{padding:11px 16px;font-size:clamp(14px,1.8vw,16px)}.rank-section--sm .rank-row__pos{width:38px;font-size:16px}.move{display:inline-flex;align-items:center;gap:2px;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;flex:0 0 auto}.move__arrow{font-size:11px;line-height:1}.move--up{color:var(--green-ink)}.move--down{color:var(--down)}.move--same{color:var(--gray)}.move--new{background:var(--blue);color:#fff;padding:2px 9px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.btn{font:inherit;font-weight:700;border:none;border-radius:12px;padding:10px 18px;cursor:pointer;color:#fff;transition:transform .08s ease,opacity .2s ease}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--gold{background:var(--green)}.btn--primary{background:var(--blue)}.btn--danger{background:var(--down)}.btn--ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.admin{position:fixed;top:0;right:0;bottom:0;left:0;background:#141e3c59;display:flex;justify-content:flex-end;z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin__panel{width:min(720px,100vw);height:100%;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column}.admin__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.admin__head h2{margin:0}.admin__tabs{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--line)}.admin__tabs button{font:inherit;border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 16px;border-radius:10px;cursor:pointer}.admin__tabs button.on{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:700}.admin__body{flex:1;overflow:auto;padding:18px 20px}.admin__toolbar{display:flex;gap:10px;margin-bottom:12px}.admin__foot{padding:14px 20px;border-top:1px solid var(--line)}.hint{color:var(--muted);font-size:13px;margin:4px 0 14px}.prow-list{display:flex;flex-direction:column;gap:10px}.prow{display:flex;align-items:center;gap:10px;background:var(--light);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.prow__pos{font-weight:900;color:var(--blue);width:42px}.prow__name{flex:1;min-width:140px;font:inherit;font-size:16px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink)}.prow__pts{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted)}.prow__pts input{width:84px;font:inherit;padding:8px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink)}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.config-actions{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:6px;text-align:left}.field>span{font-size:14px;color:var(--muted)}.field input{font:inherit;font-size:16px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink)}.field--check{flex-direction:row;align-items:center;justify-content:space-between}.field--check input{width:22px;height:22px}@media (max-width: 560px){.config-grid{grid-template-columns:1fr}.pedestal__name{font-size:13px}}