.portal{max-width:none;margin:0;padding:0;background:#0b1014;color:#f5f6f7;min-height:100vh;color-scheme:dark}
.portal *{box-sizing:border-box}.portal a{color:inherit}.hero-art{position:absolute;inset:0 0 auto;height:760px;z-index:-1;background:radial-gradient(ellipse at 75% 20%,#41616e 0,transparent 55%),linear-gradient(135deg,#111c25,#263d45);background-size:cover;background-position:center 35%}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,17,.9),rgba(8,13,17,.1)),linear-gradient(0deg,#0b1014,transparent 70%)}
.portal-header{height:88px;padding:0 4%;display:flex;gap:64px;margin:0;justify-content:flex-start}.portal-header a{text-decoration:none}.brand{font-weight:750;letter-spacing:2px;display:flex;align-items:center;gap:16px}.brand span{font-size:32px}.portal-header .active{position:relative}.active:after{content:'';position:absolute;bottom:-16px;height:3px;background:#168bff;left:0;right:0;border-radius:4px}.account{margin-left:auto;display:flex;align-items:center;gap:20px}.portal button{cursor:pointer;border:1px solid #ffffff30;border-radius:9px;color:inherit;background:#ffffff0c;padding:10px 20px}.portal button:focus-visible,.portal a:focus-visible{outline:3px solid #24baff;outline-offset:5px}.portal main{padding:0 4% 64px}.hero{min-height:390px;padding:50px 0 32px;max-width:720px}.eyebrow{font-size:12px;letter-spacing:4px;color:#bac9d1}.hero h1{font-size:clamp(38px,5vw,76px);line-height:1.08;letter-spacing:4px;margin:20px 0;text-transform:uppercase;overflow-wrap:anywhere}.description{font-size:20px;line-height:1.6;max-width:600px;color:#e1e5e8;white-space:pre-line}.portal .play{background:#087bff;border-color:#2991ff;padding:15px 38px;font-weight:650;min-width:180px}.portal button:disabled{opacity:.45;cursor:not-allowed}.hint{font-size:13px;color:#bac3ca}.catalogue-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.catalogue-heading h2{font-size:23px;margin:0}.catalogue-heading>span{color:#9aabb7;font-size:14px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:26px}.portal .game-card{border:0;padding:0;text-align:left;background:none;border-radius:12px}.cover{position:relative;display:flex;align-items:flex-end;aspect-ratio: .95;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 70% 20%,#507c8b,transparent 55%),linear-gradient(145deg,#223d50,#10151f);border:2px solid transparent;transition:transform .2s,border-color .2s}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-title{position:relative;z-index:1;width:100%;padding:48px 16px 20px;background:linear-gradient(transparent,#080e16dc);font-size:23px;font-weight:750;letter-spacing:2px;text-transform:uppercase;overflow-wrap:anywhere}.game-card[aria-pressed=true] .cover{border-color:#0ab8ff;box-shadow:0 0 0 3px #0ab8ff40}.game-card:hover .cover{transform:translateY(-4px)}.game-name{display:block;padding:14px 4px;font-size:16px}.portal dialog{background:#151e26;color:#f5f6f7;border:1px solid #ffffff30;border-radius:16px;padding:32px;width:400px;max-width:calc(100% - 32px)}.portal dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}.portal dialog form{max-width:none}.portal label{display:grid;gap:8px;margin-bottom:12px}.portal input{width:100%;background:#0b1014;border:1px solid #52606a;border-radius:6px;padding:12px}.portal .close{float:right;padding:0 8px;font-size:24px}.portal .error{color:#ff9797}.portal dialog a{color:#70baff}
@media(min-width:1500px){.game-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.hero{min-height:420px}}@media(max-width:600px){.portal-header{height:76px;gap:24px}.account{gap:10px;font-size:13px}.account button{padding:8px 12px}.hero{padding-top:30px;min-height:380px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cover-title{font-size:17px}.description{font-size:17px}.brand{gap:6px}.brand span{font-size:24px}}