:root{--bg:#07090b;--panel:#101317;--text:#f4f3ef;--muted:#8d9298;--red:#f0442f;--line:#ffffff1f}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,textarea{font:inherit}button{color:inherit}button:focus-visible{outline-offset:3px;outline:2px solid #fff}.app{background-color:#080a0c;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:110px 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh}header{z-index:20;border-bottom:1px solid #ffffff12;align-items:center;height:86px;padding:0 4.2vw;display:flex;position:absolute;top:0;left:0;right:0}.logo{letter-spacing:4px;align-items:center;gap:11px;font-size:18px;display:flex}.logo b{font-weight:800}.mark{align-items:center;gap:3px;width:25px;height:28px;display:flex;transform:skew(-18deg)}.mark i{background:var(--red);width:6px;height:20px;display:block}.mark i:nth-child(2){height:28px}.mark i:nth-child(3){height:14px}.app nav{gap:32px;height:100%;margin-left:62px;display:flex}.app nav button{color:#8d9298;letter-spacing:.5px;background:0 0;border:0;padding:0 5px;font-size:13px;font-weight:700;position:relative}.app nav button svg{display:none}.app nav .nav-active{color:#fff}.app nav .nav-active:after{content:"";background:var(--red);height:2px;box-shadow:0 -2px 10px var(--red);position:absolute;bottom:0;left:0;right:0}.header-tools{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-button{color:#aeb1b4;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.icon-button:hover{color:#fff;background:#ffffff10}.profile{letter-spacing:1px;background:linear-gradient(145deg,#4b5058,#1d2025);border:1px solid #7a7e84;border-radius:50%;place-items:center;width:35px;height:35px;margin-left:9px;font-size:10px;font-weight:800;display:grid}.hero{align-items:center;height:760px;padding:90px 4.2vw 0;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(90deg,#080a0c 2%,#080a0cdb 25%,#080a0c33 62%,#080a0c0a),linear-gradient(0deg,#080a0c 0%,transparent 35%),var(--hero);filter:saturate(.9);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.hero:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 60%,#f0442f1a);position:absolute;inset:0}.hero-copy{z-index:2;width:650px;margin-top:26px;position:relative}.kicker{letter-spacing:3px;color:#b9bdc1;align-items:center;gap:12px;font-size:11px;font-weight:800;display:flex}.kicker span{background:var(--red);width:32px;height:1px}.hero h1{letter-spacing:-5px;margin:25px 0 13px;font-size:76px;font-style:italic;font-weight:300;line-height:.9}.hero h1 span{font-weight:900}.hero h1 b{color:var(--red);margin:0 5px;font-weight:300}.hero-copy>p{letter-spacing:4px;color:#b2b4b6;margin:0 0 31px;font-size:14px;font-weight:700}.hero-actions,.detail-actions{align-items:center;gap:13px;display:flex}.primary{color:#111317;letter-spacing:.4px;cursor:pointer;clip-path:polygon(0 0,94% 0,100% 23%,100% 100%,6% 100%,0 77%);background:#f2f0eb;border:0;align-items:center;gap:11px;height:57px;padding:0 24px;font-weight:800;display:flex;position:relative}.primary:hover{background:#fff}.primary.pad-focus{box-shadow:0 0 0 2px #f0442f,0 0 25px #f0442f80}.a-key{color:#fff;background:#202327;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-style:normal;display:grid}.round{cursor:pointer;background:#101215a8;border:1px solid #65676a;border-radius:50%;place-items:center;width:53px;height:53px;display:grid}.round:hover{border-color:#fff}.hero-meta{color:#777c81;letter-spacing:1.7px;align-items:center;gap:13px;margin-top:35px;font-size:10px;font-weight:700;display:flex}.hero-meta i{background:#4c4f52;border-radius:50%;width:3px;height:3px}.hero-index{z-index:3;color:#666b70;align-items:baseline;gap:4px;display:flex;position:absolute;bottom:105px;right:4.2vw}.hero-index>b{color:#fff;font-size:22px}.hero-index>span{font-size:10px}.hero-index>div{gap:5px;margin-left:13px;display:flex}.hero-index i{background:#555;width:18px;height:2px;display:block}.hero-index i:first-child{background:var(--red);width:42px}.library{z-index:5;margin-top:-50px;padding:0 0 100px;position:relative}.rail{padding:35px 0 28px 4.2vw;scroll-margin-top:10vh}.rail-head{justify-content:space-between;align-items:flex-end;margin-bottom:19px;padding-right:4.2vw;display:flex}.rail-head p{color:#71767b;text-transform:uppercase;letter-spacing:2px;margin:0 0 5px;font-size:9px;font-weight:800}.rail-head h2{letter-spacing:-.8px;margin:0;font-size:24px}.rail-head button{color:#888e94;letter-spacing:1px;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.rail-head button:hover{color:#fff}.rail-head button span{margin-left:7px;font-size:20px}.cards{scrollbar-width:none;gap:18px;padding:5px 4.2vw 20px 3px;display:flex;overflow-x:auto}.cards::-webkit-scrollbar{display:none}.game-card{text-align:left;cursor:pointer;clip-path:polygon(0 0,96% 0,100% 7%,100% 100%,0 100%);background:#171a1e;border:0;flex:none;width:292px;height:174px;padding:0;transition:transform .24s,box-shadow .24s;position:relative;overflow:hidden}.game-card img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.game-card:hover img,.game-card.focused img{transform:scale(1.04)}.game-card.focused{z-index:2;transform:translateY(-4px)scale(1.025);box-shadow:0 0 0 3px #fff,0 10px 30px #000}.game-card.focused:after{content:"";border-bottom:4px solid var(--red);position:absolute;inset:0}.card-shade{background:linear-gradient(#0000 35%,#050607f2);position:absolute;inset:0}.card-content{flex-direction:column;display:flex;position:absolute;bottom:14px;left:17px}.card-content small{text-transform:uppercase;letter-spacing:1.8px;color:#adb0b3;font-size:8px}.card-content strong{letter-spacing:-.7px;text-transform:uppercase;text-shadow:0 2px 10px #000;margin-top:3px;font-size:20px}.card-content em{color:#8d9298;margin-top:3px;font-size:9px;font-style:normal}.focus-corner{color:#111;background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:900;display:grid;position:absolute;top:10px;right:10px}.feedback-tab{z-index:15;writing-mode:vertical-rl;color:#c9ccce;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#15181be8;border:1px solid #ffffff26;border-right:0;padding:17px 11px;font-size:9px;position:fixed;top:52%;right:0;transform:rotate(180deg)}.feedback-tab span{color:var(--red);margin-bottom:8px}footer{border-top:1px solid var(--line);color:#74797e;align-items:center;height:115px;padding:0 4.2vw;display:flex}footer .logo{transform-origin:0;transform:scale(.8)}footer p{letter-spacing:1.5px;text-transform:uppercase;margin-left:18px;font-size:10px}.controls{align-items:center;gap:20px;margin-left:auto;display:flex}.controls span,.detail-hint span{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.controls b,.detail-hint b{color:#111;background:#e8e8e8;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.controls b.b,.detail-hint b.b{color:#fff;background:#e45d4b}.controls .desktop{color:#54595e;border-left:1px solid #333;padding-left:20px}.detail{background:#090b0d;height:100vh;min-height:700px;position:relative;overflow:hidden}.detail-bg{background-image:linear-gradient(90deg,#080a0c 0%,#080a0cf0 25%,#080a0c7a 54%,#080a0c0d 76%),linear-gradient(0deg,#080a0c 0%,transparent 45%),var(--art);background-position:50%;background-size:cover;animation:14s ease-out both slowZoom;position:absolute;inset:0}.detail:after{content:"";pointer-events:none;background:linear-gradient(#0000 70%,#0006),radial-gradient(circle at 75% 45%,#0000 0,#0000001f 60%);position:absolute;inset:0}@keyframes slowZoom{0%{transform:scale(1.06)}to{transform:scale(1)}}.detail header{justify-content:space-between}.back{color:#b7babd;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:0;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.back kbd{border:1px solid #666;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:7px;font-family:inherit;display:grid}.detail-copy{z-index:3;width:650px;position:absolute;top:50%;left:5.2vw;transform:translateY(-42%)}.detail-copy h1{text-transform:uppercase;letter-spacing:-4px;max-width:650px;margin:22px 0 13px;font-size:75px;line-height:.92}.detail-copy .tagline{letter-spacing:3px;color:var(--accent);margin:0 0 25px;font-size:13px;font-weight:800}.description{color:#a5aaae;max-width:530px;font-size:15px;line-height:1.7}.detail-actions{margin-top:32px}.secondary{cursor:pointer;background:#11151ab3;border:1px solid #555b60;align-items:center;gap:10px;height:57px;padding:0 23px;font-weight:700;display:flex}.stats{border-top:1px solid #ffffff1f;grid-template-columns:repeat(4,1fr);width:720px;margin-top:56px;padding-top:20px;display:grid}.stats div{border-right:1px solid #ffffff18;margin-right:20px;padding-right:20px}.stats small{color:#676d72;letter-spacing:1.5px;margin-bottom:8px;font-size:8px;display:block}.stats b{color:#d5d7d8;font-size:11px}.score{z-index:4;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:17%;right:5vw}.score small{letter-spacing:2px;color:#979b9e;font-size:8px}.score b{margin:8px 0 4px;font-size:64px;line-height:1}.score span{letter-spacing:2px;color:var(--accent);font-size:8px}.detail-hint{z-index:5;color:#888;align-items:center;gap:18px;display:flex;position:absolute;bottom:27px;right:4vw}.detail-hint em{letter-spacing:1px;border-left:1px solid #444;padding-left:17px;font-size:8px;font-style:normal}.overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#000000bf;place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{clip-path:polygon(0 0,96% 0,100% 5%,100% 100%,4% 100%,0 95%);background:#13171a;border:1px solid #ffffff1b;width:min(560px,92vw);padding:34px;position:relative;box-shadow:0 30px 90px #000}.modal-head{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:22px;display:flex}.modal-head small{color:var(--red);letter-spacing:2px;font-size:8px;font-weight:800}.modal h2{margin:6px 0 0;font-size:27px}.setting-row{border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.setting-row b{font-size:13px}.setting-row p{color:#70767b;margin:5px 0 0;font-size:10px}.toggle{cursor:pointer;background:#363a3d;border:0;border-radius:20px;width:46px;height:24px;padding:3px}.toggle i{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.toggle.on{background:var(--red)}.toggle.on i{transform:translate(22px)}.select{background:#202428;border:1px solid #444;padding:8px 12px;font-size:10px}.device{background:#0c0f11;align-items:center;gap:12px;margin:20px 0;padding:15px;display:flex}.device>span{color:#55d98b;font-size:10px}.device b{font-size:11px}.device p{color:#666;margin:4px 0 0;font-size:9px}.device em{color:#55d98b;letter-spacing:1px;margin-left:auto;font-size:8px}.done{color:#111;cursor:pointer;background:#eee;border:0;width:100%;height:50px;font-weight:800}.done:disabled{opacity:.35;cursor:not-allowed}.feedback>p{color:#8f9498;font-size:12px;line-height:1.6}.reactions{grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0;display:grid}.reactions button{color:#a7abad;cursor:pointer;background:#0d1012;border:1px solid #34383c;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:82px;font-size:10px;display:flex}.reactions button span{font-size:21px}.reactions button.chosen{border-color:var(--red);color:#fff;box-shadow:inset 0 -2px var(--red);background:#f0442f14}.feedback label{letter-spacing:1px;color:#9ca0a3;font-size:9px;display:block;position:relative}.feedback textarea{resize:none;color:#fff;background:#0b0e10;border:1px solid #34383c;outline:none;width:100%;height:85px;margin-top:8px;padding:12px;display:block}.feedback textarea:focus{border-color:#777}.feedback label small{color:#555;position:absolute;bottom:7px;right:9px}.feedback .done{margin-top:18px}.feedback>em{text-align:center;color:#565b5f;margin-top:11px;font-size:8px;font-style:normal;display:block}.toast{z-index:80;color:#101214;background:#f0f0ed;align-items:center;gap:9px;padding:13px 19px;font-size:11px;font-weight:700;animation:.25s up;display:flex;position:fixed;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #000}@keyframes up{0%{opacity:0;transform:translate(-50%,15px)}}.no-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (max-width:900px){header{padding:0 20px}.app nav{margin-left:25px}.hero{height:690px;padding-left:24px}.hero:before{background-position:64%}.hero-copy{width:95%}.hero h1{font-size:52px}.library{margin-top:-30px}.rail{padding-left:20px}.game-card{width:255px;height:153px}.feedback-tab,.controls .desktop,footer p{display:none}.detail-copy{width:88%;top:48%;left:24px}.detail-copy h1{font-size:50px}.detail-copy .description{max-width:480px}.stats{grid-template-columns:repeat(2,1fr);gap:20px;width:100%}.score{display:none}.detail-bg{background-position:65%}.detail-hint{right:20px}.reactions{grid-template-columns:1fr}.reactions button{flex-direction:row;height:54px}.modal{max-height:94vh;overflow:auto}}