/* Twizted Studios Stage 10 — non-destructive visual enhancement */
:root{--tw-bg:#08070c;--tw-panel:#141019;--tw-purple:#a65cff;--tw-line:#30263a;--tw-muted:#b5aabd}
html{scroll-behavior:smooth}body{background:var(--tw-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a,button{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}
:focus-visible{outline:3px solid #c795ff;outline-offset:4px}
.sidebar{width:192px;background:#09080c;border-right:1px solid #2a2330}
.sidebar .brand{padding-top:37px;letter-spacing:-1.5px;line-height:.9}
.sidebar nav a{letter-spacing:.09em;padding-top:18px;padding-bottom:18px;color:#d5cddd}
.sidebar nav a:hover,.sidebar nav a.active{background:#21142e;color:#fff;border-left-color:#ac65ff}
.sidebar .social{border-top:1px solid #2c2335}
main{margin-left:192px}
.hero{height:min(86vh,900px);min-height:590px;background:#0d0b13}
.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.42) 38%,transparent 78%),linear-gradient(0deg,rgba(0,0,0,.78),transparent 57%)}
.hero-img{background-position:center center;transform:scale(1.005)}
.hero-copy{bottom:11%;left:5.5%;max-width:850px}
.hero h1{font-size:clamp(48px,7.7vw,132px);letter-spacing:-.055em;line-height:.92;text-wrap:balance}
.hero p{line-height:1.55;letter-spacing:.12em}
.eyebrow{color:#c18aff;letter-spacing:.22em}
.btn{min-height:48px;padding:16px 26px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.08em}
.btn.purple{background:#8632d8;border-color:#a45cff}
.btn.purple:hover{background:#b77aff;color:#0c0812}
.hero-controls button{min-width:45px;min-height:44px;background:#17101e;border:1px solid #45304f;border-right:3px solid #777}
.hero-controls button.active{background:#342045;border-right-color:#d1a6ff}
.section{padding:64px 5% 80px}
.sectionhead{margin-bottom:26px}
.sectionhead h2,.page-title{letter-spacing:-.045em;text-wrap:balance}
.sectionhead a{color:#d4b3ff}
.grid{gap:18px}.tile{border:1px solid #33283c;min-height:310px;background:#17111f;isolation:isolate}
.tile:after{background:linear-gradient(0deg,rgba(0,0,0,.95),rgba(0,0,0,.22) 48%,transparent 82%)}
.tile img{filter:brightness(.88);transition:transform .5s ease,filter .5s ease}
.tile:hover img{transform:scale(1.035);filter:brightness(1)}
.tile:hover{border-color:#8e4ad2}
.tile-content{left:24px;bottom:22px;right:24px}
.tile-content small{color:#d5b7f6;letter-spacing:.14em}
.tile-content h3{letter-spacing:-.035em;line-height:1.07}
.games-grid .tile{min-height:420px}
.page-banner{padding:110px 5% 64px;background:radial-gradient(ellipse at 90% 10%,#3d2055 0%,transparent 42%),linear-gradient(120deg,#1c1026,#09090c 70%)}
.page-banner p,.article{line-height:1.8}
.placeholder{background:#15101c;border-color:#36263e}
.footer{padding:44px 5%;background:#070609;border-top:1px solid #30243b}
.tw-account-link{display:block;color:#d4b0ff!important}
.tw-mobile-account{font-size:12px;letter-spacing:.07em;color:#d3a6ff;padding:10px}
.tw-skip{position:fixed;top:-60px;left:14px;z-index:9999;background:#fff;color:#000;padding:12px}
.tw-skip:focus{top:10px}
@media(max-width:900px){.sidebar{width:165px}main{margin-left:165px}.section{padding:44px 4% 65px}.games-grid .tile{min-height:340px}}
@media(max-width:650px){.sidebar{width:min(290px,86vw);top:60px;box-shadow:12px 20px 60px #000b}.sidebar.open{transform:translateX(0)}main{margin-left:0}.mobile{padding:0 18px;min-height:60px;z-index:40}.mobile button{min-width:44px;min-height:44px}.hero{min-height:510px;height:72svh}.hero-copy{bottom:9%;left:6%;right:6%}.hero h1{font-size:clamp(44px,12vw,75px);letter-spacing:-.045em}.hero p{font-size:12px;letter-spacing:.06em}.hero-controls{top:16px;right:16px}.section{padding:40px 5% 54px}.sectionhead h2{font-size:30px}.grid,.news-grid{grid-template-columns:1fr}.news-grid .tile:first-child{grid-column:auto}.tile,.games-grid .tile{min-height:320px}.tile-content{left:20px;bottom:18px}.actions{gap:10px}.btn{padding:13px 16px}.footer{padding:30px 5%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}