@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;1,800;1,900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101820;--panel:#19262f;--text:#eff2e9;--muted:#91a2ab;--lime:#b5ed78;--line:#2a3942}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button{font:inherit}.wrap{max-width:1320px;margin:auto;padding-inline:48px}
.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px}.brand-icon{width:44px;height:44px;display:grid;place-items:center;background:var(--lime);color:#172b22;transform:skew(-7deg)}.brand-icon svg{width:30px;height:30px;transform:skew(7deg)}.brand-name{font:italic 800 25px "Barlow Condensed",Impact,sans-serif;letter-spacing:.3px;line-height:1}.brand-name span{color:var(--lime);margin-left:3px}.brand-name small{display:block;font:600 8px Barlow,Arial,sans-serif;letter-spacing:2.2px;margin-top:7px;color:#aebdbf}.header-note{font-size:10px;letter-spacing:1.8px;color:#a1b2b7;display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%}
.intro{padding:38px 0 28px;display:flex;align-items:end;justify-content:space-between;gap:30px}.eyebrow{color:var(--lime);font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:17px}.intro h1{font:italic 800 clamp(48px,4.7vw,62px)/.95 "Barlow Condensed",Impact,"Arial Narrow",sans-serif;margin:0;letter-spacing:-.8px}.intro h1 span{color:var(--lime)}.intro p{color:#acbbc1;max-width:330px;line-height:1.8;font-size:14px;margin:0 0 3px}.intro p strong{color:#dfe6df;font-weight:500}
.collection-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0}.collection-heading h2{font-size:12px;margin:0;font-weight:600;letter-spacing:.3px;display:flex;gap:12px;align-items:center}.collection-heading h2 span{font:10px monospace;color:#95a5ac;border:1px solid #42515a;padding:2px 5px;border-radius:3px}.collection-heading>span{font-size:9px;letter-spacing:1.4px;color:#7f939d}.game-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);gap:23px;align-items:stretch}
.game-card{display:flex;flex-direction:column;border:1px solid #4d6054;border-radius:10px;overflow:hidden;background:var(--panel);transition:border-color .2s,transform .2s;position:relative;min-width:0}.game-card:hover{border-color:var(--lime);transform:translateY(-3px)}.game-art{position:relative;aspect-ratio:2.25;overflow:hidden;background:#354e40}.game-art>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .4s}.game-card:hover .game-art>img{transform:scale(1.025)}.art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0e1b2438,#0e1b2400 35%,#0e1b2490)}.art-badge{position:absolute;left:22px;top:20px;display:flex;align-items:center;gap:7px;background:#102322da;color:#c4e2aa;border:1px solid #a9d38d55;padding:7px 10px;font-size:8px;font-weight:700;letter-spacing:1.4px;border-radius:4px}.art-id{position:absolute;right:22px;top:23px;font:11px monospace;color:#e2eeddc9}.art-title{position:absolute;left:28px;bottom:22px;font:italic 900 clamp(52px,5.8vw,78px)/.9 "Barlow Condensed",Impact,sans-serif;letter-spacing:-.5px;text-shadow:0 5px 20px #10201f66}.art-title span{color:var(--lime)}.art-title small{display:block;color:#e6eecb;font:600 8px Barlow,Arial,sans-serif;letter-spacing:4px;margin-top:12px}
.card-body{padding:24px 26px;display:flex;gap:24px;align-items:end;justify-content:space-between}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.tags span{font-size:8px;letter-spacing:1px;font-weight:600;border:1px solid #44545a;border-radius:3px;color:#b9c9cd;padding:4px 7px}.card-body h3{font-size:22px;margin:0 0 8px;font-weight:700}.card-body p{font-size:12px;color:#9dafb7;line-height:1.7;max-width:355px;margin:0}.play-cta{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--lime);border:1px solid #c3f58e;color:#1a2b21;font-size:11px;font-weight:800;letter-spacing:.7px;padding:14px 16px;border-radius:4px}.play-cta span{font-size:19px;line-height:1}.game-card:hover .play-cta{background:#d2ffa5}
.next-slot{border:1px dashed #41515b;border-radius:10px;min-height:390px;padding:28px;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 50% 45%,#21323b50,transparent 70%)}.slot-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#81969f}.slot-top>span:last-child{font-family:monospace}.slot-symbol{width:72px;height:72px;border:1px solid #435761;display:grid;place-items:center;transform:rotate(-7deg);color:#a1bab0;font:200 40px Arial;margin:auto;box-shadow:8px 8px 0 #1c2b34}.slot-copy{padding-top:30px}.slot-copy h3{font:700 32px "Barlow Condensed",Impact,sans-serif;margin:0 0 10px;color:#c8d4d1}.slot-copy p{font-size:12px;line-height:1.8;color:#8299a3;margin:0;max-width:220px}.next-slot .slot-label{font-size:8px;letter-spacing:1.5px;color:#a4b6a2;margin-top:19px;display:flex;gap:7px;align-items:center}.slot-label i{width:4px;height:4px;border-radius:50%;background:#8f9f84}
.bottom-note{margin:27px 0 40px;display:flex;align-items:center;justify-content:space-between;color:#8ca1a8;font-size:10px;gap:20px}.bottom-note>div{display:flex;align-items:center;gap:10px}.keyboard{display:flex;gap:3px}.keyboard i{font:9px monospace;display:inline-block;min-width:19px;text-align:center;padding:3px;border:1px solid #4a5c65;border-bottom-width:2px;border-radius:3px;color:#c2cfcf;font-style:normal}.footer{padding:22px 0 27px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.footer>span:first-child{font-size:8px;letter-spacing:1.8px;color:#8b9e9e}.footer>span:last-child{font-size:10px;color:#70868e}.footer b{font-weight:500;color:#a5b7b6}
@media(max-width:1000px){.wrap{padding-inline:30px}.header{height:84px}.intro{padding:40px 0 32px}.intro h1{font-size:58px}.intro p{max-width:290px;font-size:12px}.game-grid{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:18px}.card-body{padding:20px;flex-wrap:wrap;gap:18px}.card-body p{max-width:100%}.play-cta{width:100%}.game-art{aspect-ratio:1.55}.next-slot{padding:23px}.art-title{font-size:65px}.bottom-note{font-size:9px}.intro .eyebrow{font-size:9px}.footer>span:first-child{font-size:7px}}
@media(max-width:680px){.wrap{padding-inline:20px}.header{height:78px}.header-note{font-size:8px;letter-spacing:1px}.header-note .note-long{display:none}.brand-name{font-size:23px}.brand-icon{width:38px;height:38px}.intro{display:block;padding:35px 0 29px}.intro h1{font-size:64px}.intro p{margin-top:22px;max-width:360px;font-size:13px}.eyebrow{font-size:8px;margin-bottom:16px}.collection-heading{padding-block:17px}.collection-heading>span{font-size:8px}.game-grid{grid-template-columns:1fr;gap:17px}.game-art{aspect-ratio:1.7}.art-title{font-size:67px;left:22px;bottom:22px}.art-badge{left:18px;top:16px;font-size:7px}.art-id{right:18px;top:20px;font-size:10px}.card-body{padding:21px;display:block}.card-body h3{font-size:23px}.play-cta{margin-top:22px}.next-slot{min-height:190px;display:grid;grid-template-columns:1fr 90px;column-gap:10px;padding:21px}.slot-top{grid-column:1/-1}.slot-symbol{grid-column:2;grid-row:2;width:50px;height:50px;font-size:30px}.slot-copy{grid-column:1;grid-row:2;padding-top:22px}.slot-copy h3{font-size:27px;margin-bottom:6px}.slot-copy p{font-size:11px;max-width:240px}.slot-label{display:none!important}.bottom-note{align-items:start;flex-direction:column;gap:12px;margin:22px 0 29px}.bottom-note>span{padding-left:0}.footer{display:block;line-height:1.7;padding-top:18px}.footer>span{display:block}.footer>span:last-child{margin-top:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.game-card .art-title span{color:var(--game-accent,var(--lime))}.game-card .play-cta{background:var(--game-accent,var(--lime))}.multi-games{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-games .art-title{font-size:clamp(45px,4.5vw,65px)}.multi-games .game-art{aspect-ratio:1.85}.multi-games .card-body{align-items:start;flex-wrap:wrap}.multi-games .card-body p{max-width:100%}.multi-games .play-cta{width:100%;margin-top:0}.multi-games .next-slot{grid-column:1/-1;min-height:140px;display:grid;grid-template-columns:1fr 75px 1.5fr;gap:30px;align-items:center;padding:22px 27px}.multi-games .slot-top{align-self:start}.multi-games .slot-symbol{width:47px;height:47px;font-size:29px}.multi-games .slot-copy{padding:0}.multi-games .slot-copy h3{font-size:25px}.multi-games .slot-copy p{max-width:none;font-size:11px}.multi-games .slot-label{display:none}
@media(max-width:680px){.multi-games{grid-template-columns:1fr}.multi-games .game-art{aspect-ratio:1.7}.multi-games .art-title{font-size:55px}.multi-games .play-cta{margin-top:20px}.multi-games .next-slot{grid-template-columns:1fr 60px;gap:16px;min-height:170px;padding:21px}.multi-games .slot-top{grid-column:1/-1}.multi-games .slot-symbol{grid-column:2;grid-row:2}.multi-games .slot-copy{grid-column:1;grid-row:2}}

/* Christoffer GAMING: the supplied portrait anchors the portal identity. */
.brand-avatar{width:52px;height:52px;flex-shrink:0;overflow:hidden;border-radius:50%;border:1px solid #a8d47d66;background:radial-gradient(circle at 50% 30%,#466745,#21372d)}
.brand-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.brand-name{font-size:28px}.brand-name span{margin-left:6px}.brand-name small{font-size:8px;letter-spacing:2.7px}
.intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:30px 0 35px;min-height:360px}
.intro h1{font-size:clamp(58px,5.4vw,76px)}.intro-copy p{margin:20px 0 0;max-width:none;font-size:13px;line-height:1.75}
.host-portrait{position:relative;isolation:isolate;margin:0 auto;width:min(100%,350px);aspect-ratio:1}
.host-portrait>img{position:relative;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 22px #0005);z-index:1}
.portrait-orbit{position:absolute;inset:8% 7% 6%;border-radius:50%;border:1px solid #a5d48055;background:radial-gradient(circle at 40% 40%,#b5ed7824,#577d4524 60%,#10182000 72%);transform:rotate(-18deg)}
.portrait-orbit:after{content:"";position:absolute;inset:-12px;border:1px dashed #71976140;border-radius:50%}
.portrait-spark{position:absolute;color:var(--lime);font:24px monospace;opacity:.75}.spark-one{left:2%;top:20%;transform:rotate(12deg)}.spark-two{right:0;top:57%;font-size:17px;transform:rotate(-12deg)}
.host-portrait figcaption{position:absolute;z-index:2;bottom:-7px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#19282e;border:1px solid #4e6252;border-radius:4px;box-shadow:0 7px 20px #0003;padding:10px 13px;font-size:8px;font-weight:600;letter-spacing:1.3px;color:#d0decd;display:flex;align-items:center;gap:8px}
@media(max-width:1000px){.intro{gap:25px;min-height:320px}.host-portrait{max-width:300px}.intro h1{font-size:62px}.intro .eyebrow{font-size:9px;letter-spacing:1.5px}.intro-copy p{font-size:12px}.brand-name{font-size:26px}}
@media(max-width:680px){.header-note{display:none}.header{height:84px}.brand-avatar{width:46px;height:46px}.brand-name{font-size:26px}.brand-name small{font-size:7px;letter-spacing:2px}.intro{grid-template-columns:1.1fr 1fr;gap:18px;min-height:0;padding:29px 0 30px}.intro h1{font-size:clamp(42px,10vw,60px)}.intro .eyebrow{font-size:8px;line-height:1.6;letter-spacing:1px;margin-bottom:12px}.intro-copy p{font-size:11px;margin-top:17px;line-height:1.8}.host-portrait{width:100%;max-width:240px}.host-portrait figcaption{font-size:6px;letter-spacing:.5px;padding:7px 8px;gap:5px;bottom:-8px}.host-portrait figcaption .dot{width:4px;height:4px}.portrait-orbit:after{inset:-7px}.portrait-spark{font-size:16px}.spark-two{font-size:12px}}
@media(max-width:400px){.intro{gap:12px;grid-template-columns:1.1fr 1fr}.intro .eyebrow{font-size:7px}.intro-copy p{font-size:10px}.host-portrait figcaption{font-size:5px;letter-spacing:.3px}.brand-name{font-size:24px}}

@media(min-width:1180px){.multi-games{grid-template-columns:repeat(3,minmax(0,1fr))}.multi-games .art-title{font-size:53px}.multi-games .card-body{padding:22px}.multi-games .game-art{aspect-ratio:1.5}.multi-games .card-body h3{font-size:20px}.multi-games .card-body p{min-height:62px}.multi-games .next-slot{grid-column:1/-1}}
@media(min-width:1180px){.four-games{grid-template-columns:repeat(2,minmax(0,1fr))}.four-games .game-art{aspect-ratio:1.85}.four-games .art-title{font-size:65px}.four-games .card-body p{min-height:41px}}
@media(min-width:681px){.multi-games .featured{grid-column:1/-1;display:grid;grid-template-columns:1.15fr 1fr;border-color:#628784}.multi-games .featured .game-art{aspect-ratio:auto;min-height:310px}.multi-games .featured .card-body{padding:34px;align-content:center}.multi-games .featured .art-title{font-size:clamp(48px,5vw,72px)}.multi-games .featured .card-body h3{font-size:27px}.multi-games .featured .card-body p{font-size:13px;margin-top:12px}.multi-games .featured .play-cta{margin-top:17px}}