@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#151522;--surface:#202030;--border:#343348;--ink:#f4f1fc;--muted:#bab7cc;--accent:#c1afff;--mono:"IBM Plex Mono",Consolas,monospace;font:16px/1.55 "Space Grotesk",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding-block:30px 80px}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05;letter-spacing:-.045em}p{color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.shell{width:min(1280px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:8px;left:8px;z-index:4;background:#292638;padding:10px;transform:translateY(-180%)}.skip:focus{transform:none}
.site-header{border-bottom:1px solid var(--border);background:#191928}.bar,.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-weight:700;font-size:1.35rem;letter-spacing:-.055em}.brand span{color:var(--accent);margin-left:-10px}.bar nav{display:flex;gap:clamp(12px,2vw,28px);align-items:center}.bar nav a{padding:24px 0;color:var(--muted);font-size:.88rem;white-space:nowrap}.bar nav a:hover,.bar nav a[aria-current]{color:var(--ink)}.bar nav a[aria-current]{box-shadow:inset 0 -2px var(--accent)}#menu{display:none;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 12px}
.hero{isolation:isolate;position:relative;overflow:hidden;min-height:clamp(490px,46vw,640px);display:flex;align-items:center;border-radius:18px;border:1px solid #4a405c;background:radial-gradient(ellipse at 80% 28%,#795e9b,#333355 35%,#201d34 66%)}.hero::before,.hero::after{content:"";position:absolute;inset:0;z-index:-1}.hero::before{background:url("hero.jpg") center 54%/cover no-repeat}.hero::after{background:linear-gradient(90deg,#141322f5 0%,#181628c7 29%,#1a17294d 63%,transparent 100%),linear-gradient(0deg,#151321c4,transparent 32%)}.hero-copy{padding:55px clamp(25px,6vw,88px);max-width:790px}.eyebrow,.tag,.hero-caption{font:500 .72rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.eyebrow i{display:inline-block;background:#c5b3ff;width:8px;height:8px;border-radius:50%;box-shadow:0 0 18px #a589ff;margin-right:6px}.hero h1{font-size:clamp(4rem,9vw,8rem);margin:18px 0 22px;line-height:.88;letter-spacing:-.075em}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy>p:not(.eyebrow){max-width:360px;color:#ded8ea}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;gap:12px;align-items:center;padding:10px 16px;min-height:44px;border-radius:8px;font-weight:700;font-size:.9rem}.primary{background:var(--accent);color:#211833}.primary:hover{background:#dacdff;color:#211833}.secondary{background:#242136b8;border:1px solid #746788}.hero-caption{position:absolute;right:20px;bottom:18px;color:#e0d7f4;font-size:.62rem}.hero-caption span{color:var(--accent)}
.home-section{margin-top:52px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:20px}.section-head h2,.profile h2,.contact-panel h2{font-size:clamp(1.65rem,4vw,2.7rem);margin-top:8px}.text-link{color:var(--accent);font-weight:700;font-size:.87rem}.text-link span{margin-left:3px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.highlights{display:grid;grid-template-columns:1fr 1fr;gap:24px}.highlights .card-art{height:115px}.intro{padding:44px 0 32px}.intro h1{font-size:clamp(3.25rem,8vw,6.25rem);margin:10px 0 16px}.intro>p:last-child{font-size:1.1rem;max-width:620px}
.card{background:var(--surface);border:1px solid var(--border);border-radius:13px;overflow:hidden}.card h3{font-size:1.2rem;line-height:1.2}.card-body{padding:16px 18px 18px}.card-body p{margin-top:9px;overflow-wrap:anywhere}.card-art{position:relative;display:grid;place-items:center;height:130px;overflow:hidden;background:radial-gradient(ellipse at 70% 0%,var(--tone),transparent 78%),linear-gradient(145deg,#34304c,#272637);border-bottom:1px solid var(--border);isolation:isolate}.card-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 17px,#fff1 18px 19px);z-index:-1}.card-art img,.moment img{width:100%;height:100%;object-fit:cover}.card-number{position:absolute;top:12px;left:13px;font:500 .7rem var(--mono);color:#fff}.glyph{font:3.7rem Georgia,serif;color:#fffe;text-shadow:0 0 20px #fff6}.tag{display:inline-block;font-size:.64rem;background:#322d46;border-radius:4px;padding:4px 6px;margin:0 5px 8px 0}.log-list{display:grid;gap:16px;max-width:860px}.log-entry .card-body{padding:22px}.log-entry img{width:100%;max-height:340px;object-fit:cover}.metadata time{font:500 .7rem var(--mono);color:var(--muted)}.moment-open{position:relative;width:100%;display:block;aspect-ratio:16/10;padding:0;border:0;background:#33324a}.moment-open:focus-visible{outline-offset:-5px}.moment-open span{position:absolute;right:10px;bottom:10px;padding:2px 8px;background:#151522dd;border-radius:5px}.profile{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;max-width:960px}.profile p,.contact-panel p{margin:0 0 12px}.profile h2,.contact-panel h2{margin-bottom:10px}.trophy{min-width:0}.contact-panel{padding:30px;max-width:720px}
dialog{padding:0;background:var(--surface);border:1px solid var(--border);border-radius:14px;color:var(--ink);width:min(850px,calc(100% - 28px));max-height:90vh}dialog::backdrop{background:#0a0a13de}dialog img{width:100%;max-height:62vh;object-fit:contain;background:#171722}dialog form{padding:8px 12px;text-align:right}.close{min-height:44px;background:#343049;border:1px solid #504667;border-radius:8px;padding:6px 12px}footer{border-top:1px solid var(--border);color:var(--muted);font-size:.85rem}.foot .brand{color:var(--ink)}
@media(max-width:900px){.shell{width:calc(100% - 40px)}.bar{flex-wrap:wrap;gap:0;padding:12px 0;min-height:64px}#menu{display:block;min-height:44px}.bar nav{display:none;flex-basis:100%;flex-wrap:wrap;gap:0 18px;margin-top:10px}.bar nav a{padding:12px 0}.bar #menu[aria-expanded=true]+nav{display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.shell{width:calc(100% - 28px)}main{padding-block:16px 54px}.hero{min-height:480px}.hero::before{background-position:65% center}.hero::after{background:linear-gradient(90deg,#141322e6,#15132160),linear-gradient(0deg,#141322eb,transparent 80%)}.hero h1{font-size:clamp(3.35rem,13vw,5rem)}.hero-copy{padding:35px 19px 58px}.hero-caption{right:12px;bottom:12px}.intro{padding-top:28px}.grid,.grid.three,.highlights{grid-template-columns:1fr}.grid:not(.three) .card{display:grid;grid-template-columns:min(32%,125px) 1fr}.grid:not(.three) .card-art{height:auto;min-height:95px;border-bottom:0}.grid:not(.three) .card-body{align-self:center}.home-section{margin-top:38px}.profile,.foot{flex-wrap:wrap}.profile,.contact-panel{padding:20px}.foot{padding:16px 0;gap:12px}.foot>span{order:3;width:100%}}
.game-card{position:relative}.game-card:hover,.game-card:focus-within{border-color:var(--accent)}.game-open{padding:8px 0 0;border:0;background:none;color:var(--accent);font-weight:700;font-size:.85rem;text-align:left}.game-open::after{content:"";position:absolute;inset:0}.game-open:focus-visible{outline:none}.game-card:has(.game-open:focus-visible){outline:3px solid var(--accent);outline-offset:3px}
.game-dialog{width:min(570px,calc(100% - 28px))}.game-detail{padding:5px clamp(16px,4vw,28px) 28px}.game-detail-header{display:grid;grid-template-columns:clamp(72px,21vw,125px) minmax(0,1fr);align-items:center;gap:16px}.game-detail-header .card-art{height:clamp(68px,17vw,95px);border:1px solid var(--border);border-radius:9px}.game-detail-header .card-number{display:none}.game-detail-header h2{font-size:clamp(1.4rem,5vw,2.15rem);margin-top:5px;overflow-wrap:anywhere}.game-activity{margin-top:20px;border-top:1px solid var(--border);padding-top:18px}.game-activity h3{margin-bottom:8px}.game-activity ul{margin:0;padding-left:1.2em;color:var(--muted);overflow-wrap:anywhere}.game-activity li+li{margin-top:.4em}