.cs-page{--cs-ink:#090e28;--cs-white:#f3f6ff;--cs-cyan:#16bfff;--cs-pink:#ff369a;min-height:100svh;color:var(--cs-white);isolation:isolate;background:#10172f;place-items:center;padding:34px 28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:grid;position:relative;overflow:hidden}.cs-page,.cs-page *{box-sizing:border-box}.cs-page button,.cs-page input{font:inherit}.cs-page button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:0}.cs-page button:focus-visible,.cs-page input:focus-visible,.cs-carousel:focus-visible{outline-offset:5px;outline:3px solid #ffe15a}.cs-page button:disabled{cursor:wait}.cs-sr{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cs-pixel-words{align-items:center;display:inline-flex}.cs-pixel-words canvas,.cs-sprite{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.cs-sprite{width:100%;height:auto}.cs-pixel-words canvas{width:auto;max-width:100%;height:21px}.cs-cabinet{background:#182341;border:4px solid #080f26;width:min(100%,860px);padding:28px 44px 19px;position:relative;box-shadow:0 -4px #3e567b,0 4px #060b21,10px 10px #0a1029}.cs-cabinet:before,.cs-cabinet:after{content:"";width:38%;height:4px;position:absolute;top:-4px}.cs-cabinet:before{background:#16bfff;left:0}.cs-cabinet:after{background:#ff369a;right:0}.cs-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.cs-heading h1{align-items:center;margin:0;font-size:24px;line-height:1;display:flex}.cs-player{color:#ffe15a;letter-spacing:2px;font-size:14px;font-weight:900}.cs-heading-end{background:#ff369a;width:23px;height:4px;box-shadow:0 8px #16bfff}.cs-wall{z-index:-1;background:#18213d;border:4px solid #090e28;width:72px;position:absolute;top:13%;bottom:13%}.cs-wall:before{content:"";background:#0a1129;position:absolute;inset:12px 20px;box-shadow:-5px 0 #273653,5px 0 #273653}.cs-wall-left{left:calc(50% - 535px)}.cs-wall-right{right:calc(50% - 535px)}.cs-wall-left:after,.cs-wall-right:after{content:"";background:#16bfff;width:6px;position:absolute;top:28px;bottom:28px;left:29px;box-shadow:4px 0 #066b99}.cs-wall-right:after{background:#ff369a;box-shadow:4px 0 #9b245f}.cs-carousel{touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;height:306px;margin:20px -20px 0;position:relative}.cs-floor{clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);background:repeating-linear-gradient(0deg,#0000 0 31px,#14203d 31px 33px),repeating-linear-gradient(90deg,#1c2b4b 0 39px,#14203d 39px 41px);border-top:3px solid #243758;position:absolute;inset:56% -24px 0}.cs-side-character{width:110px;box-shadow:none;color:inherit;opacity:.55;z-index:2;background:0 0;border:0;padding:0;transition:opacity .15s,transform .15s;position:absolute;top:89px}.cs-side-character:hover{opacity:1;transform:translateY(-4px)}.cs-previous{left:10%}.cs-next{right:10%}.cs-side-character .cs-sprite{width:110px}.cs-small-platform{background:#293d61;border:3px solid #0c1630;height:11px;margin:5px 0 0;display:block;box-shadow:0 4px #0d1731}.cs-main-character{z-index:3;width:230px;position:absolute;top:13px;bottom:0;left:50%;transform:translate(-50%)}.cs-hero{width:188px;height:188px;box-shadow:none;z-index:4;background:0 0;border:0;padding:0;position:absolute;bottom:50px;left:21px}.cs-hero:hover{filter:brightness(1.06)}.cs-hero-body{width:100%;display:block}.cs-main-platform{background:#2e4770;border:4px solid #090f29;height:31px;position:absolute;bottom:27px;left:0;right:0;box-shadow:0 9px #101a35,0 13px #080e25}.cs-main-platform:before{content:"";background:var(--cs-selected);height:4px;position:absolute;top:0;left:0;right:0}.cs-main-platform:after{content:"";background:var(--cs-selected);height:4px;position:absolute;bottom:4px;left:43%;right:43%}.cs-shadow{z-index:2;clip-path:polygon(10% 0,90% 0,100% 40%,100% 60%,90% 100%,10% 100%,0 60%,0 40%);background:#0b1731;width:118px;height:11px;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.cs-focus-corners{pointer-events:none;position:absolute;inset:12px 14px 65px}.cs-focus-corners i{border:0 solid var(--cs-selected);opacity:.65;width:13px;height:13px;position:absolute}.cs-focus-corners i:first-child{border-top-width:3px;border-left-width:3px;top:0;left:0}.cs-focus-corners i:nth-child(2){border-top-width:3px;border-right-width:3px;top:0;right:0}.cs-focus-corners i:nth-child(3){border-bottom-width:3px;border-left-width:3px;bottom:0;left:0}.cs-focus-corners i:nth-child(4){border-bottom-width:3px;border-right-width:3px;bottom:0;right:0}.cs-chevron{color:#e4efff;z-index:5;background:#223456;border:2px solid #506888;place-items:center;width:46px;height:50px;padding:0;display:grid;position:absolute;top:142px;box-shadow:3px 3px #090e28}.cs-chevron:active{box-shadow:none;transform:translate(2px,2px)}.cs-chevron-left{left:0}.cs-chevron-right{right:0}.cs-arrow-left{transform:rotate(180deg)}.cs-browse-footer{justify-content:center;align-items:center;height:45px;margin-top:-7px;display:flex;position:relative}.cs-dots{gap:1px;display:flex}.cs-dots button{width:34px;height:44px;box-shadow:none;background:0 0;border:0;place-items:center;padding:12px;display:grid}.cs-dots button span{background:#52688a;width:7px;height:7px}.cs-dots button[aria-pressed=true] span{background:var(--cs-selected);box-shadow:0 0 0 2px #090e28,0 0 0 4px var(--cs-selected)}.cs-turn{box-shadow:none;color:#acbfde;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:0;right:0}.cs-turn:hover{color:#fff}.cs-customize{justify-content:space-between;gap:24px;margin:21px 0 25px;display:flex}.cs-customize fieldset{border:0;min-width:0;margin:0;padding:0}.cs-customize legend{letter-spacing:2px;color:#acbfde;margin:0 0 11px;padding:0;font-size:10px;font-weight:700}.cs-color-options{gap:3px;display:flex}.cs-color-options button{width:42px;height:46px;box-shadow:none;background:0 0;border:2px solid #0000;place-items:center;padding:6px;display:grid}.cs-color-options button span{background:var(--swatch);border:3px solid #0a112a;width:26px;height:26px;display:block;box-shadow:inset 3px 3px #ffffff30,inset -3px -3px #00000025}.cs-color-options button[aria-pressed=true]{border-color:var(--cs-white)}.cs-accessory-options{gap:8px;display:flex}.cs-accessory-options button{background:#101a33;border:2px solid #30466b;justify-content:center;align-items:center;width:54px;height:48px;padding:7px 3px 5px;display:flex;box-shadow:2px 2px #0a1128}.cs-accessory-options button[aria-pressed=true]{background:#243452;border-color:#ff62b0;box-shadow:0 3px #841d57}.cs-accessory-options button:hover{border-color:#acbfde}.cs-confirm{grid-template-columns:1fr 240px;gap:14px;display:grid}.cs-confirm input{color:#f3f6ff;background:#0f1830;border:2px solid #4b638a;border-radius:0;width:100%;min-width:0;height:56px;padding:0 16px;font-size:16px;line-height:1.2;display:block;box-shadow:inset 3px 3px #0a1027}.cs-confirm input::placeholder{color:#a9b9d4;opacity:1}.cs-play{color:#0a112a;background:#16bfff;border:3px solid #0781b1;border-color:#70ddff #0781b1 #0781b1 #70ddff;justify-content:center;align-items:center;min-height:56px;padding:10px 12px;display:flex;box-shadow:4px 4px #080f25}.cs-play .cs-pixel-words{filter:brightness(0)saturate()invert(6%)sepia(33%)saturate(2300%)hue-rotate(194deg)}.cs-play .cs-pixel-words canvas{height:14px}.cs-play:hover{background:#59d4ff}.cs-play:active{transform:translate(3px,3px);box-shadow:1px 1px #080f25}.cs-play.cs-ready{color:#071d21;background:#25d3ac;border-color:#8ff5cf}.cs-announcement{text-align:center;color:#9ff5d9;height:22px;margin-top:14px;font-size:12px;line-height:22px}.cs-ready-check{color:#ffe15a}.cs-hop{animation:.46s steps(8,end) cs-jump}@keyframes cs-jump{0%,to{transform:translateY(0)}45%{transform:translateY(-34px)}65%{transform:translateY(-27px)}}.cs-arrive-right{animation:.2s steps(6,end) cs-arrive-right}.cs-arrive-left{animation:.2s steps(6,end) cs-arrive-left}@keyframes cs-arrive-right{0%{opacity:.4;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes cs-arrive-left{0%{opacity:.4;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}@media (width<=720px){.cs-page{padding:20px 12px}.cs-cabinet{max-width:480px;padding:23px 20px 12px}.cs-pixel-words canvas{height:14px}.cs-heading{gap:8px}.cs-heading h1{font-size:18px}.cs-player{font-size:12px}.cs-heading-end{width:16px}.cs-carousel{height:290px;margin:21px -12px 0}.cs-side-character{opacity:.42;width:80px;top:105px}.cs-side-character .cs-sprite{width:80px}.cs-previous{left:0}.cs-next{right:0}.cs-chevron{width:44px;height:44px;top:142px}.cs-chevron-left{left:1px}.cs-chevron-right{right:1px}.cs-main-character{width:190px}.cs-hero{width:168px;height:168px;left:11px}.cs-main-platform{left:2px;right:2px}.cs-focus-corners{top:24px;left:5px;right:5px}.cs-floor{left:-8px;right:-8px}.cs-customize{gap:21px;margin:17px 0 24px;display:grid}.cs-customize legend{margin-bottom:10px}.cs-color-options{gap:7px}.cs-color-options button{width:44px;height:44px}.cs-color-options button span{width:29px;height:29px}.cs-accessory-options{gap:12px}.cs-accessory-options button{width:59px;height:49px}.cs-confirm{grid-template-columns:1fr;gap:12px}.cs-confirm input{height:51px}.cs-play{min-height:54px}.cs-play .cs-pixel-words canvas{height:14px}.cs-announcement{margin-top:10px}.cs-wall{display:none}}@media (width<=370px){.cs-cabinet{padding-left:14px;padding-right:14px}.cs-color-options{gap:4px}.cs-carousel{margin-left:-8px;margin-right:-8px}.cs-main-character{width:172px}.cs-hero{width:156px;height:156px;left:8px}.cs-previous{left:-6px}.cs-next{right:-6px}.cs-side-character,.cs-side-character .cs-sprite{width:70px}.cs-customize{gap:18px}}@media (prefers-reduced-motion:reduce){.cs-page *{transition:none!important;animation:none!important}}.cs-hero{width:224px;height:224px;left:3px}.cs-side-character,.cs-side-character .cs-sprite{width:96px}.cs-customize{gap:18px;display:grid}.cs-color-options{flex-wrap:wrap}.cs-accessory-options{flex-wrap:wrap;gap:8px}.cs-accessory-options button{flex:0 0 72px;width:72px;height:72px;padding:2px}.cs-accessory-options .cs-sprite{width:64px;height:64px}.cs-room{grid-column:1/-1}.cs-error{color:#ffb5d7;margin:14px 0 0;font-size:14px;line-height:1.5}@media (width<=720px){.cs-hero{width:192px;height:192px;left:-1px}.cs-side-character,.cs-side-character .cs-sprite{width:64px}}@media (width<=370px){.cs-hero{left:-10px}}