@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Variable.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}:root{--navy:#07163d;--paper:#fbfaf5;--white:#fff;--cyan:#00bfff;--yellow:#ffdd1f;--magenta:#ff3fa4;--lime:#5fdd2e;--online:#22c55e;--teal:#00799e;--muted:#52617a;--pop:cubic-bezier(.34, 1.56, .64, 1);--glide:cubic-bezier(.22, 1, .36, 1);--font:"Plus Jakarta Sans", system-ui, sans-serif}@view-transition{navigation:auto}*{box-sizing:border-box;margin:0}html{overflow-x:clip}body{font-family:var(--font);color:var(--navy);background:var(--paper);min-height:100vh}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--navy);color:var(--white);padding:10px 16px;font-weight:700;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}
.arcade{position:relative;overflow-x:clip}.wrap{z-index:1;max-width:1240px;margin:0 auto;padding:0 24px;position:relative}@keyframes pop-in{0%{opacity:0;transform:translateY(28px)scale(.9)rotate(-2deg)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-24px)}}.enter{animation:pop-in .7s var(--pop) both;animation-delay:calc(var(--i,0) * 70ms + .15s)}.site-header{animation:drop-in .6s var(--glide) both;align-items:center;gap:24px;padding:20px 0;display:flex}.brand{white-space:nowrap;align-items:center;font-weight:800;text-decoration:none;display:flex}.brand-by{margin-top:6px;font-size:13px;font-weight:700}.brand-wordmark{width:auto;height:52px;margin:0 -4px 0 -6px}.brand-games{letter-spacing:-.04em;margin-left:14px;font-size:30px}.search{border:3px solid var(--navy);background:var(--white);max-width:460px;box-shadow:4px 4px 0 var(--navy);transition:transform .25s var(--pop), box-shadow .25s var(--pop);border-radius:999px;flex:1;align-items:center;gap:10px;margin:0 auto;padding:10px 18px;display:flex}.search:focus-within{box-shadow:7px 7px 0 var(--cyan);transform:translate(-2px,-2px)scale(1.02)}.search input{font:inherit;color:inherit;appearance:none;background:0 0;border:0;outline:0;flex:1;min-width:0;font-weight:500}.search input::-webkit-search-cancel-button{appearance:none}.header-end{justify-content:flex-end;align-items:center;gap:16px;min-width:110px;display:flex}.online{letter-spacing:0;white-space:nowrap;vertical-align:middle;align-items:center;gap:7px;font-size:15px;font-weight:800;display:inline-flex}.online-dot{border:2px solid var(--navy);background:var(--online);border-radius:50%;flex:none;width:12px;height:12px;position:relative}.online-dot:after{content:"";border:2px solid var(--online);border-radius:50%;animation:2.4s ease-out infinite online-pulse;position:absolute;inset:-2px}@keyframes online-pulse{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(2.3)}}.title-row{flex-wrap:wrap;justify-content:center;align-items:baseline;display:flex}.game-info .title-row,.more-card .title-row{justify-content:flex-start}.online-header{border:3px solid var(--navy);background:var(--white);border-radius:999px;padding:7px 14px}.online-card{margin-left:10px}.online-card .online-word{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.online-title{margin-left:16px;font-size:16px}.btn{border:3px solid var(--navy);background:var(--yellow);box-shadow:4px 4px 0 var(--navy);text-align:center;transition:transform .2s var(--pop), box-shadow .2s var(--pop);border-radius:14px;padding:10px 22px;font-weight:800;text-decoration:none;display:inline-block}.btn:hover{box-shadow:7px 8px 0 var(--navy);transform:translate(-2px,-3px)rotate(-1.5deg)}.btn:active{box-shadow:1px 1px 0 var(--navy);transform:translate(3px,3px)scale(.96)}.btn-cyan{background:var(--cyan)}.account{align-items:center;gap:18px;display:flex}.account-link{font-weight:800}.account-menu{position:relative}.account-button{background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;padding:4px;font-weight:800;display:flex}.avatar{border:3px solid var(--navy);background:var(--cyan);border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.menu{z-index:20;background:var(--white);border:3px solid var(--navy);min-width:150px;box-shadow:4px 4px 0 var(--navy);animation:pop-in .25s var(--pop) both;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.menu button{text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:10px 12px;font-weight:700}.menu button:hover,.menu button:focus-visible{background:var(--yellow)}.notice{border:3px solid var(--navy);animation:pop-in .4s var(--pop) both;background:#fff3a6;border-radius:16px;align-items:center;gap:14px;margin-bottom:8px;padding:10px 16px;font-weight:700;display:flex}.notice p{flex:1}.notice-mark{border:3px solid var(--navy);background:var(--yellow);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.notice-retry{background:var(--navy);color:var(--white);white-space:nowrap;border-radius:12px;padding:8px 18px;text-decoration:none}.notice-close{background:0 0;border:0;padding:8px;display:grid}.decorations{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.deco{-webkit-text-stroke:2px var(--navy);animation:drift var(--d,7s) ease-in-out infinite alternate;animation-delay:var(--delay,0s);font-size:40px;font-weight:800;line-height:1;position:absolute}@keyframes drift{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--dx,18px), var(--dy,-26px)) rotate(var(--dr,40deg))}}.stage{border-radius:24px;height:560px;margin-top:8px;position:relative}.marquee{z-index:0;width:100vw;margin-left:-50vw;position:absolute;top:10px;left:50%;overflow:hidden}.marquee-track{width:max-content;animation:34s linear infinite scroll;display:flex}.marquee span{letter-spacing:-.03em;-webkit-text-stroke:10px var(--navy);paint-order:stroke fill;text-shadow:9px 9px 0 var(--navy);animation:2.4s ease-in-out infinite bob;animation-delay:calc(var(--n) * -.4s);padding:0 28px;font-size:190px;font-weight:800;line-height:1.15;display:inline-block}.marquee span:nth-child(3n+1){color:var(--cyan)}.marquee span:nth-child(3n+2){color:var(--yellow)}.marquee span:nth-child(3n){color:var(--magenta)}@keyframes scroll{to{transform:translate(-50%)}}@keyframes bob{50%{transform:translateY(-14px)rotate(-2deg)}}.flow{perspective:1400px;z-index:2;position:absolute;inset:120px 0 60px}.fcard{border:4px solid var(--navy);background:var(--white);width:270px;height:370px;box-shadow:8px 8px 0 var(--navy);text-align:center;cursor:pointer;transition:transform .75s var(--pop), filter .5s, box-shadow .5s;transform:translateX(calc(var(--o) * 205px)) translateY(calc(var(--a) * 34px)) scale(calc(1 - var(--a) * .15)) rotateY(calc(var(--o) * -16deg)) rotate(calc(var(--o) * 2.5deg));filter:saturate(calc(1 - var(--a) * .12));border-radius:26px;flex-direction:column;margin-left:-135px;display:flex;position:absolute;top:0;left:50%;overflow:hidden}.fcard img{object-fit:cover;border-bottom:4px solid var(--navy);width:100%;height:215px;display:block}.fcard h2{letter-spacing:-.02em;margin-top:12px;font-size:22px;font-weight:800}.fcard p{font-size:14px;font-weight:500}.fcard .btn{pointer-events:none;margin:10px 18px 16px}.fcard.active{cursor:default;box-shadow:12px 14px 0 var(--navy);animation:3s ease-in-out infinite breathe}.fcard.active .btn{pointer-events:auto}@keyframes breathe{50%{translate:0 -8px}}.arrow{z-index:12;border:3px solid var(--navy);background:var(--cyan);width:54px;height:54px;box-shadow:4px 4px 0 var(--navy);transition:transform .2s var(--pop);border-radius:50%;place-items:center;display:grid;position:absolute;top:280px}.arrow:hover{transform:scale(1.18)rotate(-8deg)}.arrow:active{transform:scale(.9)}.arrow.prev{left:0}.arrow.next{right:0}.dots{z-index:12;justify-content:center;gap:10px;display:flex;position:absolute;bottom:14px;left:0;right:0}.dots button{border:3px solid var(--navy);background:var(--white);width:14px;height:14px;transition:width .4s var(--pop), background .3s;border-radius:99px;padding:0;position:relative}.dots button:after{content:"";position:absolute;inset:-12px -5px}.dots button.on{background:var(--cyan);width:38px}.confetti{z-index:1;pointer-events:none;-webkit-text-stroke:2px var(--navy);font-size:30px;font-weight:800;position:absolute;top:300px;left:50%}.section-title{letter-spacing:-.04em;margin-top:28px;font-size:46px;font-weight:800}.chips{flex-wrap:wrap;gap:12px;margin:18px 0 28px;display:flex}.chip{border:3px solid var(--navy);background:var(--white);box-shadow:3px 3px 0 var(--navy);white-space:nowrap;transition:transform .25s var(--pop), background .2s, box-shadow .25s var(--pop);border-radius:14px;padding:9px 22px;font-weight:700}.chip:hover{transform:translateY(-3px)rotate(-2deg)}.chip.on{background:var(--cyan);box-shadow:5px 5px 0 var(--navy);transform:scale(1.06)rotate(-1deg)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;min-height:340px;display:grid}.card{border:4px solid var(--navy);background:var(--white);text-align:center;box-shadow:7px 7px 0 var(--navy);transition:transform .35s var(--pop), box-shadow .35s var(--pop);transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0));border-radius:26px;padding:12px 12px 16px}.card:hover{--lift:-10px;box-shadow:14px 18px 0 var(--navy);z-index:3}.thumb{border:3px solid var(--navy);aspect-ratio:4/3;border-radius:16px;overflow:hidden}.card img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--glide);display:block}.card:hover img{transform:scale(1.12)rotate(1.5deg)}.card h3{letter-spacing:-.02em;margin-top:12px;font-size:21px;font-weight:800}.card p{margin-bottom:10px;font-size:14px;font-weight:500}.card .btn{display:block}.card:hover .btn{animation:wiggle .5s var(--pop)}@keyframes wiggle{30%{transform:rotate(-3deg)scale(1.04)}60%{transform:rotate(2deg)}}.empty{text-align:center;grid-column:1/-1;padding:60px 0}.empty p{letter-spacing:-.02em;overflow-wrap:anywhere;margin-bottom:20px;font-size:28px;font-weight:800}.site-footer{border-top:3px solid var(--navy);justify-content:center;gap:28px;margin-top:70px;padding:22px 0 40px;font-weight:700;display:flex}.game{padding-bottom:20px}.back{align-items:center;gap:8px;margin:6px 0 14px;padding:8px 0;font-weight:800;display:inline-flex}.game-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px;display:grid}.screen{view-transition-name:game-hero;border:4px solid var(--navy);aspect-ratio:var(--aspect,16 / 9);box-shadow:10px 10px 0 var(--navy);background:var(--navy);border-radius:28px;position:relative;overflow:hidden}.screen iframe,.screen-art{object-fit:cover;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.screen-art{opacity:.55}.soon{background:var(--yellow);border:4px solid var(--navy);white-space:nowrap;box-shadow:7px 7px 0 var(--navy);animation:stamp .7s var(--pop) .35s both, sway 3s ease-in-out 1.1s infinite;border-radius:18px;padding:14px 34px;font-size:clamp(22px,4vw,34px);font-weight:800;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-4deg}@keyframes stamp{0%{opacity:0;rotate:14deg;scale:2.4}}@keyframes sway{50%{rotate:3deg}}.screen-message{color:var(--white);text-align:center;place-content:center;justify-items:center;gap:18px;padding:20px;font-size:22px;font-weight:800;display:grid;position:absolute;inset:0}.screen-message .btn{color:var(--navy)}.controls{z-index:2;gap:10px;display:flex;position:absolute;bottom:16px;right:16px}.control{border:3px solid var(--navy);background:var(--white);width:46px;height:46px;box-shadow:3px 3px 0 var(--navy);transition:transform .2s var(--pop), background .2s;border-radius:50%;place-items:center;display:grid}.control:hover{transform:scale(1.15)rotate(-6deg)}.control[aria-pressed=true]{background:var(--cyan)}.game-info h1{letter-spacing:-.04em;margin-top:26px;font-size:clamp(34px,5vw,52px);font-weight:800}.game-genre{margin:4px 0 10px;font-weight:700}.game-info>*{animation:pop-in .6s var(--pop) both}.game-info>:nth-child(2){animation-delay:80ms}.game-info>:nth-child(3){animation-delay:.16s}.about{border:3px solid var(--navy);background:var(--white);box-shadow:5px 5px 0 var(--navy);border-radius:20px;margin-top:28px;padding:24px 26px}.about h2{letter-spacing:-.03em;margin-bottom:10px;font-size:30px;font-weight:800}.about h3{margin:22px 0 10px;font-size:18px;font-weight:800}.about p{max-width:68ch}.facts div,.keys div{border-top:2px solid color-mix(in srgb, var(--navy) 14%, transparent)}.facts div{grid-template-columns:150px 1fr;gap:16px;padding:9px 0;display:grid}.facts dt,.keys dt{font-weight:800}.keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;display:grid}.keys div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:8px 0;display:flex}.keys dd,.key-group{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.about kbd{font:inherit;text-align:center;border:2px solid var(--navy);background:var(--yellow);min-width:30px;box-shadow:2px 2px 0 var(--navy);border-radius:8px;padding:3px 8px;font-size:14px;font-weight:800}.about-note{margin-top:16px;font-size:14px;font-weight:500}.more h2{letter-spacing:-.03em;margin-bottom:14px;font-size:30px;font-weight:800}.more-card{border:3px solid var(--navy);background:var(--white);box-shadow:5px 5px 0 var(--navy);transition:transform .3s var(--pop);border-radius:20px;grid-template-columns:130px 1fr;align-items:center;gap:12px;margin-bottom:16px;padding:10px;display:grid}.more-card:hover{transform:translate(-3px,-4px)rotate(-1deg)}.more-card img{aspect-ratio:4/3;object-fit:cover;border:3px solid var(--navy);border-radius:12px;width:100%;height:auto;display:block}.more-card h3{font-size:18px;font-weight:800}.more-card p{margin-bottom:8px;font-size:13px;font-weight:500}.more-card .btn{padding:6px 18px}.theater .game-layout{grid-template-columns:minmax(0,1fr)}.theater .screen{width:100vw;box-shadow:none;aspect-ratio:auto;height:min(78vh, calc(100vw / var(--aspect,1.7778)));border-left:0;border-right:0;border-radius:0;margin-left:calc(50% - 50vw)}.theater .more{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 20px;display:grid}.theater .more h2{grid-column:1/-1}.screen:fullscreen{aspect-ratio:auto;border:0;border-radius:0;width:100vw;height:100vh;margin:0}.screen.fill{z-index:1000;width:100vw;height:100dvh;box-shadow:none;aspect-ratio:auto;border:0;border-radius:0;margin:0;position:fixed;inset:0}html.game-fill{overflow:hidden}.screen.fill .controls,.screen:fullscreen .controls{top:max(8px, env(safe-area-inset-top));bottom:auto;left:calc(50% + 44px);right:auto}.screen.fill .control,.screen:fullscreen .control{width:36px;height:36px;box-shadow:none;opacity:.85}.screen.fill .theater-control{display:none}.play-cover{z-index:1;background:#10102073;border:0;place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.missing{text-align:center;padding:60px 0 20px}.missing-code{letter-spacing:-.04em;-webkit-text-stroke:12px var(--navy);paint-order:stroke fill;text-shadow:10px 10px 0 var(--navy);font-size:clamp(120px,26vw,260px);font-weight:800;line-height:1}.missing-code span{animation:2.4s ease-in-out infinite bob;display:inline-block}.missing-code span:first-child{color:var(--cyan)}.missing-code span:nth-child(2){color:var(--yellow);animation-delay:-.5s}.missing-code span:nth-child(3){color:var(--magenta);animation-delay:-1s}.missing h1{letter-spacing:-.04em;margin:18px 0 26px;font-size:clamp(32px,6vw,56px);font-weight:800}.legal{max-width:760px;padding:20px 0;line-height:1.65}.legal h1{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(34px,5vw,52px);font-weight:800}.legal h2{margin:28px 0 8px;font-size:22px;font-weight:800}.legal p,.legal ul{margin-bottom:12px}.legal .updated{font-weight:700}::view-transition-group(*){animation-duration:.55s;animation-timing-function:cubic-bezier(.34,1.3,.64,1)}@media (max-width:960px){.game-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.about{padding:18px 16px}.facts div{grid-template-columns:1fr;gap:2px}.keys{grid-template-columns:1fr}.wrap{padding:0 16px}.site-header{flex-wrap:wrap;justify-content:space-between;gap:12px}.search{flex-basis:100%;order:3;max-width:none}.header-end{gap:10px;min-width:0}.online-header{background:0 0;border:0;padding:0}.header-end .btn{padding:10px 16px}.online-header .online-word{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.brand-wordmark{height:44px}.brand-games{margin-left:8px;font-size:24px}.account-name,.account-link{font-size:14px}.stage{height:500px}.marquee span{-webkit-text-stroke-width:7px;font-size:110px}.fcard{width:220px;height:330px;transform:translateX(calc(var(--o) * 150px)) scale(calc(1 - var(--a) * .16)) rotate(calc(var(--o) * 3deg));margin-left:-110px}.fcard img{height:180px}.arrow{display:none}.section-title{font-size:36px}.chips{flex-wrap:nowrap;margin-inline:-16px;padding:4px 16px 10px;overflow-x:auto}.grid{grid-template-columns:minmax(0,1fr)}.theater-control{display:none}.notice{flex-wrap:wrap}.notice p{flex-basis:calc(100% - 100px)}}@media (prefers-reduced-motion:reduce){.arcade *,.arcade :before,.arcade :after{transition-duration:10ms!important;animation:none!important}::view-transition-group(*){transition-duration:10ms!important;animation:none!important}::view-transition-old(*){transition-duration:10ms!important;animation:none!important}::view-transition-new(*){transition-duration:10ms!important;animation:none!important}@view-transition{navigation:none}}