/* Brix Classic, same tokens as news.brix.games. */
:root{
  --surface:#ffffff;--surface-sunken:#f2f2f2;
  --ink-strong:#1a1a1a;--ink:#333333;--ink-muted:#666666;--ink-faint:#757575;--on-dark:#ffffff;
  --sky-top:#2a6fd6;--sky-night:#071a52;
  --nav-top:#5aa0f2;--nav:#2f74d9;--nav-bottom:#1c5bb8;--nav-edge:#0e3f8a;
  --action-blue-top:#5aa7f0;--action-blue:#1f6fd1;--action-blue-edge:#0b4fa3;
  --tab-top:#4d4d4d;--tab:#2b2b2b;--tab-idle:#dadada;
  --stripe-a:#ececec;--stripe-b:#f6f6f6;--footer:#e6e6e6;
  --line:#c3c3c3;--line-soft:#e0e0e0;--line-strong:#8c8c8c;
  --link:#0055b3;--focus:#ff9900;
  --font-sans:Arial,"Helvetica Neue",Helvetica,sans-serif;
  --font-display:"Source Sans 3","Source Sans Pro",Arial,sans-serif;
  --space-xs:3px;--space-sm:5px;--space-md:10px;--space-lg:15px;--space-xl:20px;--space-2xl:30px;
  --radius-sm:3px;--radius-md:5px;--radius-tab:6px;
  --shadow-gloss:inset 0 1px 0 rgba(255,255,255,0.5);--shadow-press:inset 0 2px 3px rgba(0,0,0,0.3);
  --page-width:970px;--rail-width:285px;--nav-height:30px;--masthead-height:40px;
}
*{box-sizing:border-box}
html,body{margin:0}
body.bx-sky{background:var(--sky-night) linear-gradient(var(--sky-top),var(--sky-night)) fixed;
  font:400 12px/16px var(--font-sans);color:var(--ink);min-height:100vh;padding-top:var(--space-xl)}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--focus);outline-offset:1px}

.bx-page{width:var(--page-width);max-width:100%;margin:0 auto;background:var(--surface)}

/* SiteHeader, compact */
.bx-masthead{height:var(--masthead-height);background:linear-gradient(var(--nav-bottom),var(--nav) 25%,var(--nav-top));
  border-bottom:1px solid var(--nav-edge);display:flex;align-items:center;padding:0 var(--space-md)}
.bx-brand{display:block;height:30px}
.bx-brand img{height:30px;width:auto;display:block}
.bx-nav{height:var(--nav-height);display:flex;background:linear-gradient(var(--nav-top),var(--nav) 50%,var(--nav-bottom));
  border-bottom:1px solid var(--nav-edge)}
.bx-nav a{font:700 16px/20px var(--font-sans);color:var(--on-dark);padding:5px var(--space-lg);white-space:nowrap}
.bx-nav a:hover,.bx-nav a[aria-current]{background:var(--nav-bottom);text-decoration:none}

/* Main column */
.bx-main{display:flex;gap:var(--space-lg);align-items:flex-start;padding:var(--space-xl) var(--space-md) var(--space-2xl)}
.bx-stripes{background:repeating-linear-gradient(-45deg,var(--stripe-a) 0 6px,var(--stripe-b) 6px 12px)}
.bx-content{flex:1;min-width:0}
.bx-rail{width:var(--rail-width);flex:none;display:flex;flex-direction:column;gap:var(--space-md)}

/* Panel */
.bx-panel{background:var(--surface);border:1px solid var(--line)}
.bx-panel-head{margin:-1px -1px 0;background:linear-gradient(var(--tab-top),var(--tab));color:var(--on-dark);
  font:700 20px/26px var(--font-sans);padding:5px var(--space-md);border-top-left-radius:var(--radius-tab);
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}
.bx-panel-body{padding:var(--space-xl) var(--space-md)}

/* SideBox */
.bx-sidebox{padding-top:22px;position:relative}
.bx-sidebox-tab{position:absolute;top:0;left:0;margin:0;background:var(--surface-sunken);border:1px solid var(--line);border-bottom:0;
  border-radius:var(--radius-md) var(--radius-md) 0 0;font:400 14px/18px var(--font-sans);color:var(--ink);padding:2px var(--space-md)}
.bx-sidebox-body{background:var(--surface-sunken);border:1px solid var(--line);padding:var(--space-md)}
.bx-sidebox-body p{margin:0 0 var(--space-md)}

/* Contact list: label before value */
.bx-contacts{margin:0;padding:0;list-style:none}
.bx-contacts li{padding:var(--space-sm) 0}
.bx-contacts li+li{border-top:1px solid var(--line-soft)}
.bx-contacts .label{display:block;color:var(--ink-muted);font:400 11px/14px var(--font-sans)}
.bx-contacts a{font-weight:700}

/* Type */
.featured{font:700 40px/44px var(--font-display);letter-spacing:-1px;color:var(--ink-strong);margin:0 0 var(--space-md)}
.body-lg{font:400 14px/19px var(--font-sans);max-width:520px}
.meta{font:400 11px/14px var(--font-sans);color:var(--ink-muted)}
.legal{font:400 10px/13px var(--font-sans);color:var(--ink-faint)}
p{margin:0 0 var(--space-md)}

/* Buttons */
.bx-btn{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 var(--space-lg);
  font:700 14px/18px var(--font-sans);color:var(--ink);background:linear-gradient(#f4f4f4,var(--tab-idle));
  border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-gloss);cursor:pointer;white-space:nowrap}
.bx-btn:hover{filter:brightness(1.06);text-decoration:none}
.bx-btn:active{box-shadow:var(--shadow-press)}
.bx-btn-lg{height:36px;padding:0 var(--space-xl);font-size:16px}
.bx-btn-blue{color:var(--on-dark);background:linear-gradient(var(--action-blue-top),var(--action-blue) 50%,var(--action-blue-edge));border-color:var(--action-blue-edge)}
.bx-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;margin-top:var(--space-xl)}

/* Footer */
.bx-footer{background:var(--footer);padding:var(--space-md);text-align:center}
.bx-footer-row{margin-bottom:var(--space-sm)}
.bx-footer-row a{font-size:14px}
.bx-footer-row .sep{color:var(--ink-faint);margin:0 var(--space-sm)}

@media (max-width:640px){
  body.bx-sky{padding-top:0}
  .bx-main{flex-direction:column;align-items:stretch}
  .bx-rail{width:auto}
  .featured{font-size:32px;line-height:36px}
}