*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0f0f1a;color:#e8e8f0;min-height:100dvh;-webkit-tap-highlight-color:transparent}#root{min-height:100dvh;display:flex;flex-direction:column}.page{max-width:480px;margin:0 auto;padding:1rem 1rem 2rem;width:100%;flex:1;display:flex;flex-direction:column;gap:1rem}h1{font-size:1.5rem;text-align:center;color:#fff}h2{font-size:1.1rem;margin-bottom:.35rem}.card{background:#1a1a2e;border-radius:14px;padding:1.1rem;display:flex;flex-direction:column;gap:.65rem}.btn{display:block;width:100%;min-height:48px;padding:.875rem 1rem;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#6c63ff;color:#fff}.btn-primary:hover:not(:disabled){background:#5a52e0}.btn-secondary{background:#2a2a4a;color:#c8c8e0}.btn-secondary:hover:not(:disabled){background:#35355a}.btn-small{width:auto;min-height:44px;padding:.5rem 1.25rem;font-size:.95rem}input,textarea{width:100%;padding:.875rem;border:2px solid #2a2a4a;border-radius:10px;background:#12121f;color:#e8e8f0;font-size:1rem;font-family:inherit;outline:none;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus{border-color:#6c63ff}textarea{resize:vertical;min-height:90px}.player-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.player-item{display:flex;justify-content:space-between;align-items:center;padding:.65rem .85rem;background:#22223a;border-radius:10px;font-size:1rem;min-height:44px}.player-item .name{font-weight:500}.player-item .score{color:#a0a0c0;font-weight:600}.player-item.disconnected{opacity:.4}.score-strip{display:flex;justify-content:space-between;align-items:center;background:#1a1a2e;border-radius:14px;padding:.75rem 1.1rem;font-weight:600}.score-strip .score-value{font-size:1.5rem;font-weight:700;color:#6c63ff}.headline-card{background:#20203a;border-left:4px solid #6c63ff;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.45rem}.headline-card .title{font-size:1.05rem;font-weight:600;line-height:1.4}.headline-card .meta{font-size:.85rem;color:#88a}.headline-card .meta a{color:#88d;text-decoration:none}.headline-card .summary{font-size:.9rem;color:#b0b0cc;font-style:italic;line-height:1.4}.ranking-item{display:flex;align-items:center;gap:.6rem;background:#22223a;border-radius:12px;padding:.85rem .9rem;margin-bottom:.5rem;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border:2px solid transparent;transition:border-color .15s,background .15s}.ranking-item:active{cursor:grabbing}.ranking-item.dragging{background:#2a2a50;border-color:#6c63ff;box-shadow:0 8px 24px #6c63ff40}.ranking-item .drag-handle{font-size:1.3rem;color:#557;flex-shrink:0;line-height:1}.ranking-item .rank{font-weight:700;min-width:1.5rem;color:#6c63ff;font-size:1rem}.ranking-item .text{flex:1;font-size:.95rem;line-height:1.35}.ranking-item.medal-gold{border-color:gold}.ranking-item.medal-silver{border-color:silver}.ranking-item.medal-bronze{border-color:#cd7f32}.ranked-results{display:flex;flex-direction:column;gap:.4rem}.ranked-item{display:flex;align-items:center;gap:.5rem;background:#22223a;border-radius:10px;padding:.75rem .85rem;border-left:4px solid transparent;min-height:44px}.ranked-item .rank{font-weight:700;min-width:1.5rem;font-size:1rem;color:#88a}.ranked-item .text{flex:1;font-size:.95rem;line-height:1.35}.ranked-item .points{font-weight:700;font-size:.9rem;color:#88a;white-space:nowrap}.ranked-item.medal-gold{border-left-color:gold}.ranked-item.medal-gold .rank,.ranked-item.medal-gold .points{color:gold}.ranked-item.medal-silver{border-left-color:silver}.ranked-item.medal-silver .rank,.ranked-item.medal-silver .points{color:silver}.ranked-item.medal-bronze{border-left-color:#cd7f32}.ranked-item.medal-bronze .rank,.ranked-item.medal-bronze .points{color:#cd7f32}.anon-comments-list{display:flex;flex-direction:column;gap:.4rem}.anon-comment{background:#22223a;border-radius:10px;padding:.75rem .85rem;display:flex;flex-direction:column;gap:.2rem}.anon-comment .label{font-size:.8rem;color:#6c63ff;font-weight:600}.anon-comment .text{font-size:.95rem;line-height:1.35}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.85rem;color:#88a;border-bottom:1px solid #2a2a4a}.status-bar .round{font-weight:600;color:#c8c8e0}.connection-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.connection-dot.online{background:#4caf50}.connection-dot.offline{background:#f44336}.error-msg{background:#3a1a1a;color:#f88;border-radius:10px;padding:.85rem;font-size:.95rem;text-align:center}.podium{text-align:center;padding:1.25rem 0}.podium .winner{font-size:1.5rem;font-weight:700;color:gold;margin-bottom:.25rem}.waiting{text-align:center;padding:2rem 0;color:#88a;font-size:1.05rem}.waiting .dots:after{content:"...";animation:dots 1.5s steps(3) infinite}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}}