/* REGULARS: the approved gold shark logo and RG poker mascot. */
:root{--rg-gold:#e9c580;--rg-ivory:#fff0ce}
body{background:radial-gradient(ellipse at 8% 0,#302936 0,transparent 48%),linear-gradient(160deg,#19181e,#0d0e13 72%)}
.rg-logo{display:inline-flex;align-items:center;gap:10px;min-width:0}
.rg-logo img{display:block;object-fit:contain;flex:none}
.rg-emblem{width:56px;height:56px}
.rg-wordmark{width:180px;height:44px}
.home-account-line{gap:12px;min-height:76px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #c49b5738}
.rg-home-account{display:flex;align-items:center;gap:14px;min-width:0}
.rg-home-mascot{display:block;width:76px;height:76px;object-fit:contain;flex:none}
.home-account-line .account-open span{max-width:110px}
.home-heading h1{font-size:22px}
.rg-heading{display:flex;align-items:center;gap:10px;min-width:0}
.rg-heading>img{display:block;width:38px;height:38px;object-fit:contain;flex:none}
.rg-heading>div{min-width:0}
.rg-mini{display:inline-flex;align-items:center;gap:6px;color:var(--rg-gold);font-size:12px;font-weight:750;letter-spacing:.08em;white-space:nowrap}
.rg-mini img{width:26px;height:26px;object-fit:contain;flex:none}
.rp-library-tabs{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center}
.rp-library-tabs .rg-mini{margin-left:auto;padding:0 8px}
.mascot-frame{background:radial-gradient(ellipse at center,#34303a,#16151c);border-color:#cba568;box-shadow:none}
.mascot-frame img:not(.user-photo){object-fit:contain;object-position:center;transform:none;padding:3px}
#brand-preview:not(.user-photo){object-fit:contain;background:#17141e}
#account-dialog header .rg-account-heading{display:flex;align-items:center;gap:12px;min-width:0}
.rg-account-heading>img{width:70px;height:70px;object-fit:contain;flex:none}
.rg-account-heading .rg-wordmark{width:128px;height:31px;margin-bottom:5px}


.rg-empty-mascot{display:block;width:80px;height:80px;object-fit:contain;margin:0 auto 10px}
.rg-tournament-brand{display:flex;align-items:center;gap:8px;color:var(--rg-gold)}
.rg-tournament-brand img{width:32px;height:32px;object-fit:contain}
@media(max-width:600px){
 .home-account-line{min-height:60px;margin-bottom:9px;padding-bottom:7px;gap:8px}
 .rg-logo{gap:7px}.rg-emblem{width:44px;height:44px}.rg-wordmark{width:140px;height:34px}
 .rg-home-account{gap:8px}.rg-home-mascot{width:56px;height:56px}
 .home-account-line .account-open{padding:6px 9px;min-height:40px}.home-account-line .account-open span{max-width:74px}
 .home-heading h1{font-size:20px}.rg-heading{gap:8px}.rg-heading>img{width:32px;height:32px}
 .rg-mini{font-size:12px;gap:4px}.rg-mini img{width:23px;height:23px}
}
@media(max-width:420px){
 .rg-emblem{width:39px;height:39px}.rg-logo{gap:5px}.rg-wordmark{width:120px;height:29px}
 .rg-home-mascot{width:48px;height:48px}.home-account-line{gap:6px}.rg-home-account{gap:5px}
 .home-account-line .account-open{gap:5px;padding:6px 8px}.home-account-line .account-open span{max-width:56px}
 .rp-library-tabs .rg-mini span{display:none}
}
@media(max-width:350px){.rg-emblem{width:33px;height:33px}.rg-wordmark{width:108px;height:26px}.rg-home-mascot{width:40px;height:40px}.home-account-line .account-open svg{display:none}}
@media(max-height:650px){.home-account-line{min-height:48px;margin-bottom:6px;padding-bottom:5px}.rg-home-mascot{width:44px;height:44px}.home-account-line .rg-emblem{width:38px;height:38px}.rg-empty-mascot{width:56px;height:56px}}
@media(orientation:landscape) and (max-height:550px){.home-account-line{min-height:40px;margin-bottom:5px;padding-bottom:4px}.home-account-line .rg-emblem{width:34px;height:34px}.home-account-line .rg-wordmark{width:130px;height:31px}.rg-home-mascot{width:40px;height:40px}}

/* Larger reading text; component sizes continue to respond to screen width. */
:root{font-size:18px}
body{font-size:19px}
.brand-avatar-picker{margin:16px 0}.brand-avatar-picker>summary{width:fit-content;min-height:44px;line-height:44px;color:#e8ca91;font-size:17px;cursor:pointer;border-radius:6px}.brand-avatar-picker>summary:focus-visible{outline:2px solid #e8ca91;outline-offset:3px}#brand-avatars{padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:8px 0 0}#brand-avatars button{padding:3px;border:1px solid #8b734e;border-radius:14px;background:#15121b}#brand-avatars img{display:block;max-width:100%;width:100%;height:auto;border-radius:10px}.account-info h3{color:#f2d69c;font-size:1rem}
