:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f5ef;--muted:#a8aaa6;--dim:#737671;--line:#ffffff1f;--panel:#14161bb8;--dark:#090b10;--accent:#d4fb56;--accent-deep:#9fca21;--orange:#ffb35c;--shell:min(1180px, calc(100% - 48px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--dark)}body{min-width:320px;color:var(--ink);background:var(--dark);margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.shell{width:var(--shell);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.page-glow{z-index:-1;filter:blur(80px);pointer-events:none;opacity:.16;border-radius:50%;width:48rem;height:48rem;position:fixed}.page-glow--one{background:#5eaf71;top:-24rem;right:-18rem}.page-glow--two{opacity:.09;background:#837542;top:58rem;left:-32rem}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.brand{color:var(--ink);letter-spacing:.055em;align-items:center;gap:10px;font-size:13px;font-weight:830;display:inline-flex}.brand-dim{color:var(--dim);font-weight:650}.brand-mark{grid-template-columns:repeat(3,4px);align-items:end;gap:2px;width:16px;height:16px;display:inline-grid}.brand-mark i{background:var(--accent);border-radius:2px;display:block}.brand-mark i:first-child{height:7px}.brand-mark i:nth-child(2){height:12px}.brand-mark i:nth-child(3){height:16px}.site-nav{gap:30px;margin-left:78px;display:flex}.site-nav a{color:var(--muted);font-size:13px;font-weight:600;transition:color .2s}.site-nav a:hover{color:var(--ink)}.header-action{color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;font-size:13px;font-weight:700;display:inline-flex}.header-action span{color:var(--accent);font-size:16px;transition:transform .2s}.header-action:hover span{transform:translate(2px,-2px)}.hero{grid-template-columns:.96fr 1.04fr;align-items:center;gap:clamp(42px,7vw,104px);min-height:612px;padding:88px 0 90px;display:grid}.eyebrow{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 17px;font-size:11px;font-weight:800;line-height:1.2;display:flex}.status-dot,.pulse,.player-live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 5px #d4fb561a}.hero h1{max-width:590px;color:var(--ink);letter-spacing:-.082em;margin:0;font-size:clamp(3.5rem,6.2vw,5.9rem);font-weight:750;line-height:.9}.hero h1 em{color:var(--accent);font-style:normal}.hero-text{max-width:420px;color:var(--muted);margin:29px 0 0;font-size:16px;line-height:1.6}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.primary-button{border:1px solid var(--accent);color:#172000;background:var(--accent);border-radius:7px;align-items:center;gap:11px;padding:15px 20px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 12px 27px #8eb61921}.primary-button:hover{background:#e0ff7e;transform:translateY(-2px);box-shadow:0 15px 35px #8eb6193d}.button-play{font-size:10px}.text-button{color:var(--muted);font-size:13px;font-weight:700}.text-button span{color:var(--accent);margin-left:5px;transition:transform .2s;display:inline-block}.text-button:hover{color:var(--ink)}.text-button:hover span{transform:translateY(3px)}.hero-stats{gap:clamp(22px,4vw,45px);margin:59px 0 0;display:flex}.hero-stats div{position:relative}.hero-stats div+div:before{background:var(--line);content:"";width:1px;position:absolute;top:3px;bottom:3px;left:-23px}.hero-stats dt{color:var(--ink);letter-spacing:-.025em;font-size:17px;font-weight:750}.hero-stats dd{color:var(--dim);margin:4px 0 0;font-size:11px;font-weight:600}.hero-game{background:#17191e;border:1px solid #ffffff2e;border-radius:15px;transition:transform .3s,box-shadow .3s;overflow:hidden;transform:rotate(2deg);box-shadow:0 25px 65px #00000047}.hero-game:hover{transform:rotate(0)translateY(-4px);box-shadow:0 31px 75px #0000006b}.hero-game-art{min-height:400px;position:relative;overflow:hidden}.hero-game-art>img{object-fit:cover;filter:saturate(.88)contrast(1.1);width:100%;height:100%;transition:transform .7s;position:absolute;transform:scale(1.02)}.hero-game:hover .hero-game-art>img{transform:scale(1.08)}.art-shade,.card-gradient{background:linear-gradient(#0506070f 28%,#06070933 48%,#050607f0 100%);position:absolute;inset:0}.now-playing{color:#f2f5ea;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;text-transform:uppercase;background:#05070757;border:1px solid #ffffff29;border-radius:5px;align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:10px;font-weight:780;display:flex;position:absolute;top:18px;left:18px}.pulse{width:6px;height:6px;box-shadow:0 0 0 4px #d4fb561f}.hero-game-bottom{position:absolute;bottom:24px;left:26px;right:26px}.game-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:800}.hero-game h2{color:#fff;letter-spacing:-.07em;margin:0;font-size:clamp(2rem,4.1vw,3.25rem);font-weight:760;line-height:.91}.hero-game-meta{color:#ffffffa8;flex-wrap:wrap;gap:5px 12px;margin-top:17px;font-size:10px;font-weight:650;display:flex}.hero-game-meta span+span{position:relative}.hero-game-meta span+span:before{background:var(--accent);content:"";border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:-7px;transform:translateY(-50%)}.hero-play-button{color:#1b2301;background:var(--accent);border:0;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;font-size:13px;font-weight:830;display:flex}.hero-play-button b{font-size:20px;line-height:.6;transition:transform .2s}.hero-play-button:hover b{transform:translate(3px,-3px)}.library{border-top:1px solid var(--line);padding:94px 0 50px}.section-heading{justify-content:space-between;align-items:flex-end;gap:26px;display:flex}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2,.coming-soon h2{letter-spacing:-.07em;margin:0;font-size:clamp(2rem,3.5vw,3rem);font-weight:730;line-height:.96}.game-count{color:var(--dim);margin:0 0 3px;font-size:12px;font-weight:620}.game-count strong{color:var(--accent);margin-right:4px;font-weight:800}.library-toolbar{justify-content:space-between;gap:22px;margin-top:37px;display:flex}.search-box{border:1px solid var(--line);background:#ffffff06;border-radius:7px;align-items:center;gap:10px;width:min(354px,100%);padding:0 12px;transition:border-color .2s,background .2s;display:flex}.search-box:focus-within{background:#d4fb5609;border-color:#d4fb568c}.search-box svg{fill:none;width:16px;stroke:var(--dim);stroke-width:1.7px}.search-box input{min-width:0;height:41px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-box input::placeholder{color:#757873}.search-box kbd{color:#6e726b;border:1px solid #ffffff21;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:10px}.filter-list{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.filter{color:var(--dim);background:0 0;border:1px solid #0000;border-radius:5px;padding:9px 12px;font-size:12px;font-weight:700;transition:color .2s,background .2s,border-color .2s}.filter:hover{color:var(--ink)}.filter.active{color:var(--accent);background:#d4fb5612;border-color:#d4fb564d}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:28px;display:grid}.game-card{border:1px solid var(--line);background:linear-gradient(140deg,#1e2125de,#0f1115e0);border-radius:11px;transition:border-color .2s,transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 16px 38px #0000001f}.game-card:hover{border-color:#d4fb5652;transform:translateY(-4px);box-shadow:0 22px 42px #00000042}.game-card[hidden]{display:none}.card-art{aspect-ratio:1.53;background:#191c1e;position:relative;overflow:hidden}.card-art img{object-fit:cover;filter:saturate(.82)brightness(.86);width:100%;height:100%;transition:transform .55s,filter .55s}.game-card:hover .card-art img{filter:saturate()brightness(.96);transform:scale(1.06)}.card-gradient{background:linear-gradient(#0506070a,#0506071a 47%,#050607c2 100%)}.card-badge{color:#1f2b00;background:var(--accent);letter-spacing:.09em;text-transform:uppercase;border-radius:4px;margin:0;padding:6px 8px;font-size:9px;font-weight:860;position:absolute;top:13px;left:13px}.favorite-button{color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#03040540;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:31px;height:31px;padding:0;transition:color .2s,background .2s,transform .2s;display:grid;position:absolute;top:11px;right:11px}.favorite-button:hover{transform:scale(1.08)}.favorite-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:14px}.favorite-button[aria-pressed=true]{color:#ffbc8e;background:#582114bf}.favorite-button[aria-pressed=true] svg{fill:currentColor}.card-play{color:#243000;background:var(--accent);opacity:0;border:1px solid #d4fb56e6;border-radius:5px;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:12px;font-weight:830;transition:opacity .22s,transform .22s,background .2s;display:flex;position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(7px)}.game-card:hover .card-play,.card-play:focus-visible{opacity:1;transform:translateY(0)}.card-play:hover{background:#e2ff87}.card-play span{font-size:8px}.diabloweb-card .card-art{background:radial-gradient(circle at 50% 40%,#6d1915,#130b0a 68%)}.diabloweb-card .card-art img{object-fit:contain;filter:none;padding:22px}.diabloweb-card:hover .card-art img{filter:none;transform:scale(1.04)}.card-content{padding:20px 20px 18px}.card-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-title-row h3{letter-spacing:-.04em;margin:0;font-size:17px;font-weight:760}.card-title-row p{color:var(--dim);margin:5px 0 0;font-size:11px;font-weight:550}.age-rating{border:1px solid var(--line);width:26px;height:26px;color:var(--dim);border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:750;display:grid}.tag-list{flex-wrap:wrap;gap:5px;margin-top:18px;display:flex}.tag-list span{color:#a8aba5;letter-spacing:.02em;border:1px solid #ffffff17;border-radius:3px;padding:5px 7px;font-size:9px;font-weight:720}.card-description{color:#92968f;margin:16px 0;font-size:12px;line-height:1.57}.controls-link{color:var(--accent);background:0 0;border:0;gap:7px;padding:0;font-size:11px;font-weight:800;display:inline-flex}.controls-link span{transition:transform .2s}.controls-link:hover span{transform:translate(4px)}.empty-state{color:var(--dim);text-align:center;grid-column:1/-1;margin:34px 0 10px;font-size:14px}.coming-soon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:38px;margin-top:64px;padding:34px 0;display:flex}.coming-soon .eyebrow{margin-bottom:10px}.coming-soon p:last-child{max-width:390px;color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.55}.how-it-works{padding:92px 0}.compact-heading{align-items:flex-start}.steps{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;margin:40px 0 0;padding:0;list-style:none;display:grid}.steps li{padding:24px 28px 5px 0;position:relative}.steps li+li{border-left:1px solid var(--line);padding-left:28px}.steps span{color:var(--accent);font-size:11px;font-weight:800}.steps h3{letter-spacing:-.035em;margin:35px 0 8px;font-size:17px}.steps p{max-width:220px;color:var(--dim);margin:0;font-size:12px;line-height:1.5}.site-footer{border-top:1px solid var(--line);min-height:92px;color:var(--dim);grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;font-size:11px;display:grid}.footer-brand{font-size:11px}.site-footer>p{margin:0}.site-footer>p:nth-child(2){text-align:center}.attribution{text-align:right}.attribution a{color:#aeb2a9;text-underline-offset:3px;-webkit-text-decoration:underline #d4fb5659;text-decoration:underline #d4fb5659}.attribution a:hover{color:var(--accent)}.player-overlay{z-index:20;color:var(--ink);background:#050607;flex-direction:column;display:flex;position:fixed;inset:0}.player-overlay[hidden]{display:none}.player-bar{z-index:2;background:#0a0c0f;border-bottom:1px solid #ffffff1f;flex:0 0 57px;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:14px;padding:0 22px;display:grid;position:relative}.back-button,.player-actions button{color:#c3c7bd;background:0 0;border:0;padding:0;font-size:12px;font-weight:750}.back-button{justify-self:start}.back-button span{color:var(--accent);margin-right:6px;transition:transform .2s;display:inline-block}.back-button:hover{color:var(--ink)}.back-button:hover span{transform:translate(-3px)}.player-title{justify-content:center;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:800;display:flex}.player-title small{color:#72766e;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:10px;font-weight:600;overflow:hidden}.player-live-dot{width:6px;height:6px}.player-actions{justify-content:flex-end;gap:18px;display:flex}.player-actions button:hover{color:var(--accent)}.controls-panel{z-index:3;background:#121519f5;border:1px solid #ffffff29;border-radius:8px;width:235px;padding:13px;position:absolute;top:69px;right:19px;box-shadow:0 14px 40px #0000005c}.controls-panel[hidden]{display:none}.controls-panel #controls-list>div{align-items:center;gap:5px;min-height:28px;display:flex}.controls-panel span{color:#b6b9b1;margin-left:4px;font-size:10px}.controls-panel kbd{color:#e7ebdf;border:1px solid #ffffff30;border-radius:3px;place-items:center;min-width:23px;height:19px;padding:0 4px;font-family:inherit;font-size:9px;font-weight:750;display:inline-grid}.player-stage{background:#000;flex:auto;height:calc(100dvh - 57px);min-height:0;position:relative}.player-stage iframe{background:#000;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.iframe-cover{color:#b8bdb1;letter-spacing:.02em;background:radial-gradient(circle at 50% 35%,#14211b,#050607 60%);place-content:center;justify-items:center;gap:13px;font-size:12px;transition:opacity .35s,visibility .35s;display:grid;position:absolute;inset:0}.iframe-cover.ready{visibility:hidden;opacity:0;pointer-events:none}.iframe-cover p{margin:0}.spinner{border:2px solid #d4fb562e;border-top-color:var(--accent);border-radius:50%;width:23px;height:23px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:800px){.site-header{height:70px}.site-nav{display:none}.hero{grid-template-columns:1fr;gap:48px;min-height:0;padding:62px 0 75px}.hero-copy{max-width:600px}.hero-game{justify-self:center;width:min(100%,560px)}.hero-game-art{min-height:350px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{grid-template-columns:1fr;gap:11px;padding:22px 0}.site-footer>p:nth-child(2),.attribution{text-align:left}}@media (max-width:570px){:root{--shell:min(100% - 32px, 1180px)}.header-action{font-size:12px}.hero h1{font-size:clamp(3.25rem,15.5vw,4.6rem)}.hero-text{font-size:15px}.hero-stats{gap:23px;margin-top:45px}.hero-stats div+div:before{left:-12px}.hero-game{transform:none}.hero-game-art{min-height:300px}.hero-game-bottom{bottom:19px;left:18px;right:18px}.library{padding-top:66px}.section-heading{flex-direction:column;align-items:flex-start;gap:11px}.library-toolbar{flex-direction:column;margin-top:27px}.search-box{width:100%}.filter-list{justify-content:flex-start}.filter{padding:8px 10px}.game-grid{grid-template-columns:1fr;margin-top:20px}.card-play{opacity:1;transform:none}.coming-soon{flex-direction:column;gap:11px;margin-top:45px}.coming-soon p:last-child{margin-top:0}.how-it-works{padding:66px 0}.steps{grid-template-columns:1fr;margin-top:28px}.steps li{padding:20px 0}.steps li+li{border-top:1px solid var(--line);border-left:0;padding-left:0}.steps h3{margin-top:24px}.player-bar{flex-basis:52px;grid-template-columns:1fr auto;padding:0 14px}.player-title{display:none}.player-actions{gap:14px}.player-actions button:first-child{display:none}.controls-panel{top:65px;right:10px}.player-stage{height:calc(100dvh - 52px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}