/* Approved unboxed home + controls. Private route only; existing input geometry/handlers retained. */
.arcade .title-screen{background:linear-gradient(#08274566,transparent 40%,transparent 65%,#102e49e8)!important}
.arcade .title-splash{font-family:Arial,sans-serif;gap:10px}
.arcade h1.title-logo{width:min(64%,540px);aspect-ratio:1536/630;mask-image:none;-webkit-mask-image:none;overflow:visible}
.arcade .title-logo img{object-fit:contain;image-rendering:auto!important;filter:drop-shadow(0 4px #07152655)}
.arcade .title-subtitle{font:800 12px Arial,sans-serif;letter-spacing:.1em;color:#fff6d0;text-shadow:0 2px #06182b,1px 0 #06182b,-1px 0 #06182b}
.arcade .title-splash>.publisher-logo{display:none}
.arcade .title-choice{background:none;border:0;box-shadow:none;min-width:110px;min-height:44px;font:900 14px Arial,sans-serif;color:#fff;text-shadow:0 2px #06182b,1px 0 #06182b,-1px 0 #06182b}
.arcade .title-choice img{height:105px;image-rendering:auto!important;filter:none!important}
.arcade .title-choice .title-etta{height:45px;left:calc(100% - 12px);width:auto}
.arcade .title-choice span{padding-bottom:7px;gap:4px}
.arcade .title-choice.selected span{color:#ffe269;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.arcade .title-choice i{font-size:0;width:14px}
.arcade .title-choice.selected i:after{content:'✓';font-size:14px}
.arcade .title-splash .start-button{font:900 21px Arial,sans-serif!important;height:50px!important;min-height:50px!important;min-width:280px!important;color:#11243b!important;border:3px solid #070c15!important;border-radius:15px!important;background:linear-gradient(#fff173,#ffc532 60%,#f8a622)!important;box-shadow:inset 0 3px #fff8b5,0 4px #a04b13,0 7px #050c17!important;animation:none!important;margin:6px 0 10px}
.arcade .title-splash .start-button:disabled{opacity:.6}
.arcade .title-menu-options>button,.arcade .title-menu-options summary{background:linear-gradient(#215674,#153b58);border:2px solid #07111d;border-radius:12px;box-shadow:inset 0 2px #387da0,0 3px #07101d;min-height:55px}
.arcade .menu-option-label{font:900 11px Arial,sans-serif!important}
.arcade .topbar{background:linear-gradient(#215a80,#133753)}
.arcade .utilities button{border:2px solid #060a10;border-radius:10px;background:linear-gradient(#327da3,#205c82);box-shadow:inset 0 2px #58a8ce,0 2px #050c16;color:#fff4c9;min-width:44px;min-height:44px}
.arcade .touch-controls.thumb-controls{background:linear-gradient(#1c4662,#112d46)}
.arcade .thumb-controls .movement-stick{background:radial-gradient(circle,#164564 42%,#1e6082 43%,#23688c 66%,#3887aa 67%);border:3px solid #050b13;box-shadow:0 5px #050c16,inset 0 3px #6eb2c9}
.arcade .thumb-controls .movement-stick[data-running=true]{border-color:#ffe269;box-shadow:0 5px #050c16,inset 0 0 0 5px #ffe26955}
.arcade .thumb-controls .stick-knob{background:radial-gradient(circle at 35% 28%,#70ccde,#2d87ad 55%,#1b5e84);border:3px solid #040a13;box-shadow:0 5px #050c1699,inset 0 2px #a3e2ec}
.arcade .thumb-controls .stick-knob:before,.arcade .thumb-controls .stick-knob:after{display:none}
.arcade .thumb-controls .stick-run-label{font:900 10px Arial;color:#d0eced}
.arcade .thumb-controls .thumb-hint{font:700 10px Arial;color:#c1e0eb;text-shadow:none}
.arcade .touch-controls.thumb-controls .jump-touch{background:linear-gradient(#ffed6c,#ffbf2d);color:#13263d;border:3px solid #040b14;box-shadow:0 5px #030a15,inset 0 3px #fff7b2;font:900 14px Arial;text-shadow:none}
.arcade .touch-controls.thumb-controls .throw-touch{background:linear-gradient(#7fe3f4,#2d9cc6);color:#13263d;border:3px solid #040b14;box-shadow:0 5px #030a15,inset 0 3px #c7f7ff;font:900 11px Arial;text-shadow:none}
.arcade .touch-controls.thumb-controls button[data-held=true]{border-color:#fff;filter:brightness(1.15)}
.arcade .touch-controls.thumb-controls button:disabled{opacity:.4}
.arcade .world-intro{background:radial-gradient(ellipse,#315f7e,#102a46)}
.arcade .world-intro .intro-world-logo{image-rendering:auto}
.arcade .world-intro p{font:900 clamp(15px,2.4vw,24px)/1.2 Arial,sans-serif;color:#fff5c6;text-shadow:2px 3px #060d16}
.arcade .world-intro .intro-race-name,.arcade .game-overlay h2{font:900 clamp(21px,3.5vw,42px)/1.1 'Arial Black',Arial,sans-serif;color:#ffd64f;-webkit-text-stroke:2px #080e18;paint-order:stroke fill;text-shadow:0 3px #ffb337,0 5px #d65227,2px 7px #050b15}
.arcade button:focus-visible,.arcade summary:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:600px){.arcade[data-game-mode=menu] .screen{aspect-ratio:auto;min-height:520px}.arcade h1.title-logo{width:94%;max-width:360px}.arcade .title-splash{gap:12px}.arcade .title-subtitle{font-size:12px;letter-spacing:.03em}.arcade .title-choices{gap:20px}.arcade .title-choice{min-width:122px}.arcade .title-choice img{height:116px}.arcade .title-choice .title-etta{height:43px}.arcade .title-menu-options{width:94%}.arcade .menu-option-label{font-size:10px!important}.arcade .title-splash .start-button{width:80%;min-width:250px!important}.arcade .utilities{gap:3px}.arcade .utilities button{min-width:44px;min-height:44px}}
@media(max-height:550px) and (min-width:601px){.arcade .title-choice img{height:60px}.arcade .title-choice .title-etta{height:29px}.arcade .title-splash{gap:5px}.arcade h1.title-logo{width:38%}.arcade .title-splash .start-button{margin:0;height:44px!important;min-height:44px!important}}
/* Actual current Packet environment, visible behind unboxed whole cels. */
.arcade .title-screen{background-image:linear-gradient(#08274555,transparent 40%,transparent 65%,#102e49e8),url('/jump-candidate/packet-assets/environment/grass-dirt-strip.webp'),url('/jump-candidate/packet-assets/environment/town-layer.webp?v=painted-depth-20261101'),url('/jump-candidate/packet-assets/environment/sky-clouds-runtime.webp?v=painted-depth-20261101')!important;background-position:center,center 83%,center 67%,center!important;background-size:cover,auto 100px,auto 180px,cover!important;background-repeat:no-repeat,repeat-x,repeat-x,no-repeat!important}
/* Menu-only amendment: match approved unboxed street composition; never hide race HUD in play. */
.arcade[data-game-mode=menu] .hud,.arcade[data-game-mode=menu] .brand,.arcade[data-game-mode=menu] .prototype-banner{display:none}
.arcade[data-game-mode=menu] .topbar{min-height:60px;justify-content:space-between;padding:7px 10px}
.arcade[data-game-mode=menu] .topbar .header-publisher{display:block;width:100px;height:28px;object-fit:contain;order:-1}
.arcade[data-game-mode=menu] .volume-control{display:none}
.arcade[data-game-mode=menu] .screen{aspect-ratio:auto;min-height:570px}
.arcade[data-game-mode=menu] .title-screen{--home-logo:170px;--home-feet:346px;padding:16px 12px 20px;overflow-y:auto;background-image:linear-gradient(#08274544,transparent 40%,transparent 65%,#102e49 88%),linear-gradient(#596575,#596575),url('/jump-candidate/packet-assets/environment/grass-dirt-strip.webp'),url('/jump-candidate/packet-assets/environment/town-layer.webp?v=painted-depth-20261101'),url('/jump-candidate/packet-assets/environment/sky-clouds-runtime.webp?v=painted-depth-20261101')!important;background-position:center,center var(--home-feet),center calc(var(--home-feet) + 14px),center calc(var(--home-feet) - 128px),center!important;background-size:cover,100% 14px,auto 72px,auto 128px,cover!important;background-repeat:no-repeat,no-repeat,repeat-x,repeat-x,no-repeat!important}
.arcade[data-game-mode=menu] .title-splash{display:flex;justify-content:flex-start;height:auto;gap:12px}
.arcade[data-game-mode=menu] h1.title-logo{width:min(94%,520px);height:var(--home-logo);aspect-ratio:auto;flex:none}
.arcade[data-game-mode=menu] .title-subtitle{height:20px;line-height:20px;margin:0;flex:none}
.arcade[data-game-mode=menu] .title-choices{height:150px;flex:none;align-items:flex-start;gap:24px}
.arcade[data-game-mode=menu] .title-choice{height:150px;padding:0 8px;gap:9px;justify-content:flex-start}
.arcade[data-game-mode=menu] .title-portrait{height:116px;flex:none}
.arcade[data-game-mode=menu] .title-choice img{height:116px}
.arcade[data-game-mode=menu] .title-choice .title-etta{height:43px;bottom:0}
.arcade[data-game-mode=menu] .title-splash .start-button{flex:none;margin:5px 0 8px}
.arcade[data-game-mode=menu] .title-menu-options{margin:0;flex:none}
@media(max-width:600px){.arcade[data-game-mode=menu] .screen{min-height:520px}.arcade[data-game-mode=menu] .title-screen{--home-logo:134px;--home-feet:310px}.arcade[data-game-mode=menu] .topbar{gap:4px;flex-wrap:nowrap}.arcade[data-game-mode=menu] .topbar .header-publisher{width:80px}.arcade[data-game-mode=menu] .utilities{gap:3px;flex-wrap:nowrap}.arcade[data-game-mode=menu] .title-choices{gap:16px}}
.arcade[data-game-mode=menu] .topbar{display:flex!important;align-items:center;height:60px;min-height:60px;margin-top:0}
.arcade[data-game-mode=menu] .header-publisher{position:static!important;margin:0!important;flex:none}
.arcade[data-game-mode=menu] .utilities{display:flex;align-items:center;justify-content:flex-end;margin:0!important;flex:none}
.arcade[data-game-mode=menu] .screen{min-height:580px}
.arcade[data-game-mode=menu] .screen:has(.start-button+.start-button){min-height:650px}
.arcade[data-game-mode=menu] .title-screen{overflow:visible}
@media(max-width:600px){.arcade[data-game-mode=menu]{padding:8px}.arcade[data-game-mode=menu] .cabinet{padding:0;border-radius:18px;overflow:hidden;border:3px solid #060a11;box-shadow:0 0 0 2px #2a77a5}.arcade[data-game-mode=menu] .screen{border:0;min-height:540px}.arcade[data-game-mode=menu] .screen:has(.start-button+.start-button){min-height:610px}.arcade[data-game-mode=menu] .topbar{padding:7px 8px}.arcade[data-game-mode=menu] .topbar .header-publisher{width:74px}}
.arcade[data-game-mode=menu] .utilities{width:auto!important;min-width:0!important;flex:0 0 auto}.arcade[data-game-mode=menu] .utilities button{width:44px!important;flex:0 0 44px}
/* Existing original white tent wordmark, readable on the approved navy menu toolbar. */
.arcade[data-game-mode=menu] .topbar .header-publisher{content:url('/jump-candidate/packet-assets/brand-wordmark.png');width:106px;min-width:106px;height:28px;object-fit:contain}

/* Approved V3: preserve original navy-dimmed menu hierarchy and quiet start. */
.arcade[data-game-mode=menu] .title-screen{background-image:linear-gradient(#09213be8 0%,#09213bd9 52%,#09213ba8 100%),linear-gradient(#596575,#596575),url('/jump-candidate/packet-assets/environment/grass-dirt-strip.webp'),url('/jump-candidate/packet-assets/environment/town-layer.webp?v=painted-depth-20261101'),url('/jump-candidate/packet-assets/environment/sky-clouds-runtime.webp?v=painted-depth-20261101')!important}
.arcade[data-game-mode=menu] .title-splash .start-button,.arcade[data-game-mode=menu] .title-splash .start-button:hover{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff1b6!important;text-shadow:0 2px #0a0c13;font:900 23px Arial,sans-serif!important;letter-spacing:.04em!important}
.arcade .title-menu-options>button,.arcade .title-menu-options summary,.arcade .utilities button{background:linear-gradient(#326d8a 0%,#214d6a 45%,#12304b 48%,#153a55 100%);border:2px solid #081a2c;box-shadow:inset 0 1px #8bd5e6,0 0 0 1px #3d8fab,0 4px #020913}
/* Compact live HUD: same six fields, no extra rows on desktop, no enlarged playfield obstruction. */
.arcade .hud{background:linear-gradient(#102b44,#061324);border:2px solid #266d88;border-radius:11px;box-shadow:inset 0 1px #63b2ca,inset 0 -2px #020813;gap:8px;padding:9px 12px;font-family:Arial,sans-serif}
.arcade .hud small{font:800 10px/1.1 Arial,sans-serif;letter-spacing:.06em;color:#a8cbdd}
.arcade .hud b{font:900 22px/1.15 Arial,sans-serif;color:#61edfa;text-shadow:0 1px #052332,0 0 8px #20bcdf33}
.arcade .hud b.pink{color:#ffc269}
.arcade .hud .token-counter{position:relative;padding:5px 12px 5px 51px;min-width:124px;border:1px solid #236e8b;border-radius:9px;background:linear-gradient(#020a16,#0b1e33);box-shadow:inset 0 2px 5px #0009,0 1px #73cfe2}
.arcade .hud .token-counter:before{content:'';position:absolute;left:3px;top:50%;transform:translateY(-50%);width:44px;height:44px;background:url('/jump-candidate/packet-assets/objects/medal.png') center/contain no-repeat;filter:drop-shadow(0 2px 1px #0009)}
.arcade .hud .token-counter b>span{display:none}
.arcade .world-intro{background:radial-gradient(ellipse,#b3c3c7,#728c9a)}
.arcade .world-intro>p{color:#233e4a;text-shadow:none;font:800 clamp(12px,2vw,18px)/1.2 Arial,sans-serif}
.arcade .world-intro .intro-race-name{color:#fff1af}
@media(max-width:600px){.arcade .hud{padding:6px 8px;gap:5px 8px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.arcade .hud small{font-size:8px;letter-spacing:.02em}.arcade .hud b{font-size:17px}.arcade .hud .token-counter{min-width:0;padding:2px 3px 2px 31px}.arcade .hud .token-counter:before{width:27px;height:31px;left:1px}.arcade .hud .token-counter small{font-size:7px;white-space:nowrap}.arcade .hud>div{min-width:0}.arcade .world-intro .intro-logo-stage{height:min(50%,280px)}}
@media(max-height:500px) and (min-width:601px){.arcade .hud{padding:4px 8px}.arcade .hud b{font-size:16px}.arcade .hud small{font-size:8px}.arcade .hud .token-counter{padding:1px 5px 1px 32px;min-width:100px}.arcade .hud .token-counter:before{width:27px;height:30px}}
.arcade[data-game-mode=menu] .title-screen{background-image:linear-gradient(#09213be8 0%,#09213bd9 52%,#09213bc9 75%,#09213b 100%),url('/jump-candidate/packet-assets/objects/tent.png'),linear-gradient(#596575,#596575),url('/jump-candidate/packet-assets/environment/grass-dirt-strip.webp'),url('/jump-candidate/packet-assets/environment/town-layer.webp?v=painted-depth-20261101'),url('/jump-candidate/packet-assets/environment/sky-clouds-runtime.webp?v=painted-depth-20261101')!important;background-position:center,8% calc(var(--home-feet) - 200px),center var(--home-feet),center calc(var(--home-feet) + 14px),center calc(var(--home-feet) - 128px),center!important;background-size:cover,auto 200px,100% 14px,auto 72px,auto 128px,cover!important;background-repeat:no-repeat,no-repeat,no-repeat,repeat-x,repeat-x,no-repeat!important}
.arcade .hud>div b{color:#61edfa}.arcade .hud>div b.pink{color:#ffc269}
/* Latest exact request: larger/bolder version of small subtitle, same dark color. */
.arcade .world-intro .intro-race-name,.arcade .game-overlay h2,.arcade .victory-screen h2{font-family:Arial,sans-serif;font-weight:800;font-variation-settings:normal;letter-spacing:.01em;-webkit-text-stroke:0;paint-order:normal;text-shadow:none;filter:none;text-transform:uppercase}.arcade .world-intro .intro-race-name{color:#163645}.arcade .game-overlay h2,.arcade .victory-screen h2{color:#fff5c6}
.arcade .world-intro .intro-race-name{font-size:clamp(25px,4vw,44px);line-height:1.1}
.arcade .title-menu-options>button,.arcade .title-menu-options summary,.arcade .utilities button{border:2px solid #061522;border-radius:14px;background:linear-gradient(180deg,#79b5cc 0%,#4388aa 7%,#276080 43%,#153950 48%,#0c2b42 79%,#245b77 100%);box-shadow:inset 0 2px #c7f4ff,inset 2px 0 #75bfd8,inset -2px 0 #163748,inset 0 -3px #0a1928,0 0 0 1px #64bfd9,0 5px #020910,0 7px 5px #0007}

/* Real asset progress: subtle terminal text, never a button. */
.arcade .title-splash .cartridge-load-status{font:500 12px/1.55 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace!important;color:#bdd4df;letter-spacing:.01em;text-transform:none;text-shadow:none;background:none;border:0;box-shadow:none;pointer-events:none;min-height:38px;max-width:92%;margin:7px 0 8px;padding:4px 0;overflow-wrap:anywhere;text-align:center}