/* KIX Visitor Landing 1.0.0. Every rule is scoped to the logged-out page. */
.kix-visitor{--bg:#061a29;--panel:#0d2638;--panel-high:#123246;--text:#faf5e9;--muted:#b1c6cf;--line:#c9e9e51c;--cyan:#50e7db;--game-accent:#53dfd2;--game-ink:#04232c;margin:0;background:#061a29;color:var(--text)}
.kix-visitor .shell{max-width:1380px;width:calc(100% - 80px)}
.kix-visitor :is(a,button,input,select):focus-visible{outline:3px solid #6affeb;outline-offset:5px}
.kix-visitor .visitor-icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.kix-visitor .v-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.kix-visitor .v-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:12px 23px;border-radius:9px;border:1px solid transparent;font-size:15px;font-weight:750;line-height:1.3;white-space:nowrap;transition:background .18s,box-shadow .18s,transform .18s;text-decoration:none}
.kix-visitor .v-primary{color:#03262b;background:linear-gradient(180deg,#47eee0,#13c3ba);border-color:#66ffeb80;box-shadow:inset 0 1px #b9fff480,0 4px 20px #00c9bf12}
.kix-visitor .v-primary:hover{background:linear-gradient(180deg,#8afdef,#2ddbd0);box-shadow:0 5px 25px #00dfd12b;transform:translateY(-2px)}
.kix-visitor .v-secondary{border-color:#efd28c;background:#071e2cbd;color:#fff3d5}
.kix-visitor .v-secondary:hover{background:#153547;transform:translateY(-2px)}
.kix-visitor .visitor-header{position:relative;z-index:5;background:#041a28;border-bottom:1px solid #61e0d72b}
.kix-visitor .visitor-nav{min-height:88px;display:flex;align-items:center;gap:35px;position:relative}
.kix-visitor .visitor-logo{display:block;position:relative;width:150px;height:76px;overflow:hidden;flex-shrink:0}
.kix-visitor .visitor-logo img{width:150px;height:150px;max-width:none;position:absolute;left:0;top:-38px}
.kix-visitor .visitor-links{display:flex;align-items:center;gap:34px;margin-left:30px;font-size:14px;font-weight:650}
.kix-visitor .visitor-links a{display:inline-flex;gap:7px;align-items:center;min-height:44px;white-space:nowrap}
.kix-visitor .visitor-links a:hover,.kix-visitor .visitor-signin:hover{color:#5ae9dc}
.kix-visitor .visitor-account{display:flex;gap:25px;align-items:center;margin-left:auto;font-size:14px;font-weight:650}
.kix-visitor .visitor-account .v-button{min-height:42px;padding:10px 24px}
.kix-visitor .visitor-signin{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.kix-visitor .visitor-menu{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;padding:10px;border:1px solid #4b6d78;background:#0c2938;border-radius:7px;color:#fff;cursor:pointer}
.kix-visitor .visitor-menu span{height:2px;width:20px;background:currentColor}
.kix-visitor .visitor-hero{position:relative;isolation:isolate;overflow:hidden;max-width:1800px;margin:auto;background:#061a29}
.kix-visitor .visitor-hero-art{position:absolute;z-index:-2;right:0;top:0;width:83%;height:100%;object-fit:cover;object-position:right 57%;max-width:none}
.kix-visitor .visitor-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061a29 4%,#061a29f2 23%,#061a2980 43%,#061a2900 62%),linear-gradient(0deg,#061a29,transparent 13%)}
.kix-visitor .visitor-hero-inner{min-height:548px;display:flex;align-items:center;padding-top:28px;padding-bottom:38px}
.kix-visitor .visitor-hero-copy{width:530px;max-width:49%}
.kix-visitor .visitor-kicker{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.19em;font-weight:750;line-height:1.6;color:#88ddd3;margin:0 0 18px}
.kix-visitor .visitor-kicker>span{width:6px;height:6px;border-radius:50%;background:#4ddcca;box-shadow:0 0 14px #4ddcca70}
.kix-visitor h1{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(44px,4.4vw,65px);line-height:1.025;letter-spacing:-.035em;margin:0 0 20px;color:#fff9ee;text-shadow:0 3px 18px #00142355}
.kix-visitor h1 em{font-style:normal;color:#ffdc8a;background:linear-gradient(160deg,#fff0bd,#edbf65);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.kix-visitor .visitor-intro{font-size:19px;line-height:1.5;color:#e1e8e8;margin:0 0 23px}
.kix-visitor .visitor-hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.kix-visitor .visitor-app-callout{display:flex;align-items:center;gap:13px;width:max-content;max-width:100%;margin-top:25px;padding:13px 0 0;border-top:1px solid #85b9bd2d}
.kix-visitor .visitor-app-callout strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.3;color:#ffdfa1}
.kix-visitor .visitor-app-callout small{display:block;font-size:11px;color:#ccd9dd;margin-top:3px}
.kix-visitor .visitor-app-callout>.v-icon{color:#67dccc;width:17px;margin-left:8px}
.kix-visitor .visitor-phone{display:grid;place-items:center;color:#f6d98e;transform:rotate(9deg)}
.kix-visitor .visitor-phone svg{width:30px;height:42px;fill:#0c2d40;stroke:currentColor;stroke-width:1.4;filter:drop-shadow(0 0 7px #e5ce8135)}
.kix-visitor .visitor-app-callout:hover strong{color:#67edde}
.kix-visitor .visitor-content{position:relative}
.kix-visitor .visitor-section-title{display:flex;align-items:center;gap:28px;margin:4px 0 23px}
.kix-visitor .visitor-section-title h2{font-family:Georgia,'Times New Roman',serif;text-align:center;font-size:clamp(24px,2.35vw,34px);letter-spacing:-.025em;line-height:1.2;margin:0;color:#fff6e5}
.kix-visitor .visitor-section-title>span{flex:1;height:1px;background:linear-gradient(90deg,transparent,#36c3be90)}
.kix-visitor .visitor-section-title>span:last-child{transform:rotate(180deg)}
.kix-visitor .visitor-picks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.kix-visitor .visitor-pick{min-width:0;display:block;border-radius:12px;overflow:hidden;border:1px solid #74c7c14a;background:#0d2637;transition:transform .2s,border-color .2s,box-shadow .2s}
.kix-visitor .visitor-pick:hover{transform:translateY(-4px);border-color:#6eeee0;box-shadow:0 10px 35px #0005}
.kix-visitor .visitor-pick-image{aspect-ratio:1.9;position:relative;overflow:hidden;background:#061b2a}
.kix-visitor .visitor-pick-image img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s}
.kix-visitor .visitor-pick:hover img{transform:scale(1.035)}
.kix-visitor .visitor-pick-play{position:absolute;bottom:10px;right:10px;width:34px;height:34px;background:#061a29dd;border:1px solid #92e5dba6;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#7ff5e3;padding-left:2px}
.kix-visitor .visitor-pick-copy{padding:14px 16px 15px}
.kix-visitor .visitor-pick-copy h3{font-size:17px;line-height:1.25;letter-spacing:-.01em;color:#ffedc6;margin:0 0 4px}
.kix-visitor .visitor-pick-copy p{font-size:11px;color:#b9cdd2;margin:0;line-height:1.45}
.kix-visitor .visitor-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0 32px;padding:27px 0;border-top:1px solid #58c6c233;border-bottom:1px solid #58c6c233}
.kix-visitor .visitor-benefits>a{display:flex;align-items:flex-start;gap:20px;padding:0 27px;min-width:0}
.kix-visitor .visitor-benefits>a:first-child{padding-left:0}
.kix-visitor .visitor-benefits>a:last-child{padding-right:0}
.kix-visitor .visitor-benefits>a+a{border-left:1px solid #5adace35}
.kix-visitor .visitor-benefit-icon{display:grid;place-items:center;width:49px;height:56px;flex-shrink:0;color:#f0cf81}
.kix-visitor .visitor-benefit-icon svg{width:43px;height:43px;fill:#e3ba5c09;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px #ffda7422)}
.kix-visitor .visitor-benefits h2{font-family:Georgia,'Times New Roman',serif;font-size:22px;letter-spacing:-.02em;color:#f4d68e;margin:3px 0 8px;line-height:1.15}
.kix-visitor .visitor-benefits p{font-size:13px;line-height:1.6;color:#c1d0d6;margin:0 0 9px}
.kix-visitor .visitor-learn{font-size:11px;font-weight:650;color:#6ce0d4}
.kix-visitor .visitor-benefits>a:hover .visitor-learn{text-decoration:underline;text-underline-offset:4px}
.kix-visitor .visitor-pocket{display:flex;align-items:center;gap:25px;padding:27px 34px;background:radial-gradient(ellipse at 100% 0,#11696c40,transparent 65%),#0c2637;border:1px solid #4cb9ba40;border-radius:14px;margin-bottom:44px}
.kix-visitor .visitor-pocket-icon{color:#70ecde;transform:rotate(-9deg);flex-shrink:0}
.kix-visitor .visitor-pocket-icon svg{width:59px;height:78px;fill:#133c49;stroke:currentColor;stroke-width:1;filter:drop-shadow(0 0 15px #58eac92b)}
.kix-visitor .visitor-pocket .visitor-kicker{font-size:9px;margin-bottom:8px;letter-spacing:.16em}
.kix-visitor .visitor-pocket h2{font-family:Georgia,'Times New Roman',serif;font-size:30px;margin:0 0 9px;letter-spacing:-.025em;color:#f9eedb}
.kix-visitor .visitor-pocket p:not(.visitor-kicker){font-size:13px;line-height:1.65;color:#c2d3d8;margin:0 0 7px}
.kix-visitor .visitor-pocket small{font-size:10px;color:#a9bfc8}
.kix-visitor .visitor-pocket>.v-button{margin-left:auto;flex-shrink:0}
.kix-visitor .browse-section{padding-top:0;scroll-margin-top:20px}
.kix-visitor .browse-heading h2{font-family:Georgia,'Times New Roman',serif;font-size:34px;letter-spacing:-.025em;font-weight:700}
.kix-visitor .browse-heading p{color:#adc5cc}
.kix-visitor .search-box{background:#0c2739;border-color:#759aa352}
.kix-visitor .search-box input{color:#f7f8f4}
.kix-visitor .search-box button{color:#5fe5d5}
.kix-visitor .category-control select{background-color:#0c2739;border-color:#759aa352;color:#e6f2f1}
.kix-visitor .genre-tabs{gap:7px}
.kix-visitor .genre-tabs button{background:#102d3e;border-color:#355868;color:#cde0e1;border-radius:7px;min-height:40px;padding:8px 15px}
.kix-visitor .genre-tabs button[aria-pressed="true"]{background:#56ddd0;border-color:#73f1e2;color:#062832}
.kix-visitor .genre-tabs button:hover{border-color:#6de2d5}
.kix-visitor .shelf-heading h2{font-size:24px;letter-spacing:-.02em}
.kix-visitor .game-shelf{border-color:#7ca6af26}
.kix-visitor .editorial-card{background:#0e2739;border-color:#789faa2b}
.kix-visitor .editorial-card:hover{border-color:#69d7cd9e}
.kix-visitor .editorial-card .card-category{color:#6cdbc9}
.kix-visitor .editorial-card .card-description{color:#b8cbd3}
.kix-visitor .editorial-card .card-play{background:#50dacc;color:#062a32}
.kix-visitor .shelf-controls button{border-color:#73e9da80;background:#071e2be8;color:#8bf0df}
.kix-visitor .mobile-browse-view{background:#102e3c;border-color:#538e9566}
.kix-visitor .mobile-browse-view input[type="checkbox"]{accent-color:#4ddfd2}
.kix-visitor .visitor-founder .founding-banner{background:linear-gradient(110deg,#273329,#112c39 60%);border-color:#9b865d66;margin-top:34px}
.kix-visitor .visitor-join{text-align:center;padding:55px 15px 60px;background:radial-gradient(ellipse at 50% 100%,#0d5d6426,transparent 70%);border-bottom:1px solid #5dabab26}
.kix-visitor .visitor-join .visitor-kicker{justify-content:center;margin-bottom:15px}
.kix-visitor .visitor-join h2{font-family:Georgia,'Times New Roman',serif;font-size:38px;font-weight:700;color:#ffdfa4;letter-spacing:-.03em;margin:0 0 15px}
.kix-visitor .visitor-join>p:not(.visitor-kicker){font-size:15px;color:#b5cbd2;margin-bottom:25px}
.kix-visitor .visitor-join small{display:block;font-size:12px;color:#a4bbc6;margin-top:16px}
.kix-visitor .visitor-join small a{color:#7cebdc;text-decoration:underline;text-underline-offset:3px}
.kix-visitor .site-footer{border:0;padding-top:25px;padding-bottom:65px;color:#a8c1cc}
.kix-visitor .site-footer .kix-app-link{color:#78e5d5}
@media(min-width:1600px){.kix-visitor .visitor-hero-inner{min-height:610px}.kix-visitor h1{font-size:72px}}
@media(max-width:1100px){
 .kix-visitor .shell{width:calc(100% - 48px)}
 .kix-visitor .visitor-nav{gap:20px}.kix-visitor .visitor-links{gap:23px;margin-left:0}
 .kix-visitor .visitor-hero-inner{min-height:525px}.kix-visitor .visitor-hero-copy{max-width:52%}.kix-visitor h1{font-size:52px}
 .kix-visitor .visitor-intro{font-size:17px}.kix-visitor .visitor-hero-actions .v-button{font-size:13px;padding:12px 16px;min-height:47px}
 .kix-visitor .visitor-picks-grid{gap:13px}.kix-visitor .visitor-pick-copy{padding:12px}.kix-visitor .visitor-pick-copy h3{font-size:15px}.kix-visitor .visitor-pick-copy p{font-size:10px}
 .kix-visitor .visitor-benefits>a{gap:12px;padding:0 18px}.kix-visitor .visitor-benefit-icon{width:35px}.kix-visitor .visitor-benefit-icon svg{width:34px}
 .kix-visitor .visitor-benefits h2{font-size:20px}.kix-visitor .visitor-benefits p{font-size:12px}
 .kix-visitor .visitor-pocket{padding:25px;gap:20px}.kix-visitor .visitor-pocket h2{font-size:27px}.kix-visitor .visitor-pocket .v-button{font-size:13px;padding-inline:17px}
}
@media(max-width:800px){
 .kix-visitor .visitor-nav{min-height:76px;gap:14px;flex-wrap:wrap}
 .kix-visitor .visitor-logo{width:120px;height:68px}.kix-visitor .visitor-logo img{width:120px;height:120px;top:-25px}
 .kix-visitor .visitor-account{gap:19px}.kix-visitor .visitor-account .v-button{padding:10px 18px}
 .kix-visitor .visitor-links{order:4;width:100%;justify-content:center;padding:0 0 12px;gap:30px;border-top:1px solid #6cc4c120}
 .kix-visitor.visitor-enhanced .visitor-links{display:none}.kix-visitor.visitor-enhanced .visitor-links.is-open{display:flex}
 .kix-visitor.visitor-enhanced .visitor-menu{display:flex}
 .kix-visitor .visitor-hero-copy{max-width:58%}.kix-visitor h1{font-size:46px}.kix-visitor .visitor-hero-inner{min-height:510px}
 .kix-visitor .visitor-hero-art{width:92%;object-position:70% 50%;opacity:.88}
 .kix-visitor .visitor-hero:after{background:linear-gradient(90deg,#061a29 1%,#061a29e8 25%,#061a2960 57%,#061a2910 85%),linear-gradient(0deg,#061a29,transparent 25%)}
 .kix-visitor .visitor-hero-actions{gap:10px}.kix-visitor .visitor-hero-actions .v-button{padding-inline:15px;font-size:12px}
 .kix-visitor .visitor-picks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .kix-visitor .visitor-pick-copy h3{font-size:17px}.kix-visitor .visitor-pick-copy p{font-size:12px}
 .kix-visitor .visitor-benefits{gap:20px;grid-template-columns:1fr;margin-block:26px;padding-block:24px}
 .kix-visitor .visitor-benefits>a{padding:0!important;gap:20px}.kix-visitor .visitor-benefits>a+a{border:0}
 .kix-visitor .visitor-benefit-icon{width:48px}.kix-visitor .visitor-benefit-icon svg{width:40px}
 .kix-visitor .visitor-benefits h2{font-size:23px}.kix-visitor .visitor-benefits p{font-size:13px;margin-bottom:4px}
 .kix-visitor .visitor-pocket{flex-wrap:wrap;gap:15px;padding:25px}.kix-visitor .visitor-pocket>div{flex:1;min-width:200px}.kix-visitor .visitor-pocket>.v-button{margin-left:75px}.kix-visitor .visitor-desktop-break{display:none}
 .kix-visitor .browse-heading h2{font-size:30px}
}
@media(max-width:580px){
 .kix-visitor .shell{width:calc(100% - 32px)}
 .kix-visitor .visitor-nav{gap:10px;min-height:68px}.kix-visitor .visitor-logo{width:100px;height:62px}.kix-visitor .visitor-logo img{width:100px;height:100px;top:-18px}
 .kix-visitor .visitor-account{gap:14px;font-size:12px}.kix-visitor .visitor-account .v-button{font-size:12px;min-height:40px;padding:10px 14px}
 .kix-visitor .visitor-menu{width:38px;height:40px;padding:8px;gap:4px}.kix-visitor .visitor-menu span{width:17px}
 .kix-visitor .visitor-links{font-size:13px;gap:20px;padding-bottom:8px}
 .kix-visitor .visitor-hero{display:flex;flex-direction:column;overflow:hidden}
 .kix-visitor .visitor-hero-inner{min-height:0;display:block;padding-top:29px;padding-bottom:0;order:0}
 .kix-visitor .visitor-hero-copy{max-width:100%;width:auto;text-align:center}
 .kix-visitor .visitor-kicker{justify-content:center;font-size:8px;letter-spacing:.15em;margin-bottom:14px}
 .kix-visitor h1{font-size:46px;line-height:1.05;margin-bottom:14px}.kix-visitor h1 em br{display:none}
 .kix-visitor .visitor-intro{font-size:16px;line-height:1.5;margin-bottom:20px}.kix-visitor .visitor-intro br{display:none}
 .kix-visitor .visitor-hero-actions{justify-content:center;gap:10px}.kix-visitor .visitor-hero-actions .v-button{font-size:12px;padding:12px 16px;min-height:46px}
 .kix-visitor .visitor-app-callout{margin:17px auto 0;text-align:left;padding-top:12px;gap:10px}
 .kix-visitor .visitor-app-callout strong{font-size:18px}.kix-visitor .visitor-app-callout small{font-size:10px}.kix-visitor .visitor-app-callout>.v-icon{margin-left:2px}
 .kix-visitor .visitor-phone svg{width:25px;height:37px}
 .kix-visitor .visitor-hero-art{position:relative;order:1;margin-top:8px;width:100%;height:280px;object-fit:cover;object-position:right 62%;opacity:1;z-index:0}
 .kix-visitor .visitor-hero:after{z-index:1;top:auto;height:280px;background:linear-gradient(0deg,#061a29,transparent 19%,transparent 85%,#061a29);pointer-events:none}
 .kix-visitor .visitor-section-title{gap:12px;margin:7px 0 19px}.kix-visitor .visitor-section-title h2{font-size:26px;max-width:275px}
 .kix-visitor .visitor-picks-grid{gap:12px}.kix-visitor .visitor-pick{border-radius:9px}.kix-visitor .visitor-pick-image{aspect-ratio:1.55}.kix-visitor .visitor-pick-copy{padding:12px 10px}.kix-visitor .visitor-pick-copy h3{font-size:15px;min-height:19px}.kix-visitor .visitor-pick-copy p{font-size:10px;line-height:1.5}.kix-visitor .visitor-pick-play{height:28px;width:28px;bottom:7px;right:7px;font-size:9px}
 .kix-visitor .visitor-pocket{padding:23px 20px;gap:15px;margin-bottom:32px}.kix-visitor .visitor-pocket .visitor-kicker{justify-content:flex-start;font-size:8px}.kix-visitor .visitor-pocket h2{font-size:25px}.kix-visitor .visitor-pocket-icon svg{width:40px;height:58px}.kix-visitor .visitor-pocket>div{min-width:0;flex-basis:calc(100% - 55px)}.kix-visitor .visitor-pocket>.v-button{margin:4px 0 0;width:100%;min-height:47px}.kix-visitor .visitor-pocket p:not(.visitor-kicker){font-size:12px}.kix-visitor .visitor-pocket small{font-size:9px}
 .kix-visitor .browse-heading h2{font-size:28px}.kix-visitor .search-box input{font-size:16px}.kix-visitor .category-control select{font-size:16px}
 .kix-visitor .visitor-join{padding:39px 5px 43px}.kix-visitor .visitor-join h2{font-size:32px}.kix-visitor .visitor-join>p:not(.visitor-kicker){font-size:13px}.kix-visitor .visitor-join .v-button{font-size:14px}
}
@media(max-width:360px){.kix-visitor .visitor-nav{gap:7px}.kix-visitor .visitor-logo{width:80px}.kix-visitor .visitor-logo img{width:90px;height:90px;left:-5px;top:-13px}.kix-visitor .visitor-account{gap:10px}.kix-visitor .visitor-account .v-button{padding-inline:10px}.kix-visitor h1{font-size:40px}.kix-visitor .visitor-hero-actions .v-button{padding-inline:12px;font-size:11px}.kix-visitor .visitor-app-callout small{font-size:9px}.kix-visitor .visitor-links{gap:15px}}
@media(prefers-reduced-motion:reduce){.kix-visitor *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.kix-visitor .v-button:hover,.kix-visitor .visitor-pick:hover,.kix-visitor .visitor-pick:hover img{transform:none}}
