body{background:radial-gradient(ellipse at top,#332b1c,#111310 65%);color:#eadbc0}.ranked-layout{max-width:1100px;margin:35px auto;padding:0 24px}.ranked-hero h1{font-size:clamp(36px,6vw,64px);margin:10px 0;color:#e5bf76}.ranked-hero>p{max-width:720px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#b99b61}.ranked-notice{border-left:2px solid #d2ab68;padding:10px 15px;background:#d2ab680c;font-size:14px}.ranked-identity{display:flex;gap:20px;align-items:center;border-block:1px solid #93734066;padding:22px 0;margin-top:25px}.ranked-identity>img{width:90px;height:90px;object-fit:contain}.ranked-identity h2{margin:0;font-size:28px}.ranked-identity p{margin:5px 0;font:13px system-ui;color:#b9a682}.ranked-rating{margin-left:auto;display:grid;text-align:right;gap:5px}.ranked-rating strong{font-size:36px;color:#ebc780}.ranked-rating span{font-size:13px;color:#bca984}.ranked-layout button,.ranked-button{border:1px solid #b38c50;background:linear-gradient(#a68142,#705122);color:#fff0d3;padding:12px 18px;border-radius:5px;font:15px Georgia;cursor:pointer;text-decoration:none;display:inline-block}.ranked-layout button:disabled{opacity:.5;cursor:wait}.ranked-layout input,.ranked-layout textarea{background:#12130f;border:1px solid #8e744e;color:#f2e1bd;padding:12px;border-radius:4px;font:15px system-ui;min-width:0;max-width:100%}.ranked-layout label{font-size:14px}.ranked-tools{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:25px 0}.ranked-tools form{display:grid;grid-template-columns:1fr auto;gap:8px;flex:1;min-width:260px}.ranked-tools label{grid-column:1/-1}#active-match,#invite-preview,#ranked-login{background:linear-gradient(135deg,#30291d,#191b15);padding:25px;border:1px solid #ae884b;border-radius:8px;margin:25px 0;box-shadow:0 12px 30px #0004}#active-match h2{color:#e7c17d;font-size:26px}#active-match .match-players{display:grid;grid-template-columns:1fr 1fr;gap:18px}.match-players article{padding:15px;border:1px solid #987d4c55;border-radius:5px}.match-players h3{margin:0;color:#edcf91}.match-players p{margin:6px 0;font-size:14px}.match-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.ranked-layout .quiet{background:#27251c}.ranked-layout .danger{background:#582c25;border-color:#b77763}.civilization-choices{display:flex;gap:14px;flex-wrap:wrap}.civilization-choices button{background:#1b1c15;display:grid;justify-items:center;gap:6px}.civilization-choices img{width:65px;height:65px;object-fit:contain}.invitation-share{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.invitation-share svg{width:170px;height:170px;background:white;padding:9px;border-radius:7px}.invitation-share>div:last-child{flex:1;min-width:220px}.invitation-share input{width:100%}.invitation-share code{display:block;overflow-wrap:anywhere;font-size:12px;margin:8px 0}.ranked-tabs{display:flex;gap:10px;border-bottom:1px solid #826740;margin-top:35px;padding-bottom:12px}.ranked-tabs button{background:none;border-color:transparent;color:#bcad91}.ranked-tabs button[aria-pressed=true]{border-color:#c49b54;color:#edcf91}.ranked-history-card{padding:18px 0;border-bottom:1px solid #8b714633}.ranked-history-card h3{margin:0 0 8px;font-size:20px}.ranked-history-card p{margin:5px 0;font-size:14px;color:#cbbb9b}.ranked-table-wrap{overflow:auto}table.ranked-table{border-collapse:collapse;width:100%;font:14px system-ui;margin:18px 0}.ranked-table td,.ranked-table th{text-align:left;padding:12px;border-bottom:1px solid #8b714644}.ranked-table th{color:#d8b878}#ranked-status:not(:empty){padding:12px;border-left:3px solid #dbb574;background:#dbb5740c}#ranked-status[data-error=true]{color:#ffc2a9;border-color:#d48572}[hidden]{display:none!important}.dispute-form{display:grid;gap:12px;margin-top:15px}.dispute-form textarea{width:100%}.ranked-result{font-size:28px;color:#efce86}.ranked-layout button:focus-visible,.ranked-layout a:focus-visible{outline:3px solid #ffe1a3;outline-offset:3px}@media(max-width:650px){.ranked-layout{padding:0 16px}.ranked-identity{gap:12px}.ranked-identity>img{width:60px;height:60px}.ranked-identity h2{font-size:22px}.ranked-rating strong{font-size:26px}#active-match{padding:17px}.ranked-tools form{grid-template-columns:1fr}.ranked-tools form label{grid-column:1}.match-players{grid-template-columns:1fr!important}.ranked-tabs button{padding:10px;font-size:13px}}