.creazione-aspetto02{--oro-aspetto:#d4b879;--bordo-aspetto:#af95644d;color:#e4dcc9;text-align:left;font:13px/1.45 Georgia,serif;isolation:isolate}
.aspetto-intestazione02{margin:10px 0 18px;padding-bottom:12px;border-bottom:1px solid var(--bordo-aspetto)}
.aspetto-sopratitolo02{font:9px/1.6 Arial,sans-serif;letter-spacing:.18em;color:#b7a276}
.aspetto-intestazione02 h2{margin:3px 0 0;font:normal 24px/1.2 Georgia,serif;color:#efdfbb}
.aspetto-struttura02{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(290px,1.18fr);gap:24px;align-items:start}
.aspetto-anteprime02{position:sticky;top:12px;min-width:0}
.aspetto-anteprime02 figure{margin:0 0 12px;overflow:hidden;border:1px solid var(--bordo-aspetto);border-radius:9px;background:radial-gradient(ellipse at 50% 35%,#34414399,transparent 72%),linear-gradient(130deg,#1d2929,#101718);box-shadow:inset 0 0 18px #0003}
.aspetto-anteprime02 canvas{display:block;width:100%;touch-action:none;cursor:grab}
.aspetto-anteprime02 canvas:active{cursor:grabbing}
.aspetto-figura02 canvas{height:330px}
.aspetto-viso02 canvas{height:210px}
.aspetto-anteprime02 figcaption{padding:7px 12px;border-top:1px solid #ad93652b;color:#b6ab91;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}
.creazione-aspetto02 .aspetto-gesti02{font:11px/1.6 Arial,sans-serif;color:#b4af9d;margin:0 0 10px;text-align:center}
.aspetto-controlli02{min-width:0;display:grid;gap:15px}
.aspetto-sezione02{display:grid;gap:12px;border-bottom:1px solid var(--bordo-aspetto);padding-bottom:16px}
.aspetto-sezione02 h3{margin:0;color:#c6b68f;font:normal 16px Georgia,serif}
.aspetto-selettore02{display:flex;align-items:center;gap:14px;text-align:left;min-height:82px;padding:10px 13px;width:100%;border:1px solid #b299665c;border-radius:7px;background:linear-gradient(110deg,#25302ce0,#141e21);color:#efe1c0;box-shadow:0 3px 10px #0002}
.aspetto-selettore02:hover{border-color:#d0b17a;background:linear-gradient(110deg,#303b32,#182326)}
.aspetto-selettore02 img{width:66px;height:66px;object-fit:cover;border-radius:4px;background:#162124}
.aspetto-selettore-testi02{display:grid;gap:2px;flex:1;min-width:0}
.aspetto-etichetta02{color:#b6ad96;font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.aspetto-selettore-testi02 strong{font:normal 15px Georgia,serif}
.aspetto-invito02{font:11px Arial,sans-serif;color:#d0b781;margin-top:2px}
.aspetto-campo-testa02{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.creazione-aspetto02 .aspetto-campo-testa02 label{font:13px Georgia,serif;margin:0;display:inline;color:#c7b794}
.aspetto-pelle-campione02{width:23px;height:23px;border-radius:50%;border:2px solid #e3d2a97a;box-shadow:0 1px 5px #0006}
.creazione-aspetto02 input.aspetto-cursore02{appearance:none;display:block;width:100%;height:11px;border:1px solid #c8ad6b77;border-radius:20px;background:var(--scala-pelle);padding:0;margin:12px 0;cursor:pointer;box-shadow:inset 0 1px 3px #0006}
.aspetto-cursore02::-webkit-slider-thumb{appearance:none;width:25px;height:25px;border-radius:50%;background:#c6a56b;border:3px solid #f1e0b9;box-shadow:0 2px 5px #0009}
.aspetto-cursore02::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#c6a56b;border:3px solid #f1e0b9;box-shadow:0 2px 5px #0009}
.aspetto-estremi02{display:flex;justify-content:space-between;font:10px Arial,sans-serif;color:#aba58f}
.creazione-aspetto02 fieldset{margin:0;padding:0;border:0;min-width:0}
.creazione-aspetto02 legend{padding:0;margin-bottom:8px;font:12px Georgia,serif;color:#c7b794}
.aspetto-corporatura02{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.creazione-aspetto02 label.aspetto-corporatura-scelta02{position:relative;display:block;margin:0;text-align:center;font:12px Georgia,serif}
.aspetto-corporatura-scelta02 input{position:absolute;opacity:0;width:1px;height:1px;margin:0!important;padding:0!important}
.aspetto-corporatura-scelta02 span{display:block;border:1px solid #96825966;border-radius:5px;padding:11px 6px;background:#152023;color:#c6bc9f;cursor:pointer}
.aspetto-corporatura-scelta02 input:checked+span{border-color:#d6b875;background:linear-gradient(#4f4930,#2c3027);color:#f4e4bf;box-shadow:inset 0 0 0 1px #c6a16d44}
.aspetto-corporatura-scelta02 input:focus-visible+span{outline:2px solid #f0d696;outline-offset:3px}
.aspetto-palette02{display:flex;flex-wrap:wrap;gap:7px}
.aspetto-swatch02{display:grid;place-items:center;gap:4px;min-width:37px;border:1px solid transparent;border-radius:5px;padding:4px 3px 3px;color:#bcb29a;background:transparent}
.aspetto-swatch-tinta02{display:block;width:25px;height:25px;border-radius:50%;background:var(--tinta);border:1px solid #ecdec04d;box-shadow:inset 0 0 0 2px #0002,0 2px 4px #0004}
.aspetto-swatch-nome02{font:9px Arial,sans-serif}
.aspetto-swatch02[aria-pressed=true]{border-color:#d1b476;background:#81744627;color:#e8d7b0}
.aspetto-swatch02[aria-pressed=true] .aspetto-swatch-tinta02{outline:2px solid #e1c895;outline-offset:2px}
.aspetto-swatch02:hover{background:#c9b27814;border-color:#beaa704d}
.aspetto-tatuaggi02{border:1px solid var(--bordo-aspetto);border-radius:6px;padding:12px}
.aspetto-tatuaggi02 summary{cursor:pointer;color:#d8c39a;font:14px Georgia,serif}
.aspetto-tatuaggi02[open] summary{margin-bottom:15px}
.aspetto-zone02{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.creazione-aspetto02 .aspetto-zone02 label{display:grid;gap:5px;margin:0;font-size:11px;color:#c5b797}
.creazione-aspetto02 .aspetto-zone02 select{width:100%;padding:7px;margin:0;background:#111a1d;color:#e9dbb8;border:1px solid #957b4b80;border-radius:4px;font-size:11px;color-scheme:dark}
.creazione-aspetto02 .aspetto-nota02{margin:17px 0 0;font:11px/1.6 Arial,sans-serif;color:#a9a58f}
.aspetto-tela-miniature02{position:fixed;left:-1200px;top:0;width:256px;height:256px;pointer-events:none;opacity:0}
.aspetto-galleria02{--oro-aspetto:#d4b879;width:min(760px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);margin:auto;padding:20px;color:#ede0c1;border:1px solid #b59a67;border-radius:9px;background:linear-gradient(135deg,#242d27,#111c21);box-shadow:0 25px 90px #000c;font:13px Georgia,serif}
.aspetto-galleria02::backdrop{background:#081014d9;backdrop-filter:blur(3px)}
.aspetto-galleria-testa02{display:flex;justify-content:space-between;align-items:center;gap:15px}
.aspetto-galleria-testa02 h2{margin:0;font:normal 25px Georgia,serif;color:#efdfba}
.aspetto-galleria-chiudi02{padding:8px 12px;border:1px solid #b6996355;border-radius:4px;background:#26302b;color:#e6d2a5;font:12px Arial,sans-serif}
.aspetto-galleria-stato02{margin:10px 0 15px;color:#b6b09b;font:11px/1.5 Arial,sans-serif}
.aspetto-galleria-griglia02{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;overflow:auto;max-height:calc(100dvh - 185px);padding:4px;scrollbar-width:thin}
.aspetto-galleria-scelta02{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:0;border:1px solid #a58f603d;border-radius:6px;background:#152124;color:#d7ceb5;overflow:hidden}
.aspetto-galleria-scelta02 img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:radial-gradient(ellipse,#45514a55,#172226);image-rendering:auto}
.aspetto-foto-attesa02{display:grid;place-items:center;aspect-ratio:1;font:10px Arial,sans-serif;color:#969b8b;padding:8px}
.aspetto-galleria-nome02{padding:8px 5px;font:11px/1.3 Georgia,serif;min-height:42px;display:grid;place-items:center;border-top:1px solid #af936429}
.aspetto-galleria-scelta02[aria-pressed=true]{border-color:#dcc289;background:#353b2c;color:#f6e6be;box-shadow:inset 0 0 0 1px #d4b578}
.aspetto-galleria-scelta02:hover{border-color:#b6a777;background:#29352f}
#pannelli .finestra[data-finestra="gm-identita"]{width:min(810px,calc(100vw - 30px));max-width:calc(100vw - 30px)}
#pannelli .finestra[data-finestra="gm-identita"]>.carta-identita-gm02{width:100%;max-width:none;max-height:calc(100dvh - 105px);overflow:auto;color:#e4dcc9;background:linear-gradient(135deg,#242d27,#111c21);border-color:#aa8e5c;scrollbar-width:thin}
.carta-identita-gm02>.intestazione h2{color:#eddbb3}
.gm-identita02-form{display:grid;gap:14px;min-width:0}
.gm-identita02-form>label{display:grid;gap:6px;margin:0;color:#cdbb92;font:12px Georgia,serif}
.gm-identita02-form>label input{width:100%;padding:10px 12px;background:#121d20;border:1px solid #a68b5a77;border-radius:5px;color:#f0e2c0;font:15px Georgia,serif}
.gm-identita02-form>.gm-identita02-esito{margin:0;color:#e6c18b;font:12px/1.5 Arial,sans-serif}
.gm-identita02-form>button[type=submit]{position:sticky;bottom:-1px;width:100%;margin:0;padding:13px 20px;border:1px solid #c4a165;border-radius:5px;color:#f0e1b9;background:linear-gradient(#685938,#3c3c29);box-shadow:0 -8px 16px #142022dd;font:14px Georgia,serif}
.gm-identita02-form>button[type=submit]:disabled{cursor:wait;opacity:.65}
.gm-identita02-apri{margin:12px 0 0;width:100%}
.creazione-aspetto02 button:focus-visible,.aspetto-galleria02 button:focus-visible,.creazione-aspetto02 input:focus-visible,.creazione-aspetto02 select:focus-visible{outline:2px solid #f1d895;outline-offset:3px}
#accesso .ingresso.creazione-aperta02{width:min(810px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px);padding:28px 32px!important;text-align:left}
#accesso:has(.creazione-aperta02){place-items:start center}
#accesso .creazione-aperta02>.sigillo-mondo,#accesso .creazione-aperta02>.sopratitolo,#accesso .creazione-aperta02>h1,#accesso .creazione-aperta02>p:first-of-type{display:none}
#accesso .creazione-aperta02 #form-personaggio>label{margin:8px 0;font-size:12px}
@media(max-width:600px){.aspetto-struttura02{grid-template-columns:1fr;gap:16px}.aspetto-anteprime02{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}.aspetto-anteprime02 figure{margin:0}.aspetto-figura02 canvas,.aspetto-viso02 canvas{height:235px}.aspetto-anteprime02 .aspetto-gesti02{grid-column:1/-1}.aspetto-controlli02{gap:13px}.aspetto-sezione02{gap:11px}.aspetto-galleria-griglia02{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.aspetto-galleria02{padding:15px}#accesso .ingresso.creazione-aperta02{padding:20px 18px!important}.aspetto-intestazione02 h2{font-size:22px}}
@media(max-width:360px){.aspetto-figura02 canvas,.aspetto-viso02 canvas{height:195px}.aspetto-zone02{grid-template-columns:1fr}.aspetto-galleria-griglia02{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.creazione-aspetto02 *,.aspetto-galleria02 *{scroll-behavior:auto!important}}