:root{--gold: #22d3ee;--gold-dark: #0891b2;--gold-rgb: 34,211,238;--gold-dark-rgb: 8,145,178}.ranked-header{display:flex;align-items:center;gap:10px;width:100%;max-width:560px;margin:2vh auto 12px;padding:0 8px}.category-badge-inline{padding:6px 12px;background:rgba(var(--gold-rgb),.12);border:1px solid rgba(var(--gold-rgb),.3);border-radius:999px;color:var(--gold);font-size:13px;font-weight:600;white-space:nowrap}.timer-bar-wrap{flex:1;height:10px;background:#ffffff14;border-radius:6px;overflow:hidden}.timer-bar{height:100%;background:linear-gradient(90deg,#4caf50,#f9d342,#e74c3c);width:100%;transition:width .2s linear}.timer-text{font-family:Bungee,cursive;font-size:16px;color:var(--gold);min-width:42px;text-align:right}.ranked-prompt{width:100%;max-width:560px;text-align:center;font-size:15px;font-weight:600;color:#fff;padding:14px 16px;line-height:1.4;margin-bottom:14px}.ranked-list{width:100%;max-width:560px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.rank-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:grab;transition:background .15s,border-color .15s,transform .15s;user-select:none;touch-action:none}.rank-item:hover{background:#ffffff12;border-color:rgba(var(--gold-rgb),.3)}.rank-item.dragging{opacity:.5;cursor:grabbing}.rank-item.drop-target{border-color:var(--gold);background:rgba(var(--gold-rgb),.1)}#rank-touch-ghost{border-radius:12px}.rank-item-position{font-family:Bungee,cursive;font-size:18px;color:var(--gold);min-width:28px;text-align:center}.rank-item-label{flex:1;font-size:15px;font-weight:500;color:#fff}.rank-item-handle{font-size:18px;color:var(--text-dim);opacity:.6;padding:0 4px}.rank-item-arrows{display:flex;flex-direction:column;gap:2px}.rank-item-arrows button{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-dim);width:26px;height:20px;border-radius:6px;font-size:11px;cursor:pointer;transition:background .15s,color .15s;padding:0;display:flex;align-items:center;justify-content:center}.rank-item-arrows button:hover:not(:disabled){background:rgba(var(--gold-rgb),.15);color:var(--gold)}.rank-item-arrows button:disabled{opacity:.3;cursor:not-allowed}.ranked-actions{width:100%;max-width:560px;margin:0 auto 24px}.submitted-note{text-align:center;padding:12px 16px;background:#4caf501f;border:1px solid rgba(76,175,80,.35);border-radius:12px;color:#7fd890;font-weight:600}.other-submitters{margin-top:10px;text-align:center;font-size:12px;color:var(--text-dim)}.reveal-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff08;margin-bottom:5px}.reveal-row:last-child{margin-bottom:0}.reveal-rank{font-family:Bungee,cursive;font-size:14px;color:var(--gold);min-width:24px;text-align:center}.reveal-label{flex:1;font-weight:500;color:#fff;font-size:14px}.reveal-value{color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums}.score-row-rk{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff08;margin-bottom:5px}.score-row-rk:last-child{margin-bottom:0}.score-row-rk.perfect{background:rgba(var(--gold-rgb),.08);border:1px solid rgba(var(--gold-rgb),.25)}.sr-avatar{font-size:18px}.sr-name{flex:1;font-size:13px;font-weight:600}.sr-correct{font-size:12px;color:var(--text-dim)}.sr-pts{font-weight:700;color:var(--gold);font-size:14px;min-width:50px;text-align:right}.my-answer-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:#ffffff08;margin-bottom:5px}.my-answer-row:last-child{margin-bottom:0}.my-answer-row.correct{background:#4caf5014}.my-answer-row.wrong{background:#e74c3c14}.ma-rank{font-family:Bungee,cursive;font-size:13px;color:var(--gold);min-width:22px;text-align:center;flex-shrink:0}.ma-icon{font-size:14px;flex-shrink:0}.ma-label{flex:1;font-size:13px;font-weight:500;color:#fff}.ma-wrong-hint{font-size:11px;color:var(--text-dim);flex-shrink:0;text-align:right;max-width:110px}