:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#10121f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#ff5f872e,#0000 34%),linear-gradient(225deg,#62e7ff24,#0000 36%),linear-gradient(160deg,#141722 0%,#0e1520 46%,#1b1324 100%);min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,select,input{font:inherit}button,select{border:0}button{cursor:pointer}.app-shell{width:100vw;height:100vh;padding:clamp(14px,2vw,24px)}.game-surface{grid-template-rows:auto;align-content:start;max-width:760px;height:auto;min-height:calc(100vh - 48px);margin:0 auto;display:grid}h2,p{margin:0}.settings-close-button{color:#fff;background:#ffffff1c;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:42px;min-height:42px;font-weight:900;display:grid}.stat,.monkey-card,.high-score-panel{background:#0a0b1894;border:1px solid #ffffff24;border-radius:8px;box-shadow:0 18px 60px #00000038}.stat{padding:16px}.stat span,.high-score-panel span{color:#9ea5c8;text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.stat strong{margin-top:6px;font-size:clamp(1.45rem,3vw,2.4rem);line-height:1;display:block}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.high-score-panel{padding:14px}.dialog-actions button{color:#fff;background:#ffffff29;border:1px solid #fff3;border-radius:8px;min-height:44px;font-weight:900}.board-wrap{place-items:center;min-height:0;display:grid;position:relative}.board-shell{aspect-ratio:1/2;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,50vh - 24px,500px);position:relative}.board-mount{background:#050712;border:0;border-radius:8px;width:100%;height:100%;overflow:hidden}.board-overlay{z-index:9;pointer-events:none;letter-spacing:0;text-align:center;text-transform:uppercase;-webkit-text-stroke:2px #0000006b;place-items:center;font-family:Arial Black,Impact,ui-sans-serif,system-ui,sans-serif;font-weight:950;display:grid;position:absolute;inset:0}.board-hud{z-index:6;pointer-events:none;grid-template-columns:minmax(0,1.1fr) minmax(0,.72fr) 58px;gap:6px;display:grid;position:absolute;top:clamp(4px,.8vw,8px);left:clamp(4px,.8vw,8px);right:clamp(4px,.8vw,8px)}.board-hud .stat,.board-hud .monkey-card{min-width:0;min-height:42px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:6px 8px}.board-hud .stat span{color:#b9bfdf;text-shadow:0 2px 6px #000000f2;font-size:.58rem}.board-hud .stat strong{text-shadow:0 2px #000000bf,0 0 12px #000000e6;margin-top:3px;font-size:clamp(.9rem,2.2vw,1.18rem)}.board-hud .monkey-card{transform-origin:50%;will-change:transform, filter;padding:0}.board-hud .monkey-card.is-floating{animation:2.6s ease-in-out infinite monkey-tile-float}.board-hud .monkey-card.is-happy{filter:drop-shadow(0 0 8px #ffe985b8)drop-shadow(0 8px 12px #00000057);animation:.72s ease-in-out infinite monkey-tile-party}.board-hud .monkey-mount{width:100%;height:42px}.audio-unlock-button{z-index:10;touch-action:manipulation;background:#0000003d;border:1px solid #ffffff57;border-radius:50%;place-items:center;width:42px;height:42px;display:none;position:absolute;top:74px;right:10px;box-shadow:0 8px 22px #00000059,inset 0 0 18px #ffffff14}.audio-unlock-button.is-hidden{display:none}.speaker-icon{width:22px;height:18px;display:block;position:relative}.speaker-icon:before{content:"";background:#ffffffeb;border-radius:2px;width:7px;height:8px;position:absolute;top:5px;left:1px}.speaker-icon:after{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-right:11px solid #ffffffeb;width:0;height:0;position:absolute;top:2px;left:7px}.speaker-wave{border-right:2px solid #fffc;border-radius:50%;width:9px;height:14px;position:absolute;top:2px;right:-1px}.mobile-controls{z-index:8;aspect-ratio:1;pointer-events:none;opacity:.82;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:9px;width:min(66vw,240px);display:none;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}html[data-touch-controls=show] .mobile-controls{display:grid}html[data-touch-controls=hide] .mobile-controls{display:none}.mobile-control{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff47;border-radius:999px;place-items:center;min-width:0;min-height:0;display:grid;position:relative;box-shadow:0 10px 28px #00000038,inset 0 0 18px #ffffff14}.mobile-control:active{background:#62e7ff33;border-color:#62e7ff94;transform:scale(.96)}.mobile-control:before{content:"";filter:drop-shadow(0 0 8px #ffffff5c);border-style:solid;width:0;height:0}.control-up{grid-area:1/2}.control-up:before{border-width:0 13px 18px;border-color:#0000 #0000 #ffffffe0}.control-left{grid-area:2/1}.control-left:before{border-width:13px 18px 13px 0;border-color:#0000 #ffffffe0 #0000 #0000}.control-right{grid-area:2/3}.control-right:before{border-width:13px 0 13px 18px;border-color:#0000 #0000 #0000 #ffffffe0}.control-down{grid-area:3/2}.control-down:before{border-width:18px 13px 0;border-color:#ffffffe0 #0000 #0000}.control-drop{background:#ff304024;border-width:2px;grid-area:2/2}.control-drop:before{display:none}.control-drop span{color:#ffffffeb;text-transform:uppercase;letter-spacing:0;text-shadow:0 2px 8px #000000c7;font-size:clamp(.62rem,2.8vw,.78rem);font-weight:950}.mobile-help{z-index:7;color:#ffffffe6;text-align:center;pointer-events:none;background:#00000075;border:1px solid #ffffff29;border-radius:8px;width:min(88%,310px);padding:8px 10px;font-size:.72rem;font-weight:800;line-height:1.25;animation:6.2s forwards mobile-help-fade;display:block;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.mobile-help.is-hidden{display:none}@media (width>=761px) and (hover:hover) and (pointer:fine){.mobile-help{display:none}}.board-overlay[hidden]{display:none}.board-overlay[data-variant=countdown]{color:#62ff74;text-shadow:0 0 12px #57dd6fd9,0 0 32px #57dd6f8c;font-size:clamp(3.4rem,15vw,7rem);animation:.72s ease-out both countdown-pop}.board-overlay[data-variant=clear]{color:#ffe985;text-shadow:0 3px #4a1b00,0 0 16px #ffe985eb,0 0 36px #ff5f8780;padding:0 10%;font-size:clamp(1.65rem,5.6vw,3.1rem);line-height:1;animation:1.05s cubic-bezier(.18,.92,.24,1) both clear-praise}.board-overlay[data-variant=level]{color:#8dffb2;text-shadow:0 3px #063413,0 0 18px #62ff74e6,0 0 42px #ffe98561;font-size:clamp(2.2rem,8.8vw,5rem);animation:1.12s ease-out both level-flash}.board-overlay[data-variant=game-over]{color:#ff3040;text-shadow:0 5px #33050a,0 0 18px #ff3040f2,0 0 42px #ff304075;font-size:clamp(3rem,13.4vw,7rem)}.clear-monkey-overlay{z-index:8;pointer-events:none;place-items:start center;padding-top:clamp(4px,1.2vh,12px);display:grid;position:absolute;inset:0}.clear-monkey-overlay[hidden]{display:none}.clear-monkey{aspect-ratio:4/3;filter:drop-shadow(0 14px 18px #0000007a)drop-shadow(0 0 24px #ffe985d1);background-image:url(/assets/monkey-atlas.png);background-position:20%;background-repeat:no-repeat;background-size:600% 100%;width:min(92%,390px);animation:1.36s cubic-bezier(.18,.92,.24,1) both clear-monkey-burst}.clear-monkey-overlay[data-lines="2"] .clear-monkey,.clear-monkey-overlay[data-lines="3"] .clear-monkey,.clear-monkey-overlay[data-lines="4"] .clear-monkey{background-position:40%}.board-overlay-content{place-items:center;display:grid}.game-over-content{isolation:isolate;width:min(96%,430px);min-height:min(70vh,560px);position:relative}.game-over-monkey{aspect-ratio:4/3;filter:drop-shadow(0 14px 18px #0000009e)drop-shadow(0 0 20px #ff304047);z-index:1;background-image:url(/assets/monkey-atlas.png);background-position:100%;background-repeat:no-repeat;background-size:600% 100%;width:min(98%,400px)}.game-over-word{z-index:2;-webkit-text-stroke:3px #3a0408c7;filter:drop-shadow(0 10px #260006b3)drop-shadow(0 0 24px #ff3040b3);line-height:.82;position:absolute;left:50%;transform:translate(-50%)}.game-over-word-top{top:17%}.game-over-word-bottom{bottom:16%}.game-canvas{width:100%;height:100%;display:block}.monkey-card{place-items:center;padding:0;display:grid;overflow:hidden}.monkey-mount{width:100%;height:100%}.monkey-canvas{width:100%;height:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.high-score-panel{flex:1;min-height:0}.high-score-panel ol{color:#e8e9ff;margin:10px 0 0;padding-left:20px;line-height:1.65}.settings-dialog{color:#f7f4ff;-webkit-backdrop-filter:blur(22px)saturate(1.22);backdrop-filter:blur(22px)saturate(1.22);background:#0e1120bd;border:1px solid #ffffff38;border-radius:14px;width:min(560px,100vw - 28px);max-height:calc(100vh - 28px);padding:0;overflow:auto;box-shadow:0 30px 100px #0000008c}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03050d75}.settings-dialog form{gap:12px;padding:20px;display:grid}.dialog-header{justify-content:space-between;align-items:center;display:flex}.shortcuts-panel{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;gap:8px;padding:12px;display:grid}.shortcuts-panel h3{color:#f7f4ff;text-transform:uppercase;letter-spacing:0;margin:0;font-size:.8rem}.shortcuts-panel dl{grid-template-columns:1fr 1fr;gap:7px 10px;margin:0;display:grid}.shortcuts-panel div{grid-template-columns:minmax(76px,.72fr) minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.shortcuts-panel dt,.shortcuts-panel dd{margin:0;font-size:.72rem;line-height:1.18}.shortcuts-panel dt{color:#ffe985;font-weight:950}.shortcuts-panel dd{color:#d8dcff;font-weight:750}.settings-dialog label{color:#c5c8e6;gap:6px;font-weight:800;display:grid}.settings-dialog select,.settings-dialog input[type=url],.settings-dialog input[type=range]{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;min-height:40px;padding:0 10px}.settings-dialog input[type=url]{width:100%;font-size:.82rem}.toggle-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.toggle-grid label{background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:flex}.dialog-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}html[data-reduced-motion=true] .board-hud .monkey-card{filter:none;animation:none;transform:none}@keyframes countdown-pop{0%{opacity:0;transform:scale(.68)}18%,62%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes level-flash{0%{opacity:0;transform:scale(.82)}18%,68%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-10px)scale(1.07)}}@keyframes clear-praise{0%{opacity:0;transform:translateY(22px)scale(.84)}16%,70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-18px)scale(1.08)}}@keyframes clear-monkey-burst{0%{opacity:0;transform:translateY(18px)scale(.62)rotate(-5deg)}18%{opacity:1;transform:translateY(-6px)scale(1.03)rotate(3deg)}34%{filter:drop-shadow(0 14px 18px #00000075)drop-shadow(0 0 36px #ffe985f2)brightness(1.24);transform:translateY(0)scale(1.08)rotate(-2deg)}62%{opacity:.96;transform:translateY(-8px)scale(1.02)rotate(2deg)}to{opacity:0;transform:translateY(-34px)scale(.88)rotate(5deg)}}@keyframes monkey-tile-float{0%,to{transform:translate(0,0)rotate(0)}25%{transform:translate(-8px,12px)rotate(-3deg)}50%{transform:translate(-18px,2px)rotate(2deg)}75%{transform:translate(-7px,18px)rotate(4deg)}}@keyframes monkey-tile-party{0%,to{transform:translate(0,0)rotate(0)scale(1)}25%{transform:translate(-16px,18px)rotate(-8deg)scale(1.08)}50%{transform:translate(-26px,4px)rotate(6deg)scale(1.12)}75%{transform:translate(-9px,24px)rotate(9deg)scale(1.06)}}.play-stack{grid-template-rows:auto;align-content:start;justify-self:center;justify-items:center;gap:0;width:min(100%,560px);min-height:0;display:grid}.settings-scores span{font-size:.62rem}.play-stack .board-wrap{width:100%}.settings-scores{min-height:auto;box-shadow:none;background:#ffffff0d}@media (width<=760px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;padding:12px}.board-shell{width:min(100%,50vh - 12px,390px)}.dialog-actions,.toggle-grid,.shortcuts-panel dl{grid-template-columns:1fr}.settings-dialog form{padding:16px}}@media (width<=520px){.board-shell{width:min(100%,340px)}.board-hud{grid-template-columns:minmax(0,1.04fr) minmax(0,.66fr) 54px;top:4px;left:4px;right:4px}.board-hud .stat,.board-hud .monkey-card{min-height:42px}.board-hud .stat strong{font-size:.9rem}.board-hud .monkey-mount{height:40px}}@media (hover:none),(pointer:coarse){.mobile-help{display:block}}@media (width<=760px) and (orientation:portrait){body{background:#000;min-height:100dvh;overflow:hidden}.app-shell{background:#000;height:100dvh;min-height:100dvh;padding:0}.game-surface{align-content:start;max-width:none;min-height:100dvh;margin:0}.play-stack,.play-stack .board-wrap{width:100vw}.board-wrap{place-items:start center}.board-shell{border-radius:0;width:min(100vw,50dvh)}.board-mount{border:0;border-radius:0}.board-hud{top:max(4px, env(safe-area-inset-top));left:max(4px, env(safe-area-inset-left));right:max(4px, env(safe-area-inset-right))}.board-hud .stat,.board-hud .monkey-card{background:0 0;border:0}.mobile-help{display:block}.audio-unlock-button,html:not([data-touch-controls=hide]) .mobile-controls{display:grid}.game-over-content{width:min(98%,360px);min-height:min(68vh,520px)}.game-over-monkey{width:min(98%,340px)}}@keyframes mobile-help-fade{0%,66%{opacity:1}to{opacity:0}}