@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#226c2b;--paper:#f3f0e8;--lime:#d8ff27;--lime-dark:#a9cf16;--orange:#ffc400;--muted:#a5a59d;--line:rgba(243,240,232,.18)}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-height:100svh;color:var(--paper);background:radial-gradient(circle at 15% 10%,rgba(216,255,39,.08),transparent 26rem),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),var(--ink);background-size:auto,28px 28px,28px 28px,auto;font-family:"Space Mono",monospace;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{width:min(100% - 28px,1100px);margin:0 auto;padding:24px 0 18px}.brand-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.brand{display:flex;gap:10px;align-items:center;color:var(--paper);text-decoration:none;font:22px/1 "Archivo Black",sans-serif;letter-spacing:-.04em}.brand em{color:var(--lime);font:10px/1 "Space Mono";letter-spacing:.12em;border:1px solid var(--lime);padding:5px 7px;transform:rotate(-2deg)}.brand-mark{display:grid;place-items:center;width:30px;height:30px;color:var(--ink);background:var(--lime);border-radius:50%;font-size:18px}.header-actions{display:flex;gap:7px}.icon-button{color:var(--paper);background:transparent;border:1px solid var(--line);padding:9px 12px;font-size:10px;font-weight:700;cursor:pointer}.icon-button:hover,.icon-button[aria-pressed="true"]{border-color:var(--lime);color:var(--lime)}.game-card{border:1px solid var(--line);background:rgba(47,130,56,.88);box-shadow:0 30px 90px rgba(0,0,0,.45)}.game-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:20px 24px 18px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:9px;letter-spacing:.16em}h1{margin:0;font:clamp(38px,7vw,72px)/.85 "Archivo Black",sans-serif;letter-spacing:-.07em}.accent{color:var(--lime)}.scoreboard{display:flex;gap:clamp(15px,3.5vw,44px)}.scoreboard div{display:grid;gap:2px}.scoreboard span{color:var(--muted);font-size:9px;letter-spacing:.12em}.scoreboard strong{font-size:clamp(18px,3vw,29px);line-height:1}.game-stage{position:relative;min-height:620px;overflow:hidden;background:#2f8238;touch-action:none}.board-wrap{width:min(88%,540px);margin:0 auto;padding:28px 0}.level-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;color:var(--muted);font-size:8px;letter-spacing:.12em}.level-row strong{color:var(--lime)}#pressure{color:var(--paper)}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;aspect-ratio:1;padding:10px;border:1px solid var(--line);background:#226c2b;box-shadow:0 20px 55px rgba(0,0,0,.42)}.cell{position:relative;display:grid;place-items:center;min-width:0;border:1px solid rgba(243,240,232,.07);background:#45954d;overflow:hidden}.tile{position:absolute;inset:4px;display:grid;place-items:center;color:var(--paper);background:#367f3f;border:1px solid rgba(255,255,255,.1);font:clamp(18px,5vw,38px)/1 "Archivo Black";letter-spacing:-.07em;animation:pop .13s ease}.tile::after{content:'J';position:absolute;right:7px;bottom:5px;font:8px/1 "Space Mono";opacity:.38}.v4{background:#354029}.v8{color:var(--ink);background:#8daf2c}.v16{color:var(--ink);background:var(--lime)}.v32{color:var(--ink);background:#e6ff9e}.v64{color:var(--ink);background:#ffb34a}.v128{background:#ffe070}.v256{background:#ffc400}.v512{background:#e23b25;box-shadow:inset 0 0 0 2px #ff8d68}.v1024{background:#8f2aff;box-shadow:0 0 25px rgba(143,42,255,.35)}.v2048{color:var(--ink);background:var(--lime);box-shadow:0 0 35px rgba(216,255,39,.55);font-size:clamp(15px,4.2vw,31px)}.game-tip{text-align:center;margin:16px 0 0;color:var(--muted);font-size:8px;letter-spacing:.13em}.scanline{position:absolute;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(0,0,0,.35) 5px);mix-blend-mode:multiply}.overlay{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;text-align:center;padding:24px;background:rgba(34,108,43,.88);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transform:scale(1.02);transition:.2s ease;z-index:4}.overlay.is-visible{opacity:1;visibility:visible;transform:none}.coin-badge{display:grid;place-items:center;width:72px;height:72px;border:5px solid var(--ink);outline:3px solid var(--lime);border-radius:50%;color:var(--ink);background:var(--lime);font:34px/1 "Archivo Black";box-shadow:7px 7px 0 rgba(216,255,39,.18)}.overlay-kicker{color:var(--lime);margin:18px 0 8px;font-size:10px;font-weight:700;letter-spacing:.2em}.overlay h2{margin:0 0 24px;font:clamp(24px,5vw,46px)/1.03 "Archivo Black";letter-spacing:-.05em}.primary-button{min-width:190px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:0;padding:16px 18px;color:var(--ink);background:var(--lime);font-weight:700;cursor:pointer;box-shadow:6px 6px 0 var(--lime-dark)}.controls-hint{margin:22px 0 0;color:var(--muted);font-size:8px;letter-spacing:.14em}.record-message{margin:-10px 0 22px;color:var(--muted);font-size:10px;letter-spacing:.12em}.result-stats{display:flex;gap:8px;margin:-8px 0 24px}.result-stats span{display:grid;gap:4px;min-width:105px;padding:9px 12px;border:1px solid var(--line)}.result-stats small{color:var(--muted);font-size:7px;letter-spacing:.1em}.result-stats strong{color:var(--lime);font-size:16px}footer{display:flex;justify-content:space-between;gap:12px;padding:14px 2px 0;color:#6f706b;font-size:8px;letter-spacing:.1em}.footer-status{color:var(--lime)}.footer-status i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}@keyframes pop{0%{transform:scale(.72);opacity:.3}100%{transform:scale(1);opacity:1}}@media(max-width:700px){.app-shell{width:min(100% - 18px,560px);padding-top:14px}.game-heading{padding:15px;align-items:center}.scoreboard{gap:11px}.scoreboard div:nth-child(2){display:none}.scoreboard strong{font-size:15px}.game-stage{min-height:auto}.board-wrap{width:min(92%,500px);padding:18px 0}.board{gap:7px;padding:7px}.overlay h2{font-size:clamp(23px,7vw,38px)}.result-stats{gap:5px}.result-stats span{min-width:87px;padding:7px}footer span:first-child{display:none}}@media(max-width:420px){.brand em{display:none}.scoreboard div:nth-child(4){display:none}.board{gap:5px;padding:5px}.tile{inset:3px}.result-stats span{min-width:76px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* JUMBOOO official site palette */
html{background:#226c2b}body{background:radial-gradient(circle at 15% 10%,rgba(216,255,39,.10),transparent 26rem),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),#226c2b;background-size:auto,28px 28px,28px 28px,auto}.game-card{background:rgba(47,130,56,.94);box-shadow:0 30px 90px rgba(20,70,28,.36)}

/* High-contrast playfield: black screen framed by JUMBOOO green */
.game-stage{background:#070b08!important;border:2px solid rgba(216,255,39,.28)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 18px 55px rgba(10,42,17,.42)!important}.scanline{opacity:.11!important}

.board{background:#050807!important;border-color:rgba(216,255,39,.28)!important}.cell{background:#102a17!important;border-color:rgba(216,255,39,.08)!important}

footer,footer .footer-status{color:#fff!important}