@font-face{font-family:Boldenvan;src:url('../assets/BoldenVan.ttf')}*{box-sizing:border-box}body{margin:0;background:#073d36;color:#102b26;font-family:Arial,sans-serif}.arcade{max-width:1600px;margin:auto;padding:20px 28px}header{display:flex;align-items:center;justify-content:space-between;color:#efffbd;padding-bottom:18px;gap:15px}header a{font:36px Boldenvan;color:inherit;text-decoration:none;transform:rotate(-3deg)}header>span{font-size:13px;font-weight:800;letter-spacing:.16em}button{font:24px Boldenvan;cursor:pointer;color:#102b26;border:3px solid #102b26;background:#efffbd;border-radius:12px;padding:12px 25px;box-shadow:0 4px 0 #102b26;transition:transform .12s}button:active{transform:translateY(3px);box-shadow:none}button:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid #ff70b1;outline-offset:4px}header button{font:700 14px Arial;padding:10px 16px;border:1px solid #efffbd80;background:transparent;color:#efffbd;box-shadow:none}.field{height:min(74svh,800px);min-height:480px;position:relative;border:4px solid #102b26;border-radius:24px;overflow:hidden;background:#edb747}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none}.hud>div{min-width:75px}.hud>div:last-child{text-align:right}.hud small{font-size:12px;font-weight:800;letter-spacing:.15em;display:block}.hud strong{display:block;font:42px Boldenvan}.hud .middle{text-align:center}.middle strong{color:#cf3168;font:30px Arial;line-height:1.5}.panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:70px 20px 30px;background:#ffe7a94d;backdrop-filter:blur(3px);overflow:auto}.panel[hidden]{display:none}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em}h1{font:clamp(54px,7vw,100px)/.85 Boldenvan;margin:22px 0 8px;transform:rotate(-4deg);text-shadow:0 3px #fff3b1}h1 em{font-style:normal;color:#f763a4;text-shadow:3px 4px #102b26}.panel p{font-size:16px;margin:12px 0}.instructions{display:flex;flex-direction:column;gap:5px;font-size:14px;line-height:1.4;margin:10px 0 20px}.panel #start{background:#f96daa;font-size:28px;min-width:220px}.panel .best{font-size:13px;font-weight:700;margin-top:20px}#jump{position:absolute;right:24px;bottom:24px;background:#efffbd;touch-action:none;user-select:none;-webkit-user-select:none}#jump span{margin-left:14px}#jump:disabled{visibility:hidden}footer{display:flex;justify-content:center;gap:40px;color:#efffbd;padding:20px 0 0;font:20px Boldenvan}footer small{font:10px Arial;margin-left:5px}.coming{opacity:.5}#feedback{position:absolute;left:50%;top:26%;transform:translateX(-50%);font:32px Boldenvan;color:#102b26;pointer-events:none}.scores{width:min(320px,100%);font-size:14px}.scores label{display:block;text-align:left;margin:8px 0}.save-row{display:flex;gap:8px}.save-row input{width:100%;min-width:0;border:2px solid #102b26;border-radius:8px;background:#fff4cb;padding:10px;font:16px Arial}.save-row button{font:18px Boldenvan;padding:8px 12px;white-space:nowrap}.scores ol{text-align:left;padding-left:25px;margin:8px 0}.scores li{padding:3px}.scores small{font-size:12px}.panel.finished h1{font-size:56px;margin:14px 0}.panel.finished .instructions,.panel.finished .eyebrow{display:none}.panel.finished{padding-top:35px}.panel.finished #start{font-size:24px;padding:8px 22px}.panel.finished .best{margin:10px 0} @media(max-width:600px){.arcade{padding:12px}.field{height:calc(100svh - 133px);min-height:490px;border-radius:18px}header{padding:0 6px 12px}header a{font-size:30px}header>span{font-size:11px}.hud{top:18px;left:16px;right:16px}.hud strong{font-size:32px}.hud small{font-size:10px}.middle strong{font-size:24px}.hud>div{min-width:60px}.panel{padding:90px 15px 35px}h1{font-size:68px}.eyebrow{font-size:10px}footer{gap:18px;font-size:16px;padding-top:15px}footer small{display:block;font-size:9px;margin:3px 0}#jump{bottom:20px;right:16px;padding:12px 22px}.panel.finished h1{font-size:45px}.panel.finished{padding-top:65px}.panel.finished p{font-size:14px;margin:8px 0}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.field{background:#edb747 url('assets/savanna.png') center 48%/cover no-repeat}

.jungle-stage .hud{color:#efffbd;text-shadow:0 2px 3px #073d36}.jungle-stage .panel{background:#efffbdde}.jungle-stage #feedback{color:#efffbd;text-shadow:0 2px 3px #073d36}

.leaderboard{max-width:760px;margin:28px auto 20px;padding:26px 28px;border:3px solid #102b26;border-radius:20px;background:#efffbd;color:#102b26;box-shadow:0 6px 0 #102b26;font-family:Boldenvan,Arial,sans-serif}.leader-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.board-kicker{font-size:16px;letter-spacing:.12em}.leaderboard h2{font:38px/1.1 Boldenvan;margin:5px 0 18px}.board-badge{font:16px Boldenvan;background:#ff76b5;border:2px solid #102b26;padding:8px 12px;border-radius:8px;transform:rotate(3deg)}#board{list-style:none;margin:0;padding:0}#board li{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-top:2px solid #102b2622;font:26px/1.1 Boldenvan}#board li:first-child{color:#b32365}#board small{display:block;font:13px/1.4 Arial,sans-serif;color:#305443;margin-top:3px}#board strong{font-weight:400}.rank{opacity:.6}#board-status{font:16px/1.4 Boldenvan;margin:16px 0 0}.recover-player{border-top:1px solid #102b2633;margin-top:18px;padding-top:14px;font:16px/1.4 Boldenvan}summary{cursor:pointer}.recover-player form{display:grid;gap:10px;margin-top:12px}.recover-player input{font:16px Arial;padding:12px;border:2px solid #102b26;border-radius:8px;background:#fff}.recover-player button{justify-self:start;font-size:20px}.scores{font-family:Boldenvan,sans-serif}.scores label{font-size:18px}.save-row input{font-family:Boldenvan;font-size:20px}.scores #saved{font:18px/1.2 Boldenvan}#claim{font:14px/1.4 Arial,sans-serif;text-align:left}#claim p{font:14px/1.4 Arial,sans-serif}#claim-code{width:100%;padding:8px;font:12px monospace}#claim button{font-size:18px;padding:6px 12px;margin-top:8px}.panel.finished{justify-content:flex-start;padding-top:45px;padding-bottom:35px}.panel.finished h1{flex-shrink:0}@media(max-width:600px){.leaderboard{padding:20px 18px;margin-top:24px}.leaderboard h2{font-size:30px}#board li{font-size:23px;grid-template-columns:30px minmax(0,1fr) auto;gap:8px}.board-badge{font-size:14px}.panel.finished{padding-top:60px}}[hidden]{display:none!important}
