#avatar-editor{box-sizing:border-box;width:min(1080px,calc(100vw - 24px));height:min(780px,calc(100dvh - var(--ui-safe-top,20px) - var(--ui-safe-bottom,16px) - 20px));max-width:none;max-height:none;padding:0;border:1px solid #69887966;border-radius:24px;background:#0b2528;color:#eaf4eb;overflow:hidden;inset:var(--ui-safe-top,20px) 0 var(--ui-safe-bottom,16px);margin:auto;font-family:inherit;box-shadow:0 35px 90px #0009}#avatar-editor::backdrop{background:#031218c9;backdrop-filter:blur(9px)}#avatar-editor *{box-sizing:border-box}.ae-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:18px 26px;border-bottom:1px solid #8ab9ac22}.ae-header small{font-size:10px;letter-spacing:2px;color:#a8bbae}.ae-header h2{font-size:26px;margin:5px 0 0;font-weight:800}.ae-close{background:#ffffff0b;color:#eef7ed;border:1px solid #abc6bd33;border-radius:12px;width:44px;height:44px}.ae-layout{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 84px)}.ae-preview{position:relative;min-width:0;min-height:0;background:radial-gradient(ellipse at 50% 35%,#658d784d,transparent 65%),linear-gradient(155deg,#21464a,#102e30 65%);overflow:hidden}.ae-preview canvas{width:100%;height:calc(100% - 66px);display:block;touch-action:none}.ae-badge{position:absolute;top:24px;left:24px;font-size:12px;font-weight:900;letter-spacing:1px;pointer-events:none}.ae-badge span{display:block;color:#b7caaf;font-weight:400;font-size:9px;letter-spacing:2px;margin-top:6px}.ae-camera{display:flex;justify-content:center;gap:6px}.ae-camera button{border:1px solid #9fbead55;background:#173638;color:#edf5e9;border-radius:9px;min-height:38px;padding:7px 11px;font:inherit;font-size:12px}.ae-preview p{font-size:10px;text-align:center;color:#a3b7ac;margin:7px}.ae-settings{display:flex;flex-direction:column;min-height:0;min-width:0;border-left:1px solid #9fbead22}.ae-settings nav{display:flex;gap:4px;padding:16px 18px;border-bottom:1px solid #9fbead22}.ae-settings nav button{flex:1;min-height:43px;background:transparent;border:0;color:#b6c8bf;font:inherit;font-size:12px;border-radius:10px}.ae-settings nav button[aria-selected=true]{background:#d8ff62;color:#173025;font-weight:800}.ae-options{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 22px;min-height:0}.ae-options fieldset{border:0;padding:0;margin:0 0 24px;display:flex;gap:8px;flex-wrap:wrap}.ae-options legend{font-weight:700;font-size:13px;padding:0;margin-bottom:11px}.ae-options button{font:inherit;font-size:12px;min-height:42px;background:#173639;border:1px solid #829f9740;color:#d8e6dc;border-radius:10px;padding:8px 13px}.ae-options button[aria-pressed=true]{border-color:#d8ff62;background:#344b2f;color:#edffc6}.ae-options button.ae-swatch{width:42px;padding:0;border-radius:50%;background:var(--swatch);color:white;text-shadow:0 1px 4px black;border:3px solid #10292a}.ae-options button.ae-swatch[aria-pressed=true]{outline:2px solid #d8ff62}.ae-settings footer{padding:12px 22px 16px;background:#102c2e;border-top:1px solid #9fbead22}.ae-status{font-size:11px;color:#bdd0bb;margin:0 0 9px;min-height:14px}.ae-save{display:block;width:100%;min-height:48px;background:#d8ff62;color:#132d20;border:0;border-radius:12px;font:inherit;font-weight:800}.ae-save:disabled{opacity:.6}.ae-reset{display:block;margin:9px auto 0;background:none;border:0;color:#a8beb3;font:inherit;font-size:11px;min-height:25px}.ae-open{margin-top:12px}.ae-options button:focus-visible,.ae-settings button:focus-visible,.ae-camera button:focus-visible{outline:2px solid white;outline-offset:3px}
@media (orientation:portrait){#avatar-editor{width:calc(100vw - 12px);border-radius:18px}.ae-header{height:66px;padding:12px 16px}.ae-header small{font-size:8px;letter-spacing:1px}.ae-header h2{font-size:22px}.ae-layout{height:calc(100% - 66px);grid-template-columns:1fr;grid-template-rows:38% 62%}.ae-preview canvas{height:calc(100% - 43px)}.ae-preview p{display:none}.ae-badge{top:14px;left:16px;font-size:9px}.ae-badge span{font-size:7px}.ae-settings{border-left:0;border-top:1px solid #9fbead22}.ae-settings nav{padding:8px 12px}.ae-settings nav button{min-height:36px}.ae-options{padding:12px 16px}.ae-options fieldset{margin-bottom:17px}.ae-settings footer{padding:8px 16px}.ae-save{min-height:43px}.ae-reset{margin-top:4px}.ae-status{margin-bottom:6px}}
@media (orientation:landscape) and (max-height:500px){#avatar-editor{border-radius:14px}.ae-header{height:53px;padding:7px 18px}.ae-header h2{font-size:20px}.ae-header small{font-size:8px}.ae-layout{height:calc(100% - 53px)}.ae-settings nav{padding:5px 10px}.ae-settings nav button{min-height:32px}.ae-options{padding:10px 16px}.ae-settings footer{padding:6px 14px}.ae-save{min-height:36px}.ae-reset{display:none}.ae-status{font-size:10px;margin-bottom:5px}.ae-badge{top:12px;left:16px}.ae-preview p{display:none}.ae-preview canvas{height:calc(100% - 42px)}}

#intro:has(#play.hidden) .ae-open{display:none}#colors[hidden]{display:none!important}

#avatar-editor h2{font-family:Arial,sans-serif;font-weight:800}.ae-preview canvas{height:calc(100% - 70px)}@media (orientation:portrait),(max-height:500px){.ae-preview canvas{height:calc(100% - 56px)}}