*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);--safe-left:env(safe-area-inset-left);--safe-right:env(safe-area-inset-right);--park-green:#7ec850;--bg-dark:#1a1a2e}html,body{background:var(--bg-dark);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#app{width:100%;height:100%;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}.screen{flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.screen.hidden{display:none}.btn{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:24px;padding:16px 40px;font-size:1.25rem;font-weight:700}.btn:active{transform:scale(.95)}.avatar-creator{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;max-width:600px;padding:16px;display:flex}@media (width>=768px) and (orientation:landscape){.avatar-creator{flex-direction:row;justify-content:center;align-items:center;max-width:900px}}.avatar-preview{flex-shrink:0;width:clamp(120px,30vw,200px);height:clamp(120px,30vw,200px)}.avatar-preview svg,.avatar-preview img{width:100%;height:100%}.avatar-controls{flex-direction:column;align-items:center;gap:16px;display:flex}.color-swatches{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:44px;height:44px;padding:0;transition:transform .15s,border-color .15s}.swatch.active{border-color:#fff;transform:scale(1.2)}.part-selector{flex-direction:row;align-items:center;gap:16px;display:flex}.part-options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.part-option{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:all .2s;display:flex}.part-option:hover{background:#ffffff40}.part-option.active{background:#ffffff4d;border-color:#fff;font-weight:700;transform:scale(1.15)}.part-option:active{transform:scale(.92)}.arrow-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.arrow-btn:active{transform:scale(.92)}.part-label{color:#fff;text-align:center;min-width:80px;font-size:1.1rem}.done-btn{margin-top:8px}@media (width<=767px){.avatar-preview{width:140px;height:140px}.avatar-creator{padding-top:calc(24px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));justify-content:flex-start}.swatch{width:38px;height:38px}}@media (width>=768px) and (orientation:landscape){.btn{padding:20px 48px;font-size:1.5rem}}