.site-nav{position:sticky;top:0;z-index:50;background:var(--moku-teal);border-bottom:4px solid var(--moku-black);transition:box-shadow .2s ease}.site-nav.scrolled{box-shadow:0 6px 0 rgba(41,37,34,.12)}.site-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.site-nav__inner--centered{display:grid;grid-template-columns:1fr auto 1fr}.site-nav__logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;justify-self:start}.site-nav__logo img{height:42px;display:block}.site-nav__links{display:flex;align-items:center;gap:clamp(16px,2.6vw,34px);justify-self:center}.site-nav__links a{font-family:var(--moku-font-heading);font-weight:800;font-size:15px;color:var(--moku-black);text-decoration:none;position:relative;letter-spacing:.3px;white-space:nowrap}.site-nav__links a:after{content:"";position:absolute;left:0;bottom:-6px;height:3px;width:0;background:var(--moku-black);transition:width .2s cubic-bezier(.34,1.56,.64,1)}.site-nav__links a.is-active:after,.site-nav__links a:hover:after{width:100%}.site-nav__cta{display:flex;align-items:center;gap:10px;justify-self:end}.site-nav__buy{font-family:var(--moku-font-heading);font-weight:800;font-size:15px;white-space:nowrap;text-decoration:none;cursor:pointer;color:var(--moku-black);background:var(--moku-yellow);border:4px solid var(--moku-black);border-radius:var(--moku-radius-pill);padding:11px 22px;box-shadow:4px 4px 0 var(--moku-black);transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s cubic-bezier(.34,1.56,.64,1)}.site-nav__buy:hover{transform:translate(-2px,-2px) rotate(-1.5deg);box-shadow:6px 6px 0 var(--moku-black)}.site-nav .moku-play__login{font-size:13px;padding:7px 15px;box-shadow:3px 3px 0 var(--moku-black)}@media (max-width:760px){.site-nav__links{display:none}.site-nav__inner--centered{display:flex}}body:has(.moku-play){background:var(--moku-black)}.moku-play{--border:3px solid var(--moku-black);--border-thick:4px solid var(--moku-black);--shadow:6px 6px 0 var(--moku-black);--shadow-sm:4px 4px 0 var(--moku-black);--shadow-lg:10px 10px 0 var(--moku-black);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);min-height:100vh;background:var(--moku-black);color:var(--moku-white);font-family:var(--moku-font-body)}.moku-play a{color:inherit}.moku-play .wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.moku-play__nav{position:sticky;top:0;z-index:50;background:var(--moku-teal);border-bottom:var(--border-thick)}.moku-play__nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.moku-play__logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.moku-play__logo img{height:40px;display:block}.moku-play__links,.moku-play__nav-right{display:flex;align-items:center;gap:clamp(14px,3vw,26px)}.moku-play__links a{font-family:var(--moku-font-heading);font-weight:800;font-size:15px;color:var(--moku-black);text-decoration:none}.moku-play__links a.is-active{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}.moku-play__login{font-family:var(--moku-font-heading);font-weight:800;font-size:14px;cursor:pointer;color:var(--moku-white);background:var(--moku-black);border:var(--border-thick);border-radius:var(--moku-radius-pill);padding:9px 20px;box-shadow:var(--shadow-sm);transition:transform .12s var(--ease-bounce),box-shadow .12s var(--ease-bounce)}.moku-play__login:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.moku-play__login.is-in{background:var(--moku-white);color:var(--moku-black)}.moku-auth{position:relative}.moku-auth__menu{position:absolute;top:calc(100% + 12px);right:0;z-index:60;width:min(320px,86vw);gap:10px;padding:16px;background:var(--moku-white);color:var(--moku-black);border:var(--border-thick);border-radius:var(--moku-radius-lg);box-shadow:var(--shadow)}.moku-auth__head,.moku-auth__menu{display:flex;flex-direction:column}.moku-auth__head{gap:2px;padding-bottom:2px}.moku-auth__head strong{font-family:var(--moku-font-display);font-size:20px;line-height:1.1;color:var(--moku-black)}.moku-auth__head span{font-family:var(--moku-font-body);font-size:12.5px;color:rgba(41,37,34,.6)}.moku-auth__providers{display:flex;flex-direction:column;gap:8px}.moku-auth__provider{display:flex;align-items:center;gap:12px;width:100%;cursor:pointer;text-align:left;font-family:var(--moku-font-heading);font-weight:800;font-size:14px;color:var(--moku-black);background:var(--moku-white);border:3px solid var(--moku-black);border-radius:14px;padding:11px 14px;box-shadow:var(--shadow-sm);transition:transform .12s var(--ease-bounce),box-shadow .12s var(--ease-bounce),background .12s}.moku-auth__provider:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow);background:#fff7e6}.moku-auth__provider:disabled{opacity:.55;cursor:default}.moku-auth__provider.is-primary{background:var(--moku-teal)}.moku-auth__provider-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 auto}.moku-auth__provider-ico img{border-radius:6px}.moku-auth__provider-label{flex:1 1 auto}.moku-auth__spin{width:14px;height:14px;border:2px solid rgba(0,0,0,.25);border-top:2px solid var(--moku-black);border-radius:50%;animation:moku-auth-spin .6s linear infinite;flex:0 0 auto}@keyframes moku-auth-spin{to{transform:rotate(1turn)}}.moku-auth__divider{display:flex;align-items:center;gap:10px;margin:2px 0;font-family:var(--moku-font-heading);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:rgba(41,37,34,.55)}.moku-auth__divider:after,.moku-auth__divider:before{content:"";flex:1;height:2px;background:var(--moku-black);opacity:.14}.moku-auth__link{align-self:center;background:none;border:none;cursor:pointer;font-family:var(--moku-font-body);font-size:12px;text-decoration:underline;color:var(--moku-black);opacity:.7}.moku-auth__link:hover{opacity:1}.moku-auth__err{margin:2px 0 0;font-family:var(--moku-font-body);font-size:12px;color:var(--moku-pink)}.moku-auth__opt{font-family:var(--moku-font-heading);font-weight:800;font-size:14px;cursor:pointer;width:100%;color:var(--moku-black);background:var(--moku-white);border:3px solid var(--moku-black);border-radius:var(--moku-radius-pill);padding:10px 14px;box-shadow:var(--shadow-sm);transition:transform .12s var(--ease-bounce),box-shadow .12s var(--ease-bounce)}.moku-auth__opt:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow)}.moku-auth__opt:disabled{opacity:.6;cursor:default}.moku-arcade-hero{position:relative;overflow:hidden;background:var(--moku-black);color:var(--moku-white);border-bottom:var(--border-thick);padding:62px 0 66px}.moku-arcade-hero__puff{position:absolute;z-index:1;pointer-events:none;filter:drop-shadow(3px 6px 5px rgba(0,0,0,.3));animation:mokuFloaty 6s ease-in-out infinite}.moku-arcade-hero__inner{position:relative;z-index:2;text-align:center}.moku-arcade-hero h1{font-family:var(--moku-font-display);font-size:clamp(56px,11vw,120px);color:var(--moku-teal);margin:16px 0 0;line-height:.92}.moku-arcade-hero h1 .stroke{color:transparent;-webkit-text-stroke:3px var(--moku-teal)}.moku-arcade-hero p{font-size:20px;font-weight:500;max-width:46ch;margin:20px auto 0;opacity:.82}.moku-arcade-hero__stats{display:inline-flex;gap:34px;margin-top:30px;flex-wrap:wrap;justify-content:center}.moku-arcade-hero__stat b{font-family:var(--moku-font-display);font-size:34px;display:block;line-height:1;color:var(--moku-yellow)}.moku-arcade-hero__stat span{font-family:var(--moku-font-heading);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.6px;opacity:.6}.moku-arcade{background:var(--moku-black);padding:70px 0 96px;min-height:60vh}.moku-arcade__heading{font-family:var(--moku-font-display);font-size:clamp(28px,4vw,40px);color:var(--moku-white);margin:0 0 20px}.moku-arcade__filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}.moku-chip{font-family:var(--moku-font-heading);font-weight:800;font-size:14px;cursor:pointer;padding:9px 18px;border-radius:var(--moku-radius-pill);border:2px solid rgba(255,255,255,.24);background:rgba(255,255,255,.06);color:var(--moku-white);transition:transform .1s var(--ease-bounce),background .1s,color .1s}.moku-chip:hover{transform:translate(-2px,-2px);background:rgba(255,255,255,.14)}.moku-chip.is-active{background:var(--moku-teal);color:var(--moku-black);border-color:var(--moku-black);box-shadow:3px 3px 0 rgba(0,0,0,.45)}.moku-arcade__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.moku-card{--cshadow:var(--moku-teal);position:relative;display:flex;flex-direction:column;text-align:left;background:var(--moku-white);color:var(--moku-black);border:var(--border-thick);border-radius:var(--moku-radius-lg);box-shadow:6px 6px 0 var(--cshadow);overflow:hidden;cursor:pointer;padding:0;font:inherit;width:100%;text-decoration:none;transition:transform .15s var(--ease-bounce),box-shadow .15s var(--ease-bounce)}.moku-arcade__grid .moku-card:nth-child(4n+2){--cshadow:var(--moku-yellow)}.moku-arcade__grid .moku-card:nth-child(4n+3){--cshadow:var(--moku-pink)}.moku-arcade__grid .moku-card:nth-child(4n+4){--cshadow:var(--moku-purple)}.moku-card:hover{transform:translate(-4px,-4px) rotate(-.6deg);box-shadow:11px 11px 0 var(--cshadow)}.moku-card.is-soon{cursor:default}.moku-card.is-soon:hover{transform:none;box-shadow:6px 6px 0 var(--cshadow)}.moku-card__thumb{position:relative;aspect-ratio:16/10;border-bottom:var(--border-thick);overflow:hidden;background:var(--moku-grey)}.moku-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s var(--ease-bounce)}.moku-card:hover .moku-card__thumb img{transform:scale(1.05)}.moku-card__tag{left:13px;background:var(--moku-black);color:var(--moku-white);padding:5px 12px;border-radius:var(--moku-radius-pill)}.moku-card__ribbon,.moku-card__tag{position:absolute;top:13px;z-index:3;font-family:var(--moku-font-heading);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.moku-card__ribbon{right:13px;background:var(--moku-yellow);color:var(--moku-black);border:2px solid var(--moku-black);padding:4px 12px;border-radius:var(--moku-radius-pill);transform:rotate(4deg)}.moku-card__play{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;background:rgba(41,37,34,.35)}.moku-card:hover .moku-card__play{opacity:1}.moku-card__play span{width:74px;height:74px;border-radius:50%;background:var(--moku-teal);border:var(--border-thick);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;padding-left:6px}.moku-card__play svg{width:30px;height:30px}.moku-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px;flex:1}.moku-card__title{font-family:var(--moku-font-display);font-size:28px;color:var(--moku-black)}.moku-card__desc{font-size:15px;font-weight:500;color:var(--moku-black);opacity:.74;flex:1}.moku-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}.moku-card__status{font-family:var(--moku-font-heading);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.4px;display:inline-flex;align-items:center;gap:7px}.moku-dot{width:10px;height:10px;border-radius:50%;background:var(--moku-teal);border:2px solid var(--moku-black);flex:none}.moku-dot.is-soon{background:var(--moku-yellow)}.moku-dot.is-ext{background:var(--moku-purple)}.moku-card__go{font-family:var(--moku-font-heading);font-weight:800;font-size:14px;color:var(--moku-black);background:var(--moku-teal);border:var(--border);border-radius:var(--moku-radius-pill);padding:7px 16px}.moku-card.is-soon .moku-card__go{background:var(--moku-grey);opacity:.6}.moku-arcade__empty{text-align:center;padding:56px 20px 30px;color:var(--moku-white);opacity:.6;font-weight:500;font-size:18px}.moku-arcade__empty p{margin:0}.moku-playbar{background:var(--moku-black);border-bottom:3px solid rgba(255,255,255,.1)}.moku-playbar__inner{display:flex;align-items:center;gap:16px;height:62px}.moku-playbar__back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--moku-font-heading);font-weight:800;font-size:14px;color:var(--moku-black);background:var(--moku-teal);border:var(--border);border-radius:var(--moku-radius-pill);padding:8px 16px;box-shadow:var(--shadow-sm);transition:transform .1s var(--ease-bounce),box-shadow .1s var(--ease-bounce)}.moku-playbar__back:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.moku-playbar__crumb{font-family:var(--moku-font-heading);font-weight:800;font-size:13px;color:var(--moku-white);opacity:.5;text-transform:uppercase;letter-spacing:.5px}.moku-playbar__crumb b{color:var(--moku-teal);opacity:1}.moku-play__body{padding:26px 0 80px}.moku-play__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}.moku-play__title{font-family:var(--moku-font-display);font-size:clamp(38px,6vw,62px);color:var(--moku-white);line-height:.95;margin:0}.moku-play__title .moku-tag{display:inline-block;vertical-align:middle;font-family:var(--moku-font-heading);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--moku-black);background:var(--moku-teal);border:var(--border);border-radius:var(--moku-radius-pill);padding:5px 13px;margin-left:12px}.moku-play__desc{color:var(--moku-white);opacity:.7;font-weight:500;max-width:52ch;margin:10px 0 0}.moku-play__who{display:inline-flex;align-items:center;gap:8px;font-family:var(--moku-font-heading);font-weight:800;font-size:12px;color:var(--moku-white);text-transform:uppercase;letter-spacing:.5px}.moku-play__who .wdot{width:11px;height:11px;border-radius:50%;background:#9a938d;border:2px solid var(--moku-white)}.moku-play__who.is-ready .wdot{background:var(--moku-teal)}.moku-play__who .wstatus{opacity:.55}.moku-play-wrap,.moku-stage{position:relative}.moku-stage{background:#000;border:var(--border-thick);border-radius:var(--moku-radius-lg);overflow:hidden;width:100%}.moku-play-wrap.is-drawer .moku-stage{max-width:1040px;margin:0 auto}.moku-stage iframe{width:100%;height:100%;border:0;display:block;background:var(--moku-white)}.moku-stage-controls{display:flex;justify-content:flex-end;gap:10px;width:100%;margin:12px auto 0}.moku-play-wrap.is-drawer .moku-stage-controls{max-width:1040px}.moku-fs-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:var(--border-thick);border-radius:var(--moku-radius-pill);background:var(--moku-white);color:var(--moku-black);font-family:var(--moku-font-heading);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s var(--ease-bounce),box-shadow .12s var(--ease-bounce)}.moku-fs-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.moku-fs-btn:active{transform:translate(0);box-shadow:var(--shadow-sm)}.moku-play-wrap.is-drawer .moku-stage:fullscreen,.moku-stage:fullscreen{width:100vw;height:100vh;margin:0;max-width:none;aspect-ratio:auto!important;border-radius:0}.moku-play-wrap.is-drawer .moku-stage:-webkit-full-screen,.moku-stage:-webkit-full-screen{width:100vw;height:100vh;margin:0;max-width:none;aspect-ratio:auto!important;border-radius:0}.moku-stage:-webkit-full-screen iframe,.moku-stage:fullscreen iframe{width:100%;height:100%}.moku-panel{display:flex;flex-direction:column}.moku-play-wrap.is-drawer .moku-panel{position:fixed;top:0;right:0;height:100%;width:min(380px,88vw);background:#1c1917;border-left:var(--border-thick);transform:translateX(100%);transition:transform .34s var(--ease-bounce);z-index:130;overflow:auto;padding:66px 18px 26px}.moku-play-wrap.is-drawer .moku-panel.open{transform:none}.moku-drawer-scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:120}.moku-drawer-scrim.open{opacity:1;pointer-events:auto}.moku-drawer-close{position:absolute;top:16px;right:16px;width:40px;height:40px;z-index:2;border:3px solid var(--moku-white);background:transparent;color:var(--moku-white);border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.moku-drawer-close:hover{background:var(--moku-pink);border-color:var(--moku-black);color:var(--moku-black)}.moku-drawer-toggle{position:fixed;right:20px;bottom:22px;z-index:110;font-family:var(--moku-font-heading);font-weight:800;font-size:14px;cursor:pointer;background:var(--moku-teal);color:var(--moku-black);border:var(--border-thick);border-radius:var(--moku-radius-pill);padding:13px 22px;box-shadow:var(--shadow);transition:transform .12s var(--ease-bounce),box-shadow .12s var(--ease-bounce)}.moku-drawer-toggle:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.moku-session-chip{display:flex;align-items:center;gap:8px;background:var(--moku-yellow);color:var(--moku-black);border:var(--border);border-radius:var(--moku-radius-md);padding:10px 13px;font-size:13px;font-weight:600;line-height:1.4;margin-bottom:16px}.moku-session-chip b{font-weight:800}.moku-panel__box{background:var(--moku-white);color:var(--moku-black);border:var(--border-thick);border-radius:var(--moku-radius-lg);box-shadow:var(--shadow);padding:18px}.moku-panel__box+.moku-panel__box{margin-top:16px}.moku-panel__h{font-family:var(--moku-font-heading);font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;opacity:.5;margin:0 0 10px}.moku-panel__meta{display:flex;flex-direction:column;gap:8px}.moku-panel__meta div{display:flex;justify-content:space-between;font-size:13px;font-weight:600}.moku-panel__meta span{opacity:.55}.moku-panel__meta b{font-weight:800}.moku-callout{border:var(--border);border-radius:var(--moku-radius-md);padding:11px 13px;font-size:13px;font-weight:600;line-height:1.45;margin-top:12px;color:var(--moku-black)}.moku-callout.is-held{background:var(--moku-yellow)}.moku-callout.is-win{background:var(--moku-teal)}.moku-callout b{font-weight:800}.moku-lb{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.moku-lb li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;background:var(--moku-grey);border:var(--border);border-radius:var(--moku-radius-sm);padding:7px 11px;font-weight:700;font-size:14px;color:var(--moku-black)}.moku-lb li.is-me{background:var(--moku-purple)}.moku-lb li.is-me,.moku-lb li.is-me .moku-lb__rank{color:var(--moku-white)}.moku-lb__rank{font-family:var(--moku-font-display);opacity:.7}.moku-lb__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moku-lb__score{font-weight:800;font-variant-numeric:tabular-nums}.moku-lb__empty{font-style:italic;opacity:.5;font-size:13px;margin:0}.moku-play__state{text-align:center;padding:80px 20px;color:var(--moku-white)}.moku-play__state h2{font-family:var(--moku-font-display);font-size:48px;color:var(--moku-teal);margin:0 0 14px}.moku-play__state p{opacity:.75;font-weight:500;max-width:40ch;margin:0 auto 26px}.moku-play__state-actions{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.moku-statebtn{display:inline-flex;align-items:center;gap:8px;font-family:var(--moku-font-heading);font-weight:800;font-size:15px;text-decoration:none;cursor:pointer;color:var(--moku-black);background:var(--moku-white);border:var(--border-thick);border-radius:var(--moku-radius-pill);padding:12px 24px;box-shadow:var(--shadow-sm);transition:transform .12s var(--ease-bounce),box-shadow .12s var(--ease-bounce)}.moku-statebtn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.moku-statebtn--teal{background:var(--moku-teal)}@media (max-width:900px){.moku-arcade__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:700px) and (max-width:1024px){.moku-arcade__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.moku-arcade__grid{grid-template-columns:1fr}.moku-play__links{display:none}.moku-play-wrap.is-drawer .moku-panel{width:min(340px,92vw)}}@keyframes mokuFloaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}