.arcade-game{--arcade-accent:#63e8ff;--arcade-secondary:#a579ff;color:#f7fbff;background:#070d17;border:1px solid #31435b;border-radius:22px;overflow:hidden;box-shadow:0 28px 70px #0008;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.mode-traffic{--arcade-accent:#ffd45c;--arcade-secondary:#ff7251}.mode-ninja{--arcade-accent:#b3f078;--arcade-secondary:#ffb24e}.mode-zombie{--arcade-accent:#c7f277;--arcade-secondary:#ff9c56}.mode-dungeon{--arcade-accent:#ffd182;--arcade-secondary:#d782ff}.arcade-footer,.arcade-topline{height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0a1321;border-bottom:1px solid #ffffff12;font-size:11px;font-weight:850;letter-spacing:.12em}.arcade-topline>span:first-child{font-size:13px;letter-spacing:.16em}.arcade-topline i{font-style:normal;font-size:19px;vertical-align:-2px}.arcade-topline>span:last-child{color:#95a9bc;font-size:10px}.arcade-topline b{color:var(--arcade-accent);padding:0 5px}.arcade-stage{position:relative;width:100%;aspect-ratio:12/7;min-height:360px;max-height:650px;overflow:hidden;background:#070b12;touch-action:none}.arcade-stage canvas{display:block;width:100%;height:100%;object-fit:fill}.arcade-status{position:absolute;inset:12px 14px auto;display:flex;justify-content:flex-end;align-items:center;gap:9px;pointer-events:none}.arcade-status button,.arcade-status span{min-width:45px;text-align:center;padding:8px 10px;border:1px solid #ffffff26;border-radius:999px;background:#06101bcc;color:#fff;font-size:12px;font-weight:900;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.arcade-status span:nth-child(2){color:#ffd767}.arcade-status button{pointer-events:auto;cursor:pointer;color:var(--arcade-accent);font-size:15px}.arcade-pause-card,.arcade-start-card{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;background:radial-gradient(ellipse at 50% 45%,#101b2bc9,#03070bdc 76%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.arcade-orbit{width:54px;height:54px;border:1px solid color-mix(in srgb,var(--arcade-accent),transparent 30%);border-radius:50%;display:grid;place-items:center;color:var(--arcade-accent);font-size:25px;box-shadow:0 0 36px color-mix(in srgb,var(--arcade-accent),transparent 72%);margin-bottom:17px}.arcade-kicker{font-size:9px;letter-spacing:.28em;color:var(--arcade-accent);font-weight:950}.arcade-start-card h2{margin:11px 0;font-size:clamp(27px,5vw,47px);letter-spacing:-.055em;font-weight:950}.arcade-start-card p{max-width:510px;margin:3px auto 17px;color:#bac8d8;font-size:14px;line-height:1.65}.arcade-hint{font-size:9px;letter-spacing:.14em;color:#8496aa;font-weight:900;margin-bottom:18px}.arcade-start{border:0;border-radius:10px;padding:14px 22px;background:var(--arcade-accent);color:#101722;font-size:12px;font-weight:950;letter-spacing:.13em;cursor:pointer;box-shadow:0 9px 26px color-mix(in srgb,var(--arcade-accent),transparent 75%);transition:transform .15s,filter .15s}.arcade-start:hover{transform:translateY(-2px);filter:brightness(1.1)}.arcade-start span{padding-left:17px;font-size:17px}.arcade-pause-card{gap:15px}.arcade-pause-card>span{font-size:30px;font-weight:950;letter-spacing:.12em;color:var(--arcade-accent)}.arcade-quiet{border:0;background:transparent;color:#bac8d8;font-weight:800;letter-spacing:.1em;cursor:pointer;padding:10px}.arcade-touch{position:absolute;z-index:2;inset:auto 14px 13px;display:flex;justify-content:space-between;align-items:flex-end;gap:7px;pointer-events:none}.arcade-control{pointer-events:auto;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:52px;height:50px;border:1px solid #ffffff39;border-radius:14px;background:#07111bc2;color:#fff;font:900 21px system-ui;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 5px 16px #0005}.arcade-control:active{transform:scale(.94);background:color-mix(in srgb,var(--arcade-accent),#08121c 50%);color:#07111a}.arcade-control.attack,.arcade-control.fire,.arcade-control.nitro{margin-left:auto;width:62px;height:58px;border-color:color-mix(in srgb,var(--arcade-accent),transparent 30%);color:var(--arcade-accent)}.mode-zombie .arcade-touch{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,45px);width:150px}.mode-zombie .arcade-control.left{grid-column:1;grid-row:2}.mode-zombie .arcade-control.right{grid-column:3;grid-row:2}.mode-zombie .arcade-control.up{grid-column:2;grid-row:1}.mode-zombie .arcade-control.down{grid-column:2;grid-row:2}.mode-zombie .arcade-control.fire{grid-column:4;grid-row:1/3}.arcade-footer{height:39px;border-top:1px solid #ffffff12;border-bottom:0;color:#74889c;font-size:9px;letter-spacing:.18em}.arcade-game button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:700px){.arcade-game{border-radius:15px}.arcade-topline{height:44px;padding:0 12px}.arcade-topline>span:first-child{font-size:10px}.arcade-topline>span:last-child{font-size:8px;letter-spacing:.04em}.arcade-stage{min-height:370px;aspect-ratio:4/5}.arcade-stage canvas{object-fit:fill}.arcade-start-card{padding:20px}.arcade-start-card p{font-size:12px}.arcade-hint{font-size:8px}.arcade-touch{inset:auto 9px 9px}.arcade-control{width:45px;height:45px;border-radius:12px}.arcade-control.attack,.arcade-control.fire,.arcade-control.nitro{width:52px;height:52px}.arcade-footer{padding:0 12px;font-size:8px}.arcade-status{inset:8px 8px auto}.arcade-status button,.arcade-status span{padding:7px 9px;min-width:38px}.mode-zombie .arcade-touch{transform:scale(.82);transform-origin:bottom left}}.arcade-sound{flex:0 0 auto;border:1px solid #ffffff22;border-radius:8px;padding:5px 8px;background:#0d1a2a;color:var(--arcade-accent);font-size:14px;cursor:pointer}.arcade-sound:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:700px){.arcade-sound{display:none}}