:root{--ink:#eee6da;--muted:#b5abbc;--gold:#dfbc7a;--bg:#171522;--panel:#24202f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-decoration:none}header,footer{display:flex;align-items:center;justify-content:space-between;padding:25px 6%;border-bottom:1px solid #ffffff12}.brand{font:700 21px Georgia,serif;letter-spacing:3px;color:var(--gold)}nav{display:flex;gap:32px;align-items:center}nav a{font-size:13px}.small-button,button{border:1px solid #b99d6555;padding:10px 20px;border-radius:4px;background:#302939;color:var(--ink);cursor:pointer}main>section{padding:80px 7%;scroll-margin-top:20px}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#64503c55,transparent 60%),linear-gradient(120deg,#211c30,#171b26);padding-top:55px;padding-bottom:40px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:700}h1{font:normal clamp(55px,6.5vw,96px)/1.06 Georgia,serif;letter-spacing:-3px;margin:25px 0}h2{font:normal 48px/1.1 Georgia,serif;margin:15px 0 32px}h3{font:normal 25px Georgia,serif}em{color:var(--gold);font-weight:normal}.hero-copy>p:not(.eyebrow){color:var(--muted)}.actions{display:flex;align-items:center;gap:28px;margin:30px 0}.actions>a:not(.primary){font-size:13px}.primary{display:inline-block;background:var(--gold);color:#27202b;border:0;padding:17px 25px;font-weight:800;font-size:12px;letter-spacing:1px;border-radius:4px}.primary:hover{background:#f0d499}.primary span{margin-left:35px}.fine{font-size:12px;color:var(--muted)}.hero-art{position:relative;display:flex;align-items:center;justify-content:center}.hero-art img{height:580px;width:100%;object-fit:contain;z-index:1;filter:drop-shadow(0 22px 35px #0008)}.halo{position:absolute;width:430px;height:430px;border:1px solid #b99d6555;border-radius:50%;outline:1px solid #b99d6522;outline-offset:24px;background:radial-gradient(circle,#e7ae6644,transparent 65%)}.art-caption{position:absolute;bottom:0;right:10px;letter-spacing:3px;font-size:14px;color:var(--gold);z-index:2}.art-caption small{display:block;font-size:9px}.ribbon{display:flex;justify-content:center;gap:7%;background:#24212d;border-block:1px solid #b99d6533;padding:21px;font-size:11px;letter-spacing:2px}.ribbon i{color:var(--gold)}.champions{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.champions article{background:linear-gradient(#35303e,#24212d);border:1px solid #ffffff0e;border-radius:100px 100px 8px 8px;text-align:center;padding:20px 8px 12px}.champions img{height:190px;width:100%;object-fit:contain}.champions h3{font-size:21px;margin:15px 0 0}.champions p{font-size:11px;color:var(--muted)}.play-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#201c2a}.play-grid>div>p{max-width:490px}form#auth,.panel{background:var(--panel);padding:32px;border:1px solid #b99d652a;border-radius:12px}label{display:block;font-size:12px;color:var(--muted);margin:18px 0}input,select{width:100%;padding:13px 15px;color:var(--ink);background:#171522;border:1px solid #ffffff26;border-radius:5px;font:inherit}input:focus,select:focus{outline:2px solid var(--gold)}.text-button{display:block;border:0;background:none;padding-left:0;color:var(--gold);margin-top:12px}#notice{position:sticky;bottom:18px;z-index:4;margin:0 auto;max-width:750px;background:#3d314c;padding:0 20px;border-radius:8px}#notice:not(:empty){padding:14px 20px;border:1px solid var(--gold)}.section-top{display:flex;align-items:center;gap:20px;justify-content:space-between}.section-top select{width:180px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:var(--gold);font-size:11px;letter-spacing:1px;text-transform:uppercase}td,th{padding:16px 20px;border-bottom:1px solid #ffffff14}td{font-size:14px}.numbers{display:flex;gap:18px;margin-bottom:32px}.numbers div{padding:20px;flex:1;background:var(--panel);border-radius:8px}.numbers strong{display:block;font-size:28px;color:var(--gold)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.friend,.invite{padding:15px 0;border-bottom:1px solid #ffffff15}.friend button,.invite button{padding:5px 10px;margin-left:8px;font-size:11px}footer{margin-top:40px;border-top:1px solid #ffffff15;font-size:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:800px){nav{gap:14px}nav a:first-child{display:none}.brand{font-size:15px}.hero{grid-template-columns:1fr;min-height:0}.hero-art{height:390px}.hero-art img{height:400px}.halo{width:300px;height:300px}h1{font-size:62px}.champions{grid-template-columns:repeat(3,1fr)}.champions img{height:160px}.play-grid,.profile-grid{grid-template-columns:1fr;gap:35px}.numbers{flex-wrap:wrap}.ribbon{font-size:8px;gap:12px}main>section{padding:45px 6%}.section-top{flex-wrap:wrap}footer{gap:20px}h2{font-size:38px}}

/* User-provided action portraits: retain face and scene without stretching. */
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:60% 35%;border-radius:24px}.champions img{object-fit:cover;object-position:60% 35%}