:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#5aa7ff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{min-height:100vh;overflow:hidden;background:linear-gradient(to bottom,#7ec0ff,#7ec0ff 68%,#bfe6ff 68%,#bfe6ff)}button,input,select{font:inherit}.app,.game-app,.game-shell{position:relative;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.frame,.game-frame{position:relative;width:min(1280px,100%);aspect-ratio:16 / 9;border:6px solid #1a1a1a;border-radius:18px;overflow:hidden;background:linear-gradient(to bottom,#7ec0ff,#7ec0ff 70%,#99d7ff 70%,#99d7ff);box-shadow:0 20px 50px #0000004d,inset 0 0 0 4px #ffffff26}.hud,.game-hud{position:absolute;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 20px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:2px 2px 0 #000000;pointer-events:none}.hud>div,.hud-item,.scoreboard-item{display:flex;flex-direction:column;gap:4px}.hud .value,.hud strong,.scoreboard-value{font-size:1.15rem}.viewport,.scene,.game-scene,.level{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.95) 0 34px,transparent 35px),radial-gradient(circle at 76% 12%,rgba(255,255,255,.95) 0 28px,transparent 29px),radial-gradient(circle at 82% 24%,rgba(255,255,255,.9) 0 20px,transparent 21px),linear-gradient(to bottom,#78bbff,#78bbff 68%,#9edbff 68%,#9edbff)}.cloud,.cloud-small,.cloud-large{position:absolute;border-radius:999px;background:#fff;box-shadow:26px 0 #fff,52px 8px #fff,18px -16px #fff,44px -12px #fff;opacity:.95}.cloud{width:66px;height:26px}.cloud-small{width:50px;height:20px;transform:scale(.85)}.cloud-large{width:88px;height:34px;transform:scale(1.1)}.mountains,.hills,.backdrop{position:absolute;left:0;right:0;bottom:96px;height:220px;pointer-events:none}.hill,.mountain{position:absolute;bottom:0;background:#69bf57;border:4px solid #1f5f20;border-bottom:none;border-radius:50% 50% 0 0/70% 70% 0 0}.hill:before,.mountain:before{content:"";position:absolute;width:18%;height:18%;left:22%;top:28%;border-radius:999px;background:#ffffff38}.world,.track,.level-track{position:absolute;top:0;right:0;bottom:0;left:0}.ground,.floor{position:absolute;left:0;right:0;bottom:0;height:96px;background:linear-gradient(to bottom,#d79a53 0,#d79a53 12px,#b96f33 12px,#b96f33),repeating-linear-gradient(to right,transparent 0 44px,rgba(0,0,0,.08) 44px 48px);border-top:6px solid #7e471e}.ground:before,.floor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to right,rgba(255,255,255,.12) 0 2px,transparent 2px 24px,rgba(0,0,0,.14) 24px 26px,transparent 26px 48px),repeating-linear-gradient(to bottom,rgba(0,0,0,.12) 0 2px,transparent 2px 22px);mix-blend-mode:multiply}.platform,.brick,.block,.question-block,.pipe,.enemy,.player,.coin,.flag,.flagpole,.castle,.goomba,.koopa,.bullet,.collectible{position:absolute}.brick,.block{width:48px;height:48px;border:4px solid #70351f;background:linear-gradient(to bottom,#c97a3d,#b66631);box-shadow:inset 0 -6px #0000002e}.brick:before,.block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to right,transparent 0 20px,rgba(110,54,28,.85) 20px 24px),linear-gradient(to bottom,transparent 0 21px,rgba(110,54,28,.85) 21px 27px,transparent 27px 100%)}.question-block{width:48px;height:48px;border:4px solid #9b5b00;border-radius:4px;background:radial-gradient(circle at 30% 30%,#ffe89c 0 16%,transparent 17%),linear-gradient(to bottom,#ffd457,#f0b423);box-shadow:inset 0 -6px #0000002e}.question-block:after{content:"?";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.8rem;font-weight:900;color:#8a4a00;text-shadow:2px 2px 0 rgba(255,255,255,.35)}.pipe{width:96px;height:120px;border:5px solid #0c6a1f;border-top-width:8px;border-radius:8px 8px 0 0;background:linear-gradient(to right,#21a43c,#39c64f,#1f9837 70%,#187c2d)}.pipe:before{content:"";position:absolute;top:-22px;left:-8px;width:calc(100% + 16px);height:24px;border:5px solid #0c6a1f;border-radius:10px;background:linear-gradient(to right,#2bb447,#49d75f 45%,#23993a)}.coin,.collectible.coin{width:28px;height:40px;border:4px solid #b87300;border-radius:50%;background:linear-gradient(to right,#ffd95b,#ffbf1f,#ffd95b);box-shadow:inset 0 0 0 4px #fff5c359}.coin:before,.collectible.coin:before{content:"";position:absolute;top:5px;bottom:5px;left:50%;width:4px;transform:translate(-50%);background:#b87300bf}.player,.hero,.plumber{width:44px;height:64px;transform-origin:center bottom}.player .body,.hero .body,.plumber .body,.player:before{content:"";position:absolute}.player:before,.hero:before,.plumber:before{top:0;right:0;bottom:0;left:0;border-radius:10px 10px 6px 6px;background:radial-gradient(circle at 50% 14px,#ffd4b0 0 10px,transparent 10px),linear-gradient(to bottom,#d92e2e 0 18px,#d92e2e 18px 24px,transparent 24px),linear-gradient(to bottom,transparent 0 26px,#2264d1 26px 52px,#6b3f20 52px 100%)}.player:after,.hero:after,.plumber:after{content:"";position:absolute;left:7px;right:7px;top:20px;height:14px;background:#2264d1;border-radius:4px;box-shadow:0 18px #2264d1,-10px 6px 0 -2px #ffd4b0,10px 6px 0 -2px #ffd4b0}.enemy,.goomba{width:42px;height:36px;border:4px solid #4e2a17;border-radius:16px 16px 12px 12px;background:linear-gradient(to bottom,#9a5d33,#6a3e22)}.enemy:before,.goomba:before{content:"";position:absolute;top:9px;left:8px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:14px 0 #fff}.enemy:after,.goomba:after{content:"";position:absolute;left:4px;right:4px;bottom:-8px;height:12px;background:radial-gradient(circle at 10px 0,#4e2a17 0 8px,transparent 8px),radial-gradient(circle at 30px 0,#4e2a17 0 8px,transparent 8px)}.koopa{width:42px;height:56px;border:4px solid #246b1c;border-radius:18px 18px 12px 12px;background:radial-gradient(circle at 50% 24px,#ffe3b5 0 10px,transparent 10px),linear-gradient(to bottom,#35b244,#248933)}.flagpole{width:10px;height:240px;background:linear-gradient(to right,#f1f1f1,#cfcfcf);border:3px solid #8a8a8a;border-radius:999px}.flagpole:before{content:"";position:absolute;top:-18px;left:50%;width:22px;height:22px;transform:translate(-50%);border-radius:50%;background:#ffd84d;border:3px solid #b88b00}.flag{width:54px;height:36px;background:#42b649;border:3px solid #1b6b24;clip-path:polygon(0 0,100% 18%,78% 52%,100% 100%,0 100%)}.castle{width:150px;height:130px;border:5px solid #6d3b22;background:linear-gradient(to bottom,#d49a6a,#c17f4c)}.castle:before,.castle:after{content:"";position:absolute;top:-42px;width:32px;height:42px;border:5px solid #6d3b22;background:#c17f4c}.castle:before{left:12px}.castle:after{right:12px}.overlay,.panel,.game-panel,.menu,.start-screen,.end-screen{position:absolute;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 32px));padding:24px;border-radius:18px;border:4px solid #171717;color:#fffef6;background:#141824e0;box-shadow:0 18px 40px #0006;text-align:center}.overlay h1,.overlay h2,.panel h1,.panel h2,.menu h1,.start-screen h1,.end-screen h1{margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1}.overlay p,.panel p,.menu p,.start-screen p,.end-screen p{margin:8px 0;line-height:1.5;color:#ffffffe6}.actions,.controls,.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}button,.btn,.action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #171717;border-radius:999px;padding:10px 18px;background:linear-gradient(to bottom,#ffe27a,#ffbe2e);color:#171717;font-weight:900;cursor:pointer;box-shadow:0 6px #9f6200;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}button:hover,.btn:hover,.action-button:hover{filter:brightness(1.04)}button:active,.btn:active,.action-button:active{transform:translateY(4px);box-shadow:0 2px #9f6200}.instructions,.legend,.control-list{margin-top:14px;padding:12px 14px;border-radius:12px;background:#ffffff14;text-align:left}.instructions ul,.legend ul,.control-list ul{margin:0;padding-left:20px}.instructions li,.legend li,.control-list li{margin:6px 0}.touch-controls{position:absolute;z-index:25;left:0;right:0;bottom:14px;display:none;justify-content:space-between;padding:0 16px;pointer-events:none}.touch-controls .cluster{display:flex;gap:10px;pointer-events:auto}.touch-controls button{width:64px;height:64px;border-radius:50%;padding:0}.debug,.status-bar{position:absolute;z-index:22;left:16px;bottom:108px;padding:8px 12px;border-radius:10px;background:#0006;font-size:.9rem;font-weight:700}@media (max-width: 900px){.hud,.game-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:12px 14px;font-size:.9rem}.frame,.game-frame{width:100%;border-radius:0;border-left:none;border-right:none}.overlay,.panel,.menu,.start-screen,.end-screen{padding:20px}}@media (max-width: 720px){body{overflow:hidden}.app,.game-app,.game-shell{padding:0}.frame,.game-frame{aspect-ratio:auto;height:100vh}.touch-controls{display:flex}.debug,.status-bar{bottom:92px;font-size:.8rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}