:root{--sky: #8fd3ff;--sky-deep: #4fb0f5;--ink: #14304a;--card: #ffffff;--sun: #ffd166;--sun-deep: #ffb703;--grass: #8ed177;--danger: #ff8fa3;--radius: 22px;--shadow: 0 10px 28px rgba(15, 50, 80, .24);font-family:"Baloo 2",Trebuchet MS,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--sky);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}#scene{display:block;width:100%;height:100%;touch-action:none;outline:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui button{font:inherit;border:none;cursor:pointer;color:var(--ink)}.big-button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 44px;border-radius:999px;font-size:30px;font-weight:800;letter-spacing:.04em;color:#fff!important;background:linear-gradient(180deg,var(--sun) 0%,var(--sun-deep) 100%);box-shadow:0 8px #d18f00,var(--shadow);transition:transform .08s ease,box-shadow .08s ease}.big-button:active{transform:translateY(5px);box-shadow:0 3px #d18f00,var(--shadow)}.big-button.secondary{background:linear-gradient(180deg,#fff,#dce9f5);color:var(--ink)!important;box-shadow:0 8px #b3c6d6,var(--shadow);font-size:22px;padding:14px 32px}.big-button.secondary:active{box-shadow:0 3px #b3c6d6,var(--shadow)}.big-button.toggle-off{background:linear-gradient(180deg,#fff,#dce9f5);color:#7b8b99!important;box-shadow:0 8px #b3c6d6,var(--shadow)}.icon-button{pointer-events:auto;width:62px;height:62px;border-radius:50%;font-size:27px;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:var(--card);box-shadow:0 5px #0f325040,var(--shadow);transition:transform .08s ease}.icon-button:active{transform:translateY(3px)}.icon-button.toggle-off{background:#cfe0ee;color:#7b8b99}.hud-top{position:absolute;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;padding-top:max(18px,env(safe-area-inset-top))}.hud-stars{pointer-events:none;display:flex;align-items:center;gap:12px;padding:10px 26px;border-radius:999px;background:#ffffffeb;box-shadow:var(--shadow);font-size:38px;font-weight:800;color:var(--ink)}.hud-star-icon{width:44px;height:44px;background:linear-gradient(180deg,var(--sun) 0%,var(--sun-deep) 100%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.hud-stars.bump{animation:bump .32s ease}@keyframes bump{0%{transform:scale(1)}45%{transform:scale(1.22) rotate(-3deg)}to{transform:scale(1)}}.hud-buttons{display:flex;align-items:center;gap:12px}.hud-device{pointer-events:none;padding:8px 18px;border-radius:999px;background:#14304a8c;color:#fff;font-size:16px;font-weight:700;white-space:nowrap}.hud-fps{pointer-events:none;position:absolute;left:20px;bottom:20px;padding:6px 14px;border-radius:12px;background:#14304a99;color:#b7ffb7;font-family:ui-monospace,monospace;font-size:14px}.hud-hint{pointer-events:none;position:absolute;left:50%;bottom:26px;transform:translate(-50%);padding:12px 30px;border-radius:999px;background:#ffffffe6;box-shadow:var(--shadow);font-size:22px;font-weight:700;color:var(--ink);opacity:0;transition:opacity .4s ease}.hud-hint.visible{opacity:1}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:auto;background:#14304a73;backdrop-filter:blur(3px);animation:fade-in .3s ease}.overlay.hidden{display:none}.overlay.intro-layer{z-index:30}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.card{width:min(680px,100%);max-height:92vh;overflow-y:auto;padding:32px 34px 36px;border-radius:32px;background:var(--card);box-shadow:var(--shadow);text-align:center}.card h1{margin:0 0 6px;font-size:clamp(40px,9vw,66px);font-weight:900;letter-spacing:.04em;color:var(--sky-deep);text-shadow:0 3px 0 #dceaf7}.card h2{margin:0 0 18px;font-size:clamp(28px,6vw,40px);font-weight:900;color:var(--ink)}.card p{margin:0 0 22px;font-size:21px;font-weight:600;color:#4b6b85;line-height:1.5}.control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:4px 0 26px}.control-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;border-radius:var(--radius);background:#f2f7fb}.control-key{display:flex;gap:5px;flex-wrap:wrap;justify-content:center;min-height:44px;align-items:center}.key{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 10px;border-radius:10px;background:#fff;box-shadow:0 3px #c3d3e0;font-size:19px;font-weight:800;color:var(--ink)}.key.wide{min-width:104px}.control-label{font-size:17px;font-weight:700;color:#4b6b85}.stick{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#5f6b78,#2f3740);box-shadow:inset 0 -3px 6px #0006,0 3px #c3d3e0}.card-actions{display:flex;flex-direction:column;gap:14px;align-items:center}.card-actions-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.loading-bar{width:100%;height:22px;border-radius:999px;background:#e4eef7;overflow:hidden;margin:0 0 22px}.loading-bar span{display:block;height:100%;width:15%;border-radius:999px;background:linear-gradient(90deg,var(--sun),var(--sun-deep));transition:width .25s ease}.stars-summary{display:flex;align-items:center;justify-content:center;gap:12px;font-size:34px;font-weight:800;color:var(--ink);margin-bottom:22px}.complete-title{font-size:clamp(46px,11vw,84px);color:var(--sun-deep);text-shadow:0 4px 0 #ffe6a8;animation:pop-in .5s cubic-bezier(.2,1.4,.5,1)}@keyframes pop-in{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.fade-curtain{position:absolute;inset:0;background:#eaf6ff;opacity:0;pointer-events:none;transition:opacity .35s ease}.fade-curtain.active{opacity:1}.touch-layer{position:absolute;inset:0;pointer-events:none}.touch-layer.is-hidden{display:none}.touch-joystick{position:absolute;width:156px;height:156px;margin-left:-78px;margin-top:-78px;border-radius:50%;background:#ffffff3d;border:4px solid rgba(255,255,255,.6);opacity:0;transition:opacity .14s ease}.touch-joystick.is-visible{opacity:1}.touch-knob{position:absolute;left:50%;top:50%;width:68px;height:68px;border-radius:50%;background:#ffffffe6;box-shadow:0 4px 12px #0f325059}.touch-jump{pointer-events:auto;position:absolute;right:26px;bottom:calc(30px + env(safe-area-inset-bottom));width:104px;height:104px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffd166e6;border:5px solid rgba(255,255,255,.75);box-shadow:var(--shadow)}.touch-jump.is-pressed{transform:scale(.94);background:#ffb703f2}.touch-jump span{width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:32px solid #fff;margin-top:-8px}.rotate-warning{display:none}@media(pointer:coarse)and (orientation:portrait)and (max-width:820px){.rotate-warning{position:absolute;inset:auto 0 12px;display:block;text-align:center;font-size:17px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.35);pointer-events:none}}.lil-gui{z-index:40!important;--font-size: 12px}