:root{--sky-top:#8fcdec;--sky-bottom:#cdeaf0;--ground-bottom:#8bd17c;--plank-sky:#e9d6ac;--plank-sky-edge:#c9ad79;--plank-air:#54beb2;--plank-air-edge:#37948c;--plank-ground:#82cc6c;--plank-ground-edge:#5ca34f;--cream:#f0e4ca;--cream-edge:#d8c39a;--ink:#3a2e22;--ink-soft:#6b5b45;--sun:#ffc94d;--sun-edge:#e6a92e;--white:#fffdf7;--font-display:"Baloo 2", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;font:600 18px/1.4 var(--font-body);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{min-height:100svh;margin:0}body{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 45%, var(--ground-bottom) 100%);background-attachment:fixed;overflow-x:hidden}#root{flex-direction:column;min-height:100svh;display:flex;position:relative}h1,h2{color:var(--ink);font-family:var(--font-display);margin:0 0 8px}p{margin:0}button{font:inherit;cursor:pointer}.scenery{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.scenery-cloud{filter:drop-shadow(0 4px 6px #3a2e221f);position:absolute}.scenery-cloud-a{opacity:.9;width:180px;top:36px;left:-30px}.scenery-cloud-b{opacity:.75;width:130px;top:100px;right:-20px;transform:scaleX(-1)}.scenery-carton,.scenery-hill{display:none}@media (width>=900px){.scenery-carton{filter:drop-shadow(0 8px 8px #3a2e2233);width:96px;display:block;position:absolute;bottom:14%;left:40px}}.menu-screen,.game-screen{flex-direction:column;flex:1;align-items:center;width:100%;max-width:480px;margin:0 auto;display:flex;position:relative}.menu-screen{text-align:center;justify-content:center;gap:18px;padding:32px 20px 48px}.menu-hero{justify-content:center;align-items:flex-end;display:flex}.menu-sticker{background:var(--white);border:4px solid var(--white);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:52px;animation:2.8s ease-in-out infinite float;display:inline-flex;box-shadow:0 4px #3a2e2226,0 10px 16px #3a2e2233}.menu-sticker-small{width:70px;height:70px;margin-bottom:-4px;margin-left:-22px;font-size:36px;animation-delay:.4s}.menu-screen h1{letter-spacing:-.5px;text-shadow:3px 3px #3a2e221a;font-size:42px;font-weight:800}.menu-tagline{color:var(--ink-soft);margin-bottom:4px;font-size:17px;font-weight:700}.menu-section{background:var(--cream);border:3px solid var(--white);width:100%;box-shadow:0 4px 0 var(--cream-edge), 0 10px 18px #3a2e2226;border-radius:22px;padding:18px 18px 20px}.menu-section h2{text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft);font-size:14px;font-family:var(--font-body);font-weight:800}.menu-difficulty-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.menu-btn{font-family:var(--font-display);background:var(--white);color:var(--ink);border:none;border-radius:999px;flex:1;min-width:100px;padding:14px 20px;font-size:17px;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 4px #3a2e2233}.menu-btn:hover{transform:translateY(-2px)}.menu-btn:active{transform:translateY(2px);box-shadow:0 2px #3a2e2233}.menu-btn-primary{background:linear-gradient(180deg, #ffdb85, var(--sun));color:#6b4a00;box-shadow:0 4px 0 var(--sun-edge);width:100%}.menu-btn-primary:active{box-shadow:0 2px 0 var(--sun-edge)}.game-screen{gap:16px;padding:64px 14px 40px}.icon-btn{background:var(--white);border:none;border-radius:50%;width:42px;height:42px;font-size:20px;box-shadow:0 3px #3a2e2233}.back-btn{position:absolute;top:14px;left:14px}.matchup-card{background:var(--cream);border:3px solid var(--white);width:100%;box-shadow:0 4px 0 var(--cream-edge), 0 10px 16px #3a2e2226;border-radius:22px;justify-content:space-between;align-items:flex-start;gap:6px;padding:14px 10px;display:flex}.matchup-side{opacity:.55;flex-direction:column;flex:1;align-items:center;gap:6px;transition:opacity .2s,transform .2s;display:flex;transform:translateY(0)}.matchup-active{opacity:1;transform:translateY(-3px)}.matchup-avatar{background:var(--white);border:3px solid var(--white);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:30px;display:flex;box-shadow:0 3px #3a2e222e}.matchup-active .matchup-avatar{box-shadow:0 0 0 3px var(--sun), 0 3px 0 #3a2e222e}.matchup-name{font-family:var(--font-display);color:var(--ink);font-size:12.5px;font-weight:700}.strike-pips{gap:4px;display:flex}.strike-pip{background:#3a2e2226;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1.5px #3a2e2240}.strike-pip-filled{background:var(--sun);box-shadow:inset 0 0 0 1.5px var(--sun-edge);animation:.3s cubic-bezier(.34,1.56,.64,1) pop-in}.matchup-vs{flex-direction:column;align-items:center;gap:5px;padding-top:6px;display:flex}.matchup-vs-badge{font-family:var(--font-display);letter-spacing:1px;background:var(--ink);color:var(--white);border-radius:8px;padding:3px 10px;font-size:14px;font-weight:800}.matchup-status{color:var(--ink-soft);text-align:center;min-height:14px;font-size:11.5px;font-weight:800}.score-chip{background:var(--white);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800;box-shadow:0 2px #3a2e2226}.score-draws{opacity:.85}.scene-viewport{touch-action:none;border-radius:24px;width:100%;height:min(72vh,620px);min-height:420px;overflow:hidden}.scene-canvas{outline:none}.scene-loading{width:100%;height:100%;font-family:var(--font-display);color:var(--ink-soft);justify-content:center;align-items:center;font-weight:700;display:flex}.board-badge{background:var(--ink);color:var(--white);font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;border:2px solid var(--white);white-space:nowrap;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;box-shadow:0 3px #3a2e2233}.piece-sticker{background:var(--white);border:3px solid var(--white);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:34px;animation:.25s cubic-bezier(.34,1.56,.64,1) pop-in;display:flex;box-shadow:0 3px #3a2e2233,0 5px 8px #3a2e2240}.win-overlay{z-index:10;background:#3a2e228c;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.win-card{background:var(--cream);border:4px solid var(--white);text-align:center;width:100%;max-width:340px;box-shadow:0 6px 0 var(--cream-edge), 0 20px 40px #0000004d;border-radius:26px;padding:32px 28px;animation:.35s cubic-bezier(.34,1.56,.64,1) pop-in}.win-card h2{font-size:26px}.win-emoji{background:var(--white);border:4px solid var(--white);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 10px;font-size:44px;display:flex;box-shadow:0 4px #3a2e2233}.win-overlay-terbang .win-card{background:linear-gradient(180deg, #fff7e0, var(--cream))}.terbang-piece{background:var(--white);border:4px solid var(--white);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 6px;font-size:52px;animation:.8s ease-in-out infinite fly-up;display:flex;box-shadow:0 4px #3a2e2233}.terbang-title{letter-spacing:1px;background:linear-gradient(#ff9d4d,#ff5757);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0;font-size:38px;font-weight:800;animation:.6s ease-in-out infinite pulse-scale}.win-card p{color:var(--ink-soft);margin-bottom:12px;font-weight:700}.win-actions{gap:10px;margin-top:16px;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes fly-up{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(4deg)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}