:root{--sky:#a8d8ea;--touch-min:96px;--safe-top:env(safe-area-inset-top,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--sky);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,sans-serif;overflow:hidden}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;touch-action:none;position:fixed;inset:0}#ui-root>*{pointer-events:auto}.icon-btn{cursor:pointer;touch-action:none;background:#ffffffeb;border:none;border-radius:28px;width:96px;height:96px;padding:14px;transition:transform .12s;position:relative;box-shadow:0 4px 12px #00000026}.icon-btn svg{width:100%;height:100%;display:block}.icon-btn.pressed,.icon-btn:active{transform:scale(.92)}.icon-btn.hidden{display:none}.hud{z-index:20;position:fixed;inset:0;pointer-events:none!important}.hud>*{pointer-events:auto;z-index:20;position:absolute}.home-btn{top:calc(24px + var(--safe-top));left:calc(24px + var(--safe-left))}.repeat-btn{top:calc(24px + var(--safe-top));left:calc(152px + var(--safe-left))}.mute-btn{top:calc(24px + var(--safe-top));right:calc(152px + var(--safe-right));width:96px}.gear-btn{z-index:55;top:calc(24px + var(--safe-top));right:calc(24px + var(--safe-right));box-shadow:none;background:#fff9;position:fixed;overflow:hidden}.gear-btn svg{opacity:.7}.gear-btn .hold-ring{background:conic-gradient(#81c784 var(--p,0%), transparent 0);opacity:0;border-radius:28px;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 60%,#000 62%);mask:radial-gradient(circle,#0000 60%,#000 62%)}.gear-btn.holding .hold-ring{opacity:1;animation:3s linear forwards hold-fill}@keyframes hold-fill{0%{--p:0%}to{--p:100%}}@property --p{syntax:"<percentage>";inherits:false;initial-value:0%}.loading-screen{background:var(--sky);z-index:50;flex-direction:column;justify-content:center;align-items:center;gap:24px;transition:opacity .4s;display:flex;position:fixed;inset:0}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-horse{width:160px;height:160px;animation:.9s ease-in-out infinite horse-bob}.loading-horse svg{width:100%;height:100%}@keyframes horse-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-18px)rotate(2deg)}}.loading-dots{gap:14px;display:flex}.loading-dots span{opacity:.6;background:#fff;border-radius:50%;width:18px;height:18px;animation:1.2s ease-in-out infinite dot}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}.profile-select{z-index:10;background:linear-gradient(#a8d8ea,#cfe9c8);justify-content:center;align-items:center;padding:120px 24px 24px;display:flex;position:fixed;inset:0}.profile-grid{flex-wrap:wrap;place-content:center;gap:40px;max-width:900px;display:flex}.profile-tile{cursor:pointer;touch-action:none;background:#fff;border:none;border-radius:40px;width:160px;height:160px;padding:22px;transition:transform .15s;box-shadow:0 8px 20px #00000026}.profile-tile svg{width:100%;height:100%}.profile-tile.pressed{transform:scale(.9)}.symbol-sun{background:#fff8e1}.symbol-flower{background:#fce4ec}.symbol-star{background:#fffde7}.symbol-heart{background:#ffebee}.symbol-apple{background:#f1f8e9}.symbol-butterfly{background:#ede7f6}@media (max-width:480px){.profile-tile{border-radius:32px;width:128px;height:128px}.profile-grid{gap:28px}}.adult-gate{text-align:center;background:var(--sky);color:#3e2723;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:fixed;inset:0}.adult-gate h1{margin:0;font-size:2.2rem}.adult-gate p{max-width:420px;line-height:1.5}.adult-btn{color:#fff;cursor:pointer;background:#6aa84f;border:none;border-radius:20px;min-height:56px;padding:18px 32px;font-size:1.15rem;font-weight:600;text-decoration:none;display:inline-block}.adult-btn.small{border-radius:12px;min-height:44px;padding:10px 16px;font-size:.95rem}.adult-btn.warn{background:#f9a825}.adult-btn.danger{background:#e53935}.parent-overlay{z-index:60;touch-action:pan-y;background:#3e27238c;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.parent-panel{color:#3e2723;-webkit-user-select:text;user-select:text;background:#fff;border-radius:24px;flex-direction:column;gap:14px;width:100%;max-width:640px;padding:20px;display:flex}.parent-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.parent-header h2,.parent-panel h3{margin:0}.parent-notice{background:#fff3e0;border-radius:12px;margin:0;padding:12px;line-height:1.4}.child-list{flex-direction:column;gap:14px;display:flex}.child-row{border:2px solid #efebe9;border-radius:16px;flex-direction:column;gap:10px;padding:12px;display:flex}.child-row.new{border-style:dashed}.symbol-picker{flex-wrap:wrap;gap:8px;display:flex}.symbol-choice{cursor:pointer;border:3px solid #0000;border-radius:14px;width:56px;height:56px;padding:6px}.symbol-choice svg{width:100%;height:100%}.symbol-choice.selected{border-color:#6aa84f}.name-input{border:2px solid #d7ccc8;border-radius:10px;padding:10px 12px;font-size:1rem}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.parent-footer{border-top:2px solid #efebe9;flex-direction:column;gap:10px;padding-top:12px;display:flex}.privacy-note{color:#6d4c41;margin:0;font-size:.85rem;line-height:1.4}.world-buttons{z-index:15;position:fixed;inset:0;pointer-events:none!important}.world-btn{pointer-events:auto;background:#fffffff2;border-radius:52px;width:104px;height:104px;padding:18px;animation:2.4s ease-in-out infinite float;position:absolute;top:0;left:0;box-shadow:0 6px 16px #0003}.world-btn.pressed{animation:none}@keyframes float{0%,to{margin-top:0}50%{margin-top:-10px}}.world-btn.small{width:96px;height:96px}.joystick-zone{pointer-events:auto;touch-action:none;z-index:5;width:50%;position:fixed;top:0;bottom:0;left:0}.joystick-base{pointer-events:none;background:#ffffff40;border:4px solid #ffffffb3;border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;position:absolute}.joystick-base.hidden{display:none}.joystick-knob{background:#ffffffe6;border-radius:50%;width:70px;height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0003}.ride-controls{z-index:6;right:calc(32px + var(--safe-right));bottom:calc(32px + var(--safe-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:28px;display:flex;position:fixed}.ride-controls>*{pointer-events:auto}.speed-btn{cursor:pointer;touch-action:none;background:radial-gradient(circle at 40% 35%,#ffd180,#ff9800);border:none;border-radius:50%;width:150px;height:150px;padding:30px;transition:transform .12s;box-shadow:0 8px 20px #00000040}.speed-btn svg{width:100%;height:100%}.speed-btn.pressed{background:radial-gradient(circle at 40% 35%,#ffe0b2,#fb8c00);transform:scale(.94)}.jump-btn{border-radius:50%;width:96px;height:96px}.helmet-overlay{pointer-events:none;z-index:8;background:linear-gradient(#283593,#3949ab);border-radius:0 0 50% 50%;height:150px;animation:.5s ease-out helmet-in;position:fixed;top:-60px;left:-10%;right:-10%;box-shadow:0 6px 18px #00000040}@keyframes helmet-in{0%{transform:translateY(-120px)}to{transform:translateY(0)}}.confetti{pointer-events:none;z-index:30;position:fixed;inset:0;overflow:hidden}.confetti span{opacity:.95;border-radius:2px;animation:linear forwards confetti-fall;position:absolute;top:-20px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(540deg)}}