@font-face{font-family:October Display;src:url('october-archivo-black.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.october{--oct-blue:#177dff;--oct-light:#8cd5ff;position:relative;isolation:isolate;display:block;width:min(1360px,calc(100% - 64px));margin:0 auto;padding:30px 0 54px;color:#f7faff}
.october__atmosphere{position:absolute;inset:-20px -32px 0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:40px;background:radial-gradient(ellipse at 28% 5%,#1264d735,transparent 57%)}
.october__halo{position:absolute;inset:0;background:radial-gradient(ellipse at 83% 32%,#0988ff25,transparent 55%)}
.october__atmosphere>i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#81d8ff;box-shadow:0 0 12px #2caaff;opacity:.35;animation:october-spark 7s ease-in-out infinite;animation-delay:calc(var(--i)*-.6s)}
.october__symbol{position:absolute;font-family:Arial,sans-serif;line-height:1;font-weight:400;text-shadow:0 0 20px currentColor;opacity:.24;animation:october-float 9s ease-in-out infinite;user-select:none}
.october__symbol--triangle{top:9%;left:52%;font-size:58px;color:#66e5d7;transform:rotate(-12deg)}
.october__symbol--circle{top:23%;right:2%;font-size:76px;color:#9ebdff;animation-delay:-3s}
.october__symbol--cross{top:46%;left:1%;font-size:62px;color:#5ab9ff;animation-delay:-5s}
.october__symbol--square{top:3%;right:23%;font-size:42px;color:#e39cdf;animation-delay:-7s}
.october .controller-decor{z-index:-1;pointer-events:none;width:210px;opacity:.42}
.october .controller-decor--ps4{left:51%;top:128px;bottom:auto;transform:rotate(-15deg)}
.october .controller-decor--ps5{right:-24px;top:2px;bottom:auto}
.october__header{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:24px;min-height:260px;padding:0 34px 16px}
.october__eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:650;letter-spacing:2.2px;color:#b6d7f8}
.october__eyebrow i{height:6px;width:6px;flex:none;border-radius:50%;background:#53e5b4;box-shadow:0 0 12px #53e5b460}
.october h1{font-family:October Display,Arial Black,Arial,sans-serif;font-size:clamp(48px,5.8vw,78px);font-weight:400;letter-spacing:-.05em;line-height:.97;margin:19px 0 16px;text-transform:uppercase}
.october h1>span{color:#85c6ff;background:linear-gradient(105deg,#b9deff,#409bff 68%,#4be0ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.october__copy>p{font-size:15px;line-height:1.5;color:#bbcadb;margin:0 0 15px;max-width:480px}
.october__trust{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;color:#a2b8cd;font-size:11px}
.october__trust>a{color:#dbedff;text-decoration:none;border-bottom:1px solid #6baded60;padding-block:4px}
.october__trust>span+span:before{content:'·';margin-right:18px;color:#428ed7}
.october__mascot{position:relative;display:flex;flex-direction:column;align-items:center;align-self:end;min-width:0;z-index:4}
.october .jason-character{position:relative;left:auto;bottom:auto;justify-self:auto;flex:none;width:215px;max-width:100%;margin:0}
.october .jason-character__chip{min-width:142px;padding:8px 10px;right:0;bottom:10%}
.october .jason-character__chip small{font-size:6px}
.october .jason-character__chip strong{font-size:12px}
.october .jason-character__reward{left:-8%;bottom:40%;max-width:220px}
.october__jason-hint{margin-top:3px;font-size:10px;color:#a8d5ff;text-align:center}
.october__toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:16px 6px 4px;padding:16px 0 8px;border-top:1px solid #7db4ed26}
.october__toolbar>span{font-weight:650;font-size:15px;letter-spacing:-.2px}
.october__toolbar small{display:block;font-size:11px;color:#8ea8c0;font-weight:400;margin-top:5px;letter-spacing:0}
.october__controls{display:flex;gap:8px}
.october__controls[hidden]{display:none}
.october__controls button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:1px solid #80b5e940;background:linear-gradient(140deg,#163759,#0a192a);border-radius:50%;color:#e0f0ff;cursor:pointer;transition:background .2s,opacity .2s}
.october__controls button:hover{background:#184a7d}
.october__controls button:disabled{opacity:.25;cursor:default}
.october__controls svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none}
.october__rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:18px 4px 24px;margin:0 2px;scrollbar-width:thin;scrollbar-color:#348ada #0c1b2a;-webkit-overflow-scrolling:touch;cursor:grab}
.october__rail::-webkit-scrollbar{height:7px}.october__rail::-webkit-scrollbar-track{background:#0c1b2a;border-radius:10px}.october__rail::-webkit-scrollbar-thumb{background:#348ada;border-radius:10px}
.october__rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.october__card{--tilt-x:0deg;--tilt-y:0deg;display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;border:1px solid #77b2ec38;border-radius:20px;background:linear-gradient(155deg,#12263c,#081321 73%);box-shadow:0 14px 30px #0004,inset 0 1px #c9e5ff0d;color:#f5f9ff;text-decoration:none;overflow:hidden;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .22s ease,border-color .22s,box-shadow .22s}
.october__card:hover{border-color:#8bcfff99;box-shadow:0 18px 36px #0006,0 0 24px #147dff17}
.october__cover{position:relative;aspect-ratio:1/1;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 85%,#21569340,#070f19 75%);padding:12px}
.october__cover>img{width:100%;height:100%;object-fit:contain;display:block;min-height:0;filter:drop-shadow(0 10px 14px #0006)}
.october__placeholder{width:100%;height:100%;fill:#42617e}
.october__saving{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;align-items:center;min-width:60px;padding:9px 10px;border:1px solid #d8efff80;border-radius:12px;background:linear-gradient(145deg,#d5f0ff,#79beff);box-shadow:0 4px 0 #235b8f,0 8px 20px #0005;color:#092b4b;font-size:23px;font-weight:850;line-height:1.05;font-variant-numeric:tabular-nums}
.october__saving small{font-size:8px;letter-spacing:1px;margin-bottom:3px;font-weight:800}.october__saving em{font-size:7px;font-style:normal;font-weight:600;margin-top:4px}
.october__body{flex:1;display:flex;flex-direction:column;padding:16px}
.october__format{display:flex;align-items:center;gap:6px;color:#8ab8e4;font-size:8px;font-weight:600;letter-spacing:.8px}
.october__format i{width:4px;height:4px;border-radius:50%;background:#53e5b4}
.october__body h2{font-family:inherit;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-.3px;margin:9px 0 16px;overflow-wrap:anywhere}
.october__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 7px;margin-top:auto;margin-bottom:16px}
.october__price strong{font-size:23px;letter-spacing:-.5px;line-height:1.2}.october__price small{font-size:10px;color:#b2c4d8}.october__price s{font-size:11px;color:#7b91a9}
.october__buy{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:45px;padding:0 14px;border-radius:10px;background:linear-gradient(115deg,#eef7ff,#c5e3ff);box-shadow:inset 0 1px #fff;color:#0b2642;font-size:12px;font-weight:750}
.october__buy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.october__footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 6px 0;font-size:11px;color:#819db7}
.october__footer a{color:#bbdfff;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:12px}
.october :is(a,button,[tabindex]):focus-visible{outline:2px solid #83d4ff;outline-offset:3px}
.october__empty{padding:40px 20px;text-align:center;border:1px solid #609cd333;border-radius:20px;background:#0c1c2d;font-size:14px}.october__empty p{color:#9db9d3}.october__browse{color:#d2ebff}
@keyframes october-float{0%,100%{translate:0 0;rotate:-8deg}50%{translate:0 -18px;rotate:8deg}}
@keyframes october-spark{0%,100%{opacity:.2;transform:translateY(8px)}50%{opacity:.7;transform:translateY(-14px)}}
.october[data-motion=false] .october__atmosphere *,.october.is-paused .october__atmosphere *,.october.is-paused .controller-decor,.october.is-paused .jason-character *{animation-play-state:paused!important}
@media(max-width:1040px){.october{width:calc(100% - 40px)}.october__header{padding-inline:12px;grid-template-columns:1fr 200px}.october .jason-character{width:185px}.october__rail{grid-auto-columns:calc((100% - 36px)/3);gap:18px}.october .controller-decor--ps4{left:52%;top:160px}.october .controller-decor--ps5{top:0;right:-18px}}
@media(max-width:700px){.october{width:calc(100% - 28px);padding:20px 0 32px}.october__header{grid-template-columns:minmax(0,1fr) 114px;gap:0;padding:0 2px 10px;min-height:235px}.october h1{font-size:clamp(27px,7.9vw,55px);letter-spacing:-.055em;line-height:1.02;margin:17px 0 14px}.october__eyebrow{font-size:7px;letter-spacing:1px;gap:5px}.october__eyebrow i{width:4px;height:4px}.october__copy>p{font-size:12px;line-height:1.5;padding-right:7px}.october__trust{gap:5px 10px;font-size:9px}.october__trust>span+span:before{margin-right:10px}.october__trust>a{flex-basis:100%;width:max-content;border:0}.october .jason-character{width:130px;max-width:none;margin:0 -10px 0 0}.october .jason-character__chip{right:-3px;min-width:101px;padding:6px}.october .jason-character__chip small{font-size:4.5px}.october .jason-character__chip strong{font-size:9px}.october .jason-character__reward{left:-85%;bottom:48%;min-width:178px;max-width:195px}.october__jason-hint{font-size:8px;line-height:1.4;max-width:105px}.october__mascot{align-self:center;padding-top:24px}.october .controller-decor{width:125px;opacity:.27}.october .controller-decor--ps4{left:49%;top:173px}.october .controller-decor--ps5{right:-14px;top:-12px}.october__symbol--triangle{font-size:33px;left:60%;top:5%}.october__symbol--square{right:8%;top:25%;font-size:33px}.october__symbol--circle{top:35%;font-size:43px}.october__symbol--cross{top:52%;font-size:44px}.october__toolbar{margin-top:10px;gap:8px}.october__toolbar>span{font-size:12px}.october__toolbar small{font-size:9px}.october__controls{gap:5px}.october__controls button{min-width:40px;min-height:44px}.october__rail{grid-auto-columns:calc((100% - 12px)/2);gap:12px;padding:14px 2px 20px;margin:0}.october__card{border-radius:15px}.october__cover{padding:7px}.october__body{padding:11px}.october__body h2{font-size:12px;margin-bottom:12px;letter-spacing:-.2px}.october__format{font-size:6px;letter-spacing:.3px;gap:4px}.october__saving{right:7px;top:7px;min-width:48px;padding:7px;border-radius:9px;font-size:19px}.october__saving small{font-size:6px}.october__saving em{font-size:6px}.october__price{gap:3px 5px;margin-bottom:12px}.october__price strong{font-size:19px}.october__price small,.october__price s{font-size:9px}.october__buy{padding:0 10px;font-size:10px}.october__footer{font-size:9px;gap:8px}.october__footer a{gap:6px}}
@media(prefers-reduced-motion:reduce){.october *, .october *:before,.october *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.october__card{transform:none!important}}