/* Phone51 menu-only painted pass. Layout and all interaction handlers retained. */
.arcade .menu-option-icon{filter:drop-shadow(0 2px 1px #020b15);image-rendering:auto}
.arcade .world-picker{font-family:Arial,sans-serif;border:2px solid #65abc2;border-radius:15px;background:linear-gradient(135deg,#214b61f5,#0b2339fa);box-shadow:inset 0 2px #acd6df,0 8px 22px #020a16b3;padding:12px;scrollbar-color:#6cabbc #112b40}
.arcade .world-picker-row{border-bottom:1px solid #83c1d333;padding-bottom:10px;margin-bottom:10px}
.arcade .world-picker-row:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.arcade .world-picker-row>b{font:800 12px/1.3 Arial,sans-serif;color:#fff0c2;letter-spacing:.025em}
.arcade .world-picker-row .stage-picker{background:none;gap:6px}
.arcade .world-picker-row button{font:800 12px/1.2 Arial,sans-serif;min-height:44px;color:#e2f2f4;border:1px solid #5896ac;border-radius:8px;background:linear-gradient(#326681,#173d56);box-shadow:inset 0 1px #a9d2dc,0 2px #040f1d}
.arcade .world-picker-row small{font:700 8px/1.2 Arial,sans-serif;margin-top:5px}
.arcade .world-picker-row button.active{color:#162e40;background:linear-gradient(#ffe69b,#dfad53);border-color:#ffe9aa;box-shadow:inset 0 1px #fff6d2,0 2px #634b23}
.arcade .world-picker-row button:hover{filter:brightness(1.15)}
.score-backdrop{background:#041323ed}
.score-cabinet{font-family:Arial,sans-serif;image-rendering:auto;background:radial-gradient(ellipse at 50% 0,#315d72,#102b40 65%);border:3px solid #d7b56b;border-radius:20px;box-shadow:inset 0 2px #fff1b0,inset 0 -3px #071b2c,0 0 0 3px #091827,0 18px 45px #0008}
.score-cabinet h2{font:900 clamp(22px,5vw,32px)/1.2 Arial,sans-serif;color:#ffe5a0;text-shadow:0 2px #071723;margin:9px 0 18px}
.score-kicker{font:800 11px/1.3 Arial,sans-serif;color:#bddce6;letter-spacing:.17em}
.score-cabinet table{font:800 clamp(14px,3.5vw,18px)/1.2 Arial,sans-serif;font-variant-numeric:tabular-nums}
.score-cabinet th{color:#a9d3e1;font:800 10px/1.2 Arial,sans-serif;letter-spacing:.09em;padding:10px 5px}
.score-cabinet td{padding:8px 5px;border-top:1px solid #88aebb26}
.score-cabinet tr:nth-child(even){background:#accbd209}
.score-cabinet td:first-child{color:#93c7d8}
.score-cabinet tbody tr:first-child{color:#ffe19a;background:#f5c97713}
.score-cabinet button,.box-close,.box-turn-controls button{border:1px solid #8ac0d2;border-radius:9px;background:linear-gradient(#36708c,#173c56);box-shadow:inset 0 1px #b4dce7,0 3px #04111e;color:#fff1cf;font:800 12px/1.3 Arial,sans-serif;min-height:44px;padding:10px 16px}
.score-cabinet .score-close,.score-cabinet .score-save{color:#fff1c5!important}
.score-help{font:600 11px/1.5 Arial,sans-serif;color:#bdd1df}
.score-error{font:700 13px/1.5 Arial,sans-serif;color:#ffb8a8}
.score-success,.initial-entry h3{font:800 15px/1.4 Arial,sans-serif;color:#a8edc5}
.score-initials-input{border-radius:9px;color:#fff1c5;background:#071c30;border-color:#83bed1;font:800 22px/1.2 Arial,sans-serif}
.score-cabinet button:focus-visible,.cartridge-modal button:focus-visible,.arcade .world-picker button:focus-visible{outline:3px solid #fff1b2;outline-offset:3px}
.cartridge-modal::backdrop{background:radial-gradient(ellipse at 50% 30%,#21485df5,#030d1af5)}
.cartridge-modal .box-close,.cartridge-modal .box-turn-controls{font-family:Arial,sans-serif}
.cartridge-modal .box-turn-controls{font-weight:800;font-size:11px;letter-spacing:.06em}
.cartridge-modal .box-front{background:#123146;border-radius:5px;padding:3%;box-shadow:0 22px 36px #0007,inset 0 0 0 2px #ddb96e}
.cartridge-modal .box-spine,.cartridge-modal .box-left,.cartridge-modal .box-top,.cartridge-modal .box-bottom{background:linear-gradient(90deg,#0b2235,#26526b,#102b41);border-color:#678996}
.cartridge-modal .box-spine strong,.cartridge-modal .box-left strong{font-family:Arial,sans-serif;font-weight:900;color:#ffe19b;letter-spacing:.02em}
.cartridge-modal .box-spine span,.cartridge-modal .box-left span,.cartridge-modal .box-top span{font-family:Arial,sans-serif;font-weight:700;color:#d1e2e6}
.cartridge-modal .box-back{background:linear-gradient(140deg,#244b60,#102a40);box-shadow:inset 0 0 0 2px #bda36b;color:#e6eff0}
.cartridge-modal .back-opening h2{font-family:Arial,sans-serif;color:#ffe19b;line-height:.95}
.painted-box-cover{height:100%;width:100%;position:relative;overflow:hidden;background:linear-gradient(#0c2a4633 10%,transparent 45%,#08243c 94%),url('/jump-candidate/packet-assets/environment/town-layer.webp?v=painted-depth-20261101') center 66%/auto 36% no-repeat,url('/jump-candidate/packet-assets/environment/sky-clouds-runtime.webp?v=painted-depth-20261101') center/cover;border:1px solid #e5c779;border-radius:4px}
.painted-box-cover img{position:absolute;object-fit:contain;image-rendering:auto;width:auto;height:auto;filter:drop-shadow(0 2px 2px #07162466)}
.painted-box-cover .painted-cover-title{top:3%;left:3%;width:94%;height:30%}
.painted-cover-badge{position:absolute;top:34%;left:12%;width:76%;padding:2% 0;text-align:center;border-block:1px solid #f4d18a;color:#fff0bc;background:#09223cba;font:900 3.4cqw Arial,sans-serif;letter-spacing:.04em}
.painted-box-cover .painted-cover-mosey{height:46%;left:6%;bottom:16%;max-width:45%}
.painted-box-cover .painted-cover-jon{height:49%;right:5%;bottom:14%;max-width:46%}
.painted-box-cover .painted-cover-etta{height:19%;left:34%;bottom:11%;max-width:35%}
.painted-box-cover .painted-cover-brand{height:7%;width:80%;left:10%;bottom:3%}
.painted-box-scene{position:relative;overflow:hidden;aspect-ratio:16/10;background:linear-gradient(#ffffff00 65%,#35624b 66%),url('/jump-candidate/packet-assets/environment/town-layer.webp?v=painted-depth-20261101') center/cover,#8eb8c8;flex:none;width:100%;border:1px solid #92b9c2}
.painted-box-scene img{position:absolute;object-fit:contain!important;height:85%!important;width:70%!important;left:15%;bottom:4%;image-rendering:auto!important}
.back-opening>.painted-box-scene{width:42%}
.painted-box-scene--swim{background:url('/jump-candidate/swim-cartoon-assets/water-depth-v2.webp') center/cover}
.painted-box-scene--bike{background:linear-gradient(transparent 75%,#746f62 76%),url('/jump-candidate/land-environment-assets/forest-band-runtime.webp') center/cover,#97bdca}
.painted-box-scene--patty{background:url('/jump-candidate/intro-art/town-hall.webp') center/cover}
@media(max-width:400px){.arcade .world-picker-row small{font-size:7px}.score-cabinet{padding:14px}.score-cabinet td{padding:7px 4px}}
@media(prefers-reduced-motion:reduce){.arcade .world-picker-row button{transition:none}.score-new{animation:none}}
/* Preserve cel transparency; legacy screenshot framing must not box each hero. */
.painted-box-scene img{border:0!important;box-shadow:none!important;max-width:none}
/* Original supplied wordmark on a midtone plaque keeps the dark 4 visible. */
.painted-box-cover .painted-cover-brand{background:#8daab8;border:1px solid #d4e4e9;border-radius:5px;padding:1.5% 3%;box-sizing:border-box;height:9%;bottom:2%}

/* Jon 2026-11-02: slim modern case, not the chunky NES cartridge box.
   Retain the existing 3D face transforms and interaction targets. */
.cartridge-modal .retail-box{--box-width:min(41vh,62vw,390px);--box-depth:calc(var(--box-width) * .09);aspect-ratio:104/170}
.cartridge-modal .box-spine{padding:8% 2px}
.cartridge-modal .box-spine strong{font-size:clamp(7px,2.8cqw,12px);letter-spacing:0}
.cartridge-modal .box-spine span{font-size:clamp(4px,1.5cqw,7px)}
.cartridge-modal .box-left{padding:10% 1%}
.cartridge-modal .box-left strong{font-size:3cqw}
.cartridge-modal .box-left span,.cartridge-modal .box-top span{font-size:1.8cqw}
.cartridge-modal .box-front{padding:1.5%;border-radius:4px}

/* Approved art 2026-11-02: exact lossless 2:3 faces, never stretched or cropped.
   Cream bleed fills the taller104:170case; original image pixels remain intact. */
.cartridge-modal .box-front,.cartridge-modal .box-back--illustrated{background:#f8f5e9}
.cartridge-modal .box-back--illustrated{padding:1.5%;display:block;border-radius:4px}
.cartridge-modal .approved-box-front,.cartridge-modal .approved-box-back{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}
.cartridge-modal .box-art-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}