/* Embedded-only J Retro Arcade neon cabinet skin.
   Original v0.2.1 game logic, level mapping, touch handling and saved data remain intact.
   Standalone /games/retro-arcade/ stays on its original style without ?embed=1. */
html.jj-in-page-arcade{
 color-scheme:dark;
 --jj-cyan:#62ecfb;--jj-pink:#ff62c5;--jj-sun:#ffdd8a;
 scrollbar-width:none;
}
html.jj-in-page-arcade,
html.jj-in-page-arcade body{background:#0d1530}
html.jj-in-page-arcade #app.theme-light{
 --bg:#15213d;--surface:#1a2a45;--raised:#263954;
 --text:#eaf7ff;--muted:#a6bfd4;
 --shadow-dark:rgba(2,7,21,.55);--shadow-light:rgba(92,134,177,.10);
 --game-bg:#070c21;--game-panel:#182443;--accent:#62ecfb;
}
html.jj-in-page-arcade #app.theme-dark{
 --bg:#080e22;--surface:#101a34;--raised:#1b2740;
 --text:#e9f9ff;--muted:#a8b5d1;
 --shadow-dark:rgba(0,3,12,.85);--shadow-light:rgba(87,104,143,.07);
 --game-bg:#050817;--game-panel:#111b32;--accent:#ff62c5;
}
html.jj-in-page-arcade #app{
 font-family:"Chakra Petch","Arial Narrow",Arial,sans-serif;
 color:var(--text);background:var(--bg);
}
html.jj-in-page-arcade #app .home-header,
html.jj-in-page-arcade #app .sub-header{
 background:linear-gradient(90deg,var(--bg),#162545);
 border-bottom:1px solid rgba(98,236,251,.25);
}
html.jj-in-page-arcade .brand-title{
 color:#e5faff;font-size:24px;letter-spacing:.04em;
 text-shadow:0 0 12px rgba(98,236,251,.12);
}
html.jj-in-page-arcade .brand-sub{
 font-size:9px;color:#85d4e2;letter-spacing:.12em;
}
html.jj-in-page-arcade .logo:before{
 background:linear-gradient(145deg,#26365f,#10172b);
 border:1px solid rgba(98,236,251,.58);
 box-shadow:0 0 15px rgba(98,236,251,.22),inset 0 0 17px rgba(98,236,251,.10);
}
html.jj-in-page-arcade .logo span{
 color:#e4fdff;text-shadow:0 0 9px rgba(98,236,251,.4);
}
html.jj-in-page-arcade .logo span:after{
 background:#ff62c5;box-shadow:0 0 10px rgba(255,98,197,.55);
}
html.jj-in-page-arcade .neo-card,
html.jj-in-page-arcade .game-card{
 border:1px solid rgba(98,236,251,.21);
 background:linear-gradient(135deg,var(--surface),var(--bg));
 box-shadow:4px 6px 15px var(--shadow-dark),-2px -2px 10px var(--shadow-light);
 color:#eaf7ff;
}
html.jj-in-page-arcade .wallet-card{
 border-color:rgba(98,236,251,.43);
 background:linear-gradient(105deg,#152942,#182043);
}
html.jj-in-page-arcade .wallet-copy{color:#ecfffc}
html.jj-in-page-arcade .wallet-copy b{color:#affff7}
html.jj-in-page-arcade .select-card{
 border-color:rgba(255,98,197,.28);
 background:linear-gradient(110deg,#18233e,#241a3e);
}
html.jj-in-page-arcade .select-card b{
 color:#ff9edb;letter-spacing:.09em;
}
html.jj-in-page-arcade .select-card span,
html.jj-in-page-arcade .game-card p,
html.jj-in-page-arcade .game-card .progress,
html.jj-in-page-arcade .home-footer{
 color:#a7bfd4;
}
html.jj-in-page-arcade .game-card{
 border-radius:16px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html.jj-in-page-arcade .game-card canvas{
 border:1px solid rgba(98,236,251,.22);border-radius:11px;
 background:#16253f!important;
}
html.jj-in-page-arcade .game-card h3{
 color:#e8fbff;letter-spacing:.05em;
 font-weight:900;
}
html.jj-in-page-arcade .game-card .progress{color:#82e7d9;font-weight:850}
@media(hover:hover) and (pointer:fine){
 html.jj-in-page-arcade .game-card:hover{
  transform:translateY(-3px);
  border-color:rgba(98,236,251,.66);
  box-shadow:0 0 22px rgba(98,236,251,.12),5px 9px 18px var(--shadow-dark);
 }
}
html.jj-in-page-arcade .neo-chip,
html.jj-in-page-arcade .control-btn,
html.jj-in-page-arcade .overlay-btn{
 border:1px solid rgba(98,236,251,.33);
 background:#1b2d4d;color:#e8fcff;
 box-shadow:inset 0 0 14px rgba(98,236,251,.045);
 letter-spacing:.045em;
}
html.jj-in-page-arcade .neo-chip:focus-visible,
html.jj-in-page-arcade .game-card:focus-visible,
html.jj-in-page-arcade .overlay-btn:focus-visible{
 outline:3px solid #ff9cde;outline-offset:2px;
}
html.jj-in-page-arcade .game-frame{
 background:#050917;border:1px solid rgba(98,236,251,.23);
}
html.jj-in-page-arcade .game-toolbar,
html.jj-in-page-arcade .game-controls{
 border:1px solid rgba(98,236,251,.23);
 background:linear-gradient(115deg,#151e39,#0d172d);
}
html.jj-in-page-arcade .game-head-copy b{color:#d7faff}
html.jj-in-page-arcade .game-head-copy small{color:#a9c6e1}
html.jj-in-page-arcade .roadmap-summary{
 background:#162643;border-color:rgba(98,236,251,.30);
}
html.jj-in-page-arcade .roadmap-summary small{color:#c0d9e1}
html.jj-in-page-arcade .world-title{background:#1b2744}
html.jj-in-page-arcade .store-hero h2{color:#e8fdff}
html.jj-in-page-arcade .store-hero p,
html.jj-in-page-arcade .store-item p{color:#aec4d6}
html.jj-in-page-arcade .inventory-tile{
 border-color:rgba(98,236,251,.27);
 background:#192947;color:#ddfaff;
}
html.jj-in-page-arcade .store-item{border-color:rgba(255,98,197,.22)}
html.jj-in-page-arcade .pause-overlay,
html.jj-in-page-arcade .modal{
 background:rgba(5,9,24,.92);
}
html.jj-in-page-arcade .pause-card,
html.jj-in-page-arcade .modal-card{
 background:#111d37;border:1px solid rgba(98,236,251,.36);
 box-shadow:0 0 35px rgba(98,236,251,.11),0 24px 50px rgba(0,0,0,.4);
}
html.jj-in-page-arcade .loading-screen{
 background:radial-gradient(ellipse at 50% 45%,rgba(98,236,251,.08),transparent 60%),var(--bg);
}
@media(max-width:500px){
 html.jj-in-page-arcade .brand-title{font-size:21px}
 html.jj-in-page-arcade .game-card{border-radius:15px}
}
@media(prefers-reduced-motion:reduce){
 html.jj-in-page-arcade .game-card{transition:none!important}
}