.kx-game{--cx:69%;--cy:53%;--s:.5;--body:#121318;--cyan:#00d9ff;background:var(--body);color:#eef0f4;isolation:isolate;touch-action:pan-y;height:100svh;min-height:560px;position:relative;overflow:hidden}.kx-game__screen{transform:translate(calc(var(--cx) - 50%), calc(var(--cy) - 50%)) scale(var(--s));cursor:pointer;border-radius:22px;transition:transform 1.25s cubic-bezier(.76,0,.18,1),border-radius 1.25s;position:absolute;inset:0;overflow:hidden}.kx-game__screen canvas{display:block}.kx-game__fallback{background:url(/images/bus-game.png) 50%/cover;width:100%;height:100%}.kx-game.is-inside .kx-game__screen{cursor:default;border-radius:0;transform:none}.kx-game__scan{pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 2px,#0000 2px 5px),radial-gradient(#0000 55%,#0000008c);transition:opacity 1s;position:absolute;inset:0}.kx-game.is-inside .kx-game__scan{opacity:0}.kx-game__bezel{pointer-events:none;position:absolute;inset:0}.kx-game__glass{box-shadow:0 0 0 14px #050608, 0 0 0 18px #2a2d36, 0 0 0 200vmax var(--body), inset 0 0 60px #00d9ff2e;transform:translate(calc(var(--cx) - 50%), calc(var(--cy) - 50%)) scale(var(--s));border-radius:22px;transition:transform 1.25s cubic-bezier(.76,0,.18,1),opacity .9s .35s;position:absolute;inset:0}.kx-game.is-inside .kx-game__glass{opacity:0;transform:scale(2.6)}.kx-game__marquee,.kx-game__deck{z-index:1;left:calc(var(--cx) - var(--s) * 50%);width:calc(var(--s) * 100%);transition:transform 1.25s cubic-bezier(.76,0,.18,1),opacity .6s;position:absolute}.kx-game__marquee{top:calc(var(--cy) - var(--s) * 50% - 10.5%);color:#121318;letter-spacing:.18em;background:linear-gradient(90deg,#ff4f9a,#ffb703 50%,#00d9ff);border-radius:12px 12px 4px 4px;place-items:center;height:7%;font-size:clamp(.9rem,1.8vw,1.6rem);font-weight:900;display:grid;box-shadow:0 0 40px #ffb70359}.kx-game__deck{top:calc(var(--cy) + var(--s) * 50% + 3.5%);background:linear-gradient(#24262e,#17181d);border-top:2px solid #34374a;border-radius:10px;justify-content:center;align-items:center;gap:6%;height:11%;display:flex}.kx-game__stick{background:radial-gradient(circle at 35% 35%,#ff7aa8,#c1124f);border-radius:50%;width:3.2vmin;height:3.2vmin;box-shadow:0 1.4vmin 0 -.6vmin #0c0c0f}.kx-game__btn{background:radial-gradient(circle at 35% 35%,#8ff0ff,#00a7c8);border-radius:50%;width:3.6vmin;height:3.6vmin;box-shadow:0 0 18px #00d9ff80}.kx-game__btn--b{background:radial-gradient(circle at 35% 35%,#ffe08a,#e09b00);box-shadow:0 0 18px #ffb70373}.kx-game.is-inside .kx-game__marquee{opacity:0;transform:translateY(-120%)scale(2)}.kx-game.is-inside .kx-game__deck{opacity:0;transform:translateY(160%)scale(2)}.kx-game__intro{z-index:3;width:min(36vw,520px);transition:opacity .5s,transform .8s;position:absolute;top:50%;left:clamp(20px,5vw,80px);transform:translateY(-46%)}.kx-game.is-inside .kx-game__intro{opacity:0;pointer-events:none;transform:translate(-40px,-46%)}.kx-game__eyebrow{font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin:0 0 14px;font-size:.72rem}.kx-game h1{letter-spacing:-.03em;text-transform:uppercase;margin:0 0 18px;font-size:clamp(2.6rem,5.4vw,5.2rem);line-height:.95}.kx-game h1 em{color:var(--cyan);font-style:normal;display:block}.kx-game__lead{color:#b9c0d4;max-width:440px;margin:0 0 26px;font-size:1.05rem;line-height:1.55}.kx-game .kx-game__start{background:var(--cyan);color:#07101a;font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:14px;padding:14px 18px 14px 22px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 40px #00d9ff59}.kx-game .kx-game__start:hover{transform:translateY(-2px);box-shadow:0 14px 48px #00d9ff80}.kx-game .kx-game__start kbd{font-family:var(--font-plex-mono), ui-monospace, monospace;background:#07101a26;border-radius:6px;padding:3px 8px;font-size:.72rem}.kx-game__meta{gap:28px;margin:30px 0 0;display:flex}.kx-game__meta dt{font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:#7f8aa8;font-size:.66rem}.kx-game__meta dd{margin:4px 0 0;font-weight:600}.kx-game__hud{z-index:3;top:calc(var(--nav-h,72px) + 14px);opacity:0;pointer-events:none;gap:8px;transition:opacity .4s,transform .4s;display:flex;position:absolute;left:50%;transform:translate(-50%,-12px)}.kx-game__hud>div{-webkit-backdrop-filter:blur(10px);background:#0a0b0f9e;border:1px solid #ffffff24;border-radius:12px;min-width:92px;padding:8px 14px;display:grid}.kx-game__hud span{font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:#9aa6c4;font-size:.62rem}.kx-game__hud strong{font-variant-numeric:tabular-nums;font-size:1.15rem}.kx-game.is-inside.is-play .kx-game__hud,.kx-game.is-inside.is-over .kx-game__hud{opacity:1;transform:translate(-50%)}.kx-game__help{z-index:3;font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;background:#0a0b0f8c;border-radius:999px;margin:0;padding:8px 14px;font-size:.7rem;transition:opacity .5s;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.kx-game.is-inside.is-play .kx-game__help{opacity:.9}.kx-game__halt{z-index:3;top:calc(var(--nav-h,72px) + 92px);color:#ffd23f;font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#0a0b0fb3;border:1px solid #ffd23f99;border-radius:999px;padding:10px 18px;font-size:.78rem;transition:opacity .3s,transform .3s;position:absolute;left:50%;transform:translate(-50%,-8px)}.kx-game__halt strong{color:#fff}.kx-game__halt.is-on{opacity:1;transform:translate(-50%)}.kx-game__halt.is-boarded{color:#3dffb0;border-color:#3dffb0b3}.kx-game__over{z-index:4;-webkit-backdrop-filter:blur(14px);text-align:center;opacity:0;pointer-events:none;background:#0a0b0fc7;border:1px solid #ffffff24;border-radius:20px;justify-items:center;gap:8px;padding:28px 36px 30px;transition:opacity .35s .35s,transform .35s .35s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)scale(.96)}.kx-game__over .kx-game__eyebrow{color:#ff4f9a;margin:0}.kx-game__over strong{font-variant-numeric:tabular-nums;font-size:3.4rem;line-height:1}.kx-game__over span{color:#b9c0d4;margin-bottom:12px}.kx-game.is-over .kx-game__over{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.kx-game__pads{display:none}.kx-game__credit{z-index:3;color:#eef0f473;margin:0;font-size:.62rem;position:absolute;bottom:10px;right:14px}@media (max-width:767px){.kx-game{--cx:50%;--cy:38%;--s:.52}.kx-game__intro{width:auto;inset:auto 18px 26px;transform:none}.kx-game.is-inside .kx-game__intro{transform:translateY(30px)}.kx-game h1{font-size:clamp(2rem,9vw,2.6rem)}.kx-game__lead,.kx-game__meta,.kx-game__marquee,.kx-game__deck{display:none}.kx-game__hud{gap:4px}.kx-game__hud>div{min-width:0;padding:6px 8px}.kx-game__hud>div:nth-child(5){display:none}.kx-game__hud strong{white-space:nowrap;font-size:.8rem}.kx-game__hud span{font-size:.52rem}.kx-game__help{display:none}.kx-game.is-inside.is-play .kx-game__pads{z-index:3;justify-content:space-between;padding:0 18px;display:flex;position:absolute;bottom:22px;left:0;right:0}.kx-game__pads button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0b0f8c;border:1px solid #fff3;border-radius:50%;width:72px;height:72px;font-size:1.8rem}}@media (prefers-reduced-motion:reduce){.kx-game__screen,.kx-game__glass,.kx-game__marquee,.kx-game__deck,.kx-game__intro{transition:none}}