:root{--forest-950:#082a24;--forest-900:#0d372e;--forest-800:#14503f;--forest-700:#1d654e;--aqua:#5fd4ca;--aqua-deep:#178f8b;--parchment:#eee3c9;--cream:#fbf6e9;--sand:#d8c8a8;--ink:#24332e;--muted:#6c7a70;--line:#c9c4ae;--live:#75d18e}
*{box-sizing:border-box}html{min-height:100%;background:var(--forest-950)}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,ui-rounded,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 0,#28705a 0,transparent 31rem),radial-gradient(circle at 88% 100%,#16726866,transparent 30rem),linear-gradient(145deg,var(--forest-950),#103e34 60%,#0b302a)}a{color:inherit}.portal-header{height:58px;padding:0 clamp(16px,4vw,58px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--cream);border-bottom:1px solid #70c8ba42;background:#082a24d9;backdrop-filter:blur(16px)}.portal-brand{font-size:1.35rem;font-weight:900;letter-spacing:-.06em;text-decoration:none}.portal-brand span{color:var(--aqua)}.portal-header nav{display:flex;gap:5px}.portal-header nav a{text-decoration:none;color:#c7d7cf;padding:7px 11px;border-radius:999px;font-size:.72rem;font-weight:800}.portal-header nav a:hover{background:#fff1;color:#fff}.relay-pill{justify-self:end;display:flex;align-items:center;gap:7px;color:#b8c9c0;font-size:.65rem;font-weight:800;letter-spacing:.05em}.relay-pill i{width:8px;height:8px;border-radius:50%;background:#8fa198;box-shadow:0 0 0 3px #8fa19820}.relay-pill.online i{background:var(--live);box-shadow:0 0 0 3px #75d18e28}.portal-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:clamp(36px,6vh,66px) 0 34px}.portal-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:40px;align-items:end;color:var(--cream);margin-bottom:30px}.portal-kicker{display:block;font-size:.63rem;font-weight:900;letter-spacing:.16em;color:var(--aqua);margin-bottom:9px}.portal-intro h1{font-size:clamp(2.7rem,5.4vw,5.6rem);line-height:.88;letter-spacing:-.065em;margin:0}.portal-intro h1 em{font-style:normal;color:var(--aqua)}.portal-intro p{margin:0 0 5px;color:#c3d2ca;font-size:1rem;line-height:1.65}.portal-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:13px}.portal-card{min-height:285px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;border:1px solid #ddcfb1;border-radius:20px;background:linear-gradient(155deg,#fffaf0,#e9dec4);box-shadow:0 14px 38px #00171148;transition:transform .16s ease,border-color .16s ease}.portal-card:hover{transform:translateY(-3px);border-color:var(--aqua)}.play-card{background:radial-gradient(circle at 90% 0,#4dbda832,transparent 40%),linear-gradient(155deg,#fffaf0,#e2d3b4)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--forest-800);color:var(--cream);font-size:.75rem}.card-icon.aqua{background:var(--aqua-deep);color:#eafffa}.card-icon.parchment{background:#c6b58f;color:#24453a;font-size:1.2rem}.card-status{font-size:.56rem;font-weight:900;letter-spacing:.12em;color:#78867d}.portal-card h2{font-size:clamp(1.35rem,2.1vw,2rem);letter-spacing:-.045em;margin:0 0 8px;color:#173d32}.portal-card p{font-size:.78rem;line-height:1.55;color:#617168;margin:0}.card-link{font-size:.72rem;font-weight:850;color:#186f63}.card-link b{font-size:1rem;margin-left:5px}.session-preview{margin-top:13px;padding:18px 20px;display:grid;grid-template-columns:1.25fr .75fr 1fr;gap:18px;align-items:center;border:1px solid #5bad9c55;border-radius:20px;background:#082a24b5;color:var(--cream);box-shadow:0 14px 38px #0017114d}.preview-copy h2{margin:0 0 5px;font-size:1.3rem}.preview-copy p{margin:0;color:#aec2b8;font-size:.74rem;line-height:1.5}.preview-now,.preview-loot{padding:13px 15px;border-radius:13px;background:#fff1;border:1px solid #b8d3c624}.preview-now>span,.preview-loot>span{display:block;color:var(--aqua);font-size:.56rem;font-weight:900;letter-spacing:.13em}.preview-now>strong,.preview-loot>strong{display:block;margin-top:6px;font-size:1rem}.preview-now div{display:flex;gap:10px;margin-top:7px;color:#c8d9d1;font-size:.66rem}.preview-loot small{display:block;margin-top:5px;color:#aabeb4;font-size:.6rem}.portal-footer{width:min(1180px,calc(100% - 32px));margin:auto;padding:0 0 24px;display:flex;justify-content:space-between;color:#91aaa0;font-size:.63rem}
@media(max-width:820px){.portal-header{grid-template-columns:1fr auto}.portal-header nav{display:none}.portal-intro{grid-template-columns:1fr;gap:18px}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:220px}.session-preview{grid-template-columns:1fr}.portal-footer{gap:16px;flex-direction:column}.portal-shell{padding-top:34px}}
@media(prefers-reduced-motion:reduce){.portal-card{transition:none}}