
/* Simple content blocks and a compact public footer. */
body.canon-home,body.rules-document,body.streamer-gallery{min-height:100svh;display:flex;flex-direction:column}
body.canon-home>main,body.rules-document>main,body.streamer-gallery>main{flex:1;width:100%}
body .site-footer{width:100%;max-width:none;min-height:0;padding:16px max(24px,5%);margin:0;display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:#10151c;border-top:1px solid #ffffff12}
body .site-footer .brand img{width:94px}
body .site-footer nav{display:flex;gap:20px;margin-left:auto;font-size:10px}
body .site-footer>p{width:auto;font-size:8px;color:#758193;margin:0;line-height:1.6}
.canon-home .basic-start{display:block;max-width:1120px;padding:42px 32px;margin:auto}
.canon-home .basic-start h2,.canon-home .basic-creators h2{font:500 24px 'DM Sans',Arial,sans-serif;letter-spacing:-.03em;margin:0 0 20px}
.basic-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.basic-links>a{display:block;padding:22px;background:#151a21;border:1px solid #ffffff0d;border-radius:7px}
.basic-links>a:hover{border-color:#0052e060}
.basic-links h3{display:flex;justify-content:space-between;gap:12px;font:500 14px 'DM Sans',Arial,sans-serif;margin-bottom:12px}
.basic-links h3 span,.basic-creators>a span{color:#0052e0}
.basic-links p,.basic-creators p{font-size:12px;line-height:1.8;color:#95a0af}
.canon-home .basic-creators{max-width:1056px;margin:0 auto 40px;padding:24px 0;border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:25px}
.canon-home .basic-creators h2{margin-bottom:10px;font-size:21px}
.basic-creators>a{font-size:12px;display:flex;gap:20px;white-space:nowrap}
.login-layout.basic-login{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:32px 22px;background:#10151c}
.basic-login .centre{display:block;min-height:0;padding:0;width:100%;max-width:380px;background:none}
.basic-login .centre-glow{display:none}
.basic-login .card-centre{padding:30px;border:1px solid #ffffff12;border-radius:10px;background:#151b24;width:100%;max-width:none;text-align:center}
.basic-login-brand{display:block;margin:0 auto 28px;width:140px}
.basic-login-brand img{width:100%;height:auto}
.basic-login .card-centre h1{font:500 26px 'DM Sans',Arial,sans-serif;letter-spacing:-.025em;margin-bottom:12px}
.basic-login .card-centre p{font-size:12px;line-height:1.8;margin-bottom:22px}
.basic-login .btn-discord{background:#0052e0;border-radius:6px;font-size:12px;min-height:44px}
.basic-login .card-foot{border:0;margin:20px 0 0;padding:0;font-size:11px}
@media(max-width:1000px){body .site-footer>p{width:100%}}
@media(max-width:620px){body .site-footer{padding:15px 22px;gap:13px}.site-footer nav{flex-wrap:wrap;gap:14px!important}body .site-footer .brand img{width:80px}.canon-home .basic-start{padding:32px 22px}.basic-links{grid-template-columns:1fr;gap:10px}.basic-links>a{padding:18px}.canon-home .basic-creators{margin:0 22px 30px;padding:22px 0;align-items:flex-start;flex-direction:column;gap:18px}.basic-login .card-centre{padding:26px}}

/* Keep the footer visually quiet and contained. */
body .site-footer{padding:12px max(22px,5%);gap:14px;background:transparent}
body .site-footer .brand{display:none}
body .site-footer nav{margin-left:0;gap:18px}
body .site-footer>p{margin-left:auto}
@media(max-width:620px){body .site-footer{gap:9px}body .site-footer>p{margin-left:0}}

/* Consistent compact footer with a full-width separator. */
body.starfield-page{display:flex;flex-direction:column;min-height:100svh}
body.starfield-page>main{flex:1;width:100%}
body.starfield-page .site-footer{border:0;border-top:1px solid #ffffff18;padding:20px 5%;margin:0;width:100%;min-height:65px;gap:14px;flex-shrink:0}
body.starfield-page .site-footer nav{margin:0;gap:20px}
body.starfield-page .site-footer>p{width:auto;margin:0 0 0 auto;font-size:8px}
body.starfield-page .basic-login{min-height:0;padding:40px 22px}
.basic-login-brand{width:220px;max-width:100%}
@media(max-width:800px){body.starfield-page .site-footer{padding:16px 22px}body.starfield-page .site-footer>p{width:100%;margin:0}}
