:root{color-scheme:dark;--gold:#d9b778;--ink:#0c171b;--muted:#92a5a6}
html,body{height:auto!important;min-height:100%;overflow:auto!important;background:#0a1318;color:#e9e1ce;font:15px/1.6 "Palatino Linotype","Book Antiqua",serif}
body{background:radial-gradient(ellipse at 15% 25%,#163b3b 0,transparent 48%),radial-gradient(ellipse at 90% 60%,#243344 0,transparent 48%),#091217;background-attachment:fixed}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:repeating-linear-gradient(45deg,transparent 0 80px,#c0a36a 81px,transparent 82px 160px)}
.portal-header,.portal-layout,.portal-footer{position:relative;max-width:1180px;margin:auto}
.portal-header{display:flex;justify-content:space-between;align-items:center;padding:30px 0 24px;border-bottom:1px solid #c1a56b33;margin-bottom:26px}
.wordmark{font-size:34px;font-weight:bold;letter-spacing:6px;color:var(--gold);line-height:1}.wordmark small{display:block;font:10px/2.4 Arial,sans-serif;letter-spacing:3.5px;color:var(--muted)}
.portal-header nav{display:flex;gap:24px;align-items:center;font:12px Arial,sans-serif;letter-spacing:1px}.portal-header a{color:#dac9a3;text-decoration:none}.status-pill{padding:9px 13px;border:1px solid #658b763d;border-radius:20px;color:#afcebc;background:#102721}
.portal-layout{display:grid;grid-template-columns:800px 1fr;gap:26px}.game-surround{width:800px;box-shadow:0 25px 70px #0008;outline:1px solid #b599614a;background:#0d191d}.game-caption{display:flex;justify-content:space-between;padding:10px 17px;font:11px Arial,sans-serif;letter-spacing:1px;color:#c3b58f;border-top:1px solid #b599614a}
#openfl-content{position:relative!important;margin:0!important;width:800px!important;height:600px!important}
.portal-card{padding:21px;background:linear-gradient(145deg,#14272bd9,#0c181eda);border:1px solid #78988c30;margin-bottom:18px;box-shadow:0 8px 30px #0002}.eyebrow{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:2px;color:var(--gold)}.portal-card h2{font-size:23px;font-weight:normal;margin:7px 0 17px}.portal-card p{color:#a6b7b7;font:13px/1.65 Arial,sans-serif}.tabs{display:flex;gap:7px;margin-bottom:14px}.tabs button{cursor:pointer;background:transparent;color:#98afae;border:1px solid #50635c;padding:7px 12px}.tabs button[aria-selected=true]{background:#d9b778;color:#112123;border-color:#d9b778}.ranking{padding:0;margin:0;list-style:none}.ranking li{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #ffffff0a;font:13px Arial,sans-serif}.rank{color:#9b8359;width:15px}.rank-name{flex:1}.rank-score{color:var(--gold);font-variant-numeric:tabular-nums}.portal-card time{font:10px Arial,sans-serif;color:#839995;letter-spacing:1px}.portal-footer{padding:28px 0;font:11px Arial,sans-serif;color:#80938d;display:flex;justify-content:space-between}
@media(max-width:1220px){.portal-header,.portal-layout,.portal-footer{max-width:800px}.portal-layout{grid-template-columns:800px}.portal-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:900px){.portal-header,.portal-sidebar,.portal-footer,.game-caption{display:none}.portal-layout{display:block;margin:0}.game-surround{outline:none;box-shadow:none}body{background:#000}}
