/* Transparent cutout of the owner-supplied ARENA artwork. */
.arena-logo{display:block;object-fit:contain;image-rendering:pixelated;flex-shrink:0}
.wordmark{gap:8px}.wordmark>.arena-logo{width:44px;height:44px}
.lobby-kicker>.arena-logo{width:38px;height:38px;margin-block:-8px}
.practiceBrand{display:inline-flex;align-items:center;gap:10px}.practiceBrand>.arena-logo{width:36px;height:36px;margin-block:-8px}
#practiceHint>.arena-logo{display:inline-block;width:26px;height:26px;vertical-align:middle;margin:-5px 6px -5px -5px}
.networkTop>.arena-logo{width:30px;height:30px;margin-right:-14px}
.rewardHeader{align-items:center;gap:16px;flex-wrap:wrap}.rewardBrand{display:flex;align-items:center;gap:8px}.rewardBrand>.arena-logo{width:36px;height:36px;margin-block:-8px}
@media(max-width:650px){.wordmark>.arena-logo{width:36px;height:36px}.lobby-kicker>.arena-logo{width:30px;height:30px;margin-block:-6px}.networkTop>.arena-logo{width:26px;height:26px;margin-right:-5px}.rewardHeader{font-size:11px;padding:18px}}

.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.twitter-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;color:var(--text)}
.twitter-link svg{width:19px;height:19px;fill:currentColor;stroke:none}
.twitter-link[aria-disabled=true]{opacity:.5;cursor:default}
.footer.arena-footer{display:block;padding:34px 4% 22px;background:#111719;border-top:1px solid #3a4244;color:#b4bdbf}
body[data-view=home] .footer.arena-footer,body[data-view=character] .footer.arena-footer{display:block}
.arena-footer .footer-inner{max-width:1440px;margin:0 auto}
.arena-footer .footer-main{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:28px}
.arena-footer .footer-brand{display:inline-flex;align-items:center;gap:15px;color:#eef0e8;text-decoration:none;flex-shrink:0}
.arena-footer .footer-brand>.arena-logo{width:42px;height:50px}
.arena-footer .footer-brand strong{display:block;font:25px/1.25 var(--font);letter-spacing:.06em}
.arena-footer .footer-brand small{display:block;margin-top:7px;font:14px/1.5 var(--body);color:#a4b1b5}
.arena-footer .contract-strip{display:flex;align-items:center;gap:24px;min-width:0;width:min(100%,510px);padding:18px 22px;border:1px solid #3c4446;background:#192023;position:relative}
.arena-footer .contract-strip:before{content:'';position:absolute;left:-1px;top:-1px;width:42px;height:2px;background:var(--amber)}
.arena-footer .contract-details{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}
.arena-footer .contract-label{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font:12px/1.5 var(--body);letter-spacing:.1em;color:#9eacae}
.arena-footer .contract-label b{color:#e7eae1;font:14px/1.5 var(--font);letter-spacing:0;padding-right:12px;border-right:1px solid #495153}
.arena-footer .contract-value{font:16px/1.6 var(--font);letter-spacing:.03em;color:#e9c779;overflow-wrap:anywhere;user-select:all}
.arena-footer .contract-copy{flex-shrink:0;min-height:42px;padding:10px 14px;font:13px/1.5 var(--font);color:#efd291;border:1px solid #665b40}
.arena-footer .footer-credits{display:flex;justify-content:space-between;gap:10px 32px;padding-top:18px;border-top:1px solid #30383a;font:12px/1.7 var(--body);color:#929fa3}
.arena-footer .footer-credits>span:last-child{text-align:right}
.arena-footer a:focus-visible,.arena-footer button:focus-visible{outline:2px solid var(--amber);outline-offset:5px}
/* Keep the lobby menu in document flow so it cannot overlap the footer. */
@media(min-width:601px){body[data-view=home] .lobby{height:auto;min-height:calc(100svh - 80px);padding-block:42px 96px}body[data-view=home] .lobby-content{position:relative;top:auto;left:auto;margin-left:5%}}
@media(max-width:700px){.footer.arena-footer{padding:28px 20px 22px}.arena-footer .footer-main{align-items:stretch;flex-direction:column;gap:24px;padding-bottom:23px}.arena-footer .contract-strip{width:100%;padding:17px 18px;gap:16px}.arena-footer .footer-credits{flex-direction:column;gap:7px}.arena-footer .footer-credits>span:last-child{text-align:left}.arena-footer .contract-value{font-size:14px}.arena-footer .contract-copy{font-size:12px;padding:9px}.arena-footer .footer-brand strong{font-size:23px}}
@media(min-width:801px) and (max-width:1200px){.header{height:116px;padding:16px 3.5% 0;flex-wrap:wrap;align-content:space-between;gap:12px}.header nav{order:3;width:100%;gap:0;justify-content:space-between;height:42px;overflow:auto}.header nav a{padding:0 9px}.header>.friends-trigger{margin-left:auto}.lobby{height:calc(100svh - 116px)}.character-view{min-height:calc(100svh - 116px)}}
@media(max-width:420px){.header{padding-inline:12px;gap:8px}.header-actions{gap:6px}.header-actions .wallet-button{padding-inline:10px;font-size:11px}.header-actions .wallet-button>[data-icon]{display:none}.wordmark{font-size:21px;gap:5px}.wordmark>.arena-logo{width:30px;height:34px}.twitter-link{width:40px;height:42px}}