*{box-sizing:border-box}body{font:16px/1.55 system-ui;margin:0;color:#fff;background:radial-gradient(circle at 20% 0,#5333a1,#081b45 55%,#040c22)}header,main{max-width:1060px;margin:auto;padding:20px}h1{font-size:clamp(2rem,5vw,3.3rem);color:#83eaff}a{color:#a1f2ff}.panel{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:#11245e;border:1px solid #6be5ff;border-radius:22px;padding:18px}label{flex:1 1 175px}select,input:not([type=checkbox]){display:block;width:100%;min-height:45px;padding:10px;border:1px solid #7be7ff;border-radius:12px;background:#0b1d4b;color:white;font:inherit}button{background:#155dc5;border:1px solid #8defff;border-radius:13px;color:#fff;padding:12px;min-height:44px;font:700 15px system-ui}button:focus-visible{outline:3px solid #ffdc76}.scene{display:grid;grid-template-columns:minmax(240px,1fr) 1fr;gap:20px;align-items:center;margin-top:20px;border:1px solid #79dfff;background:linear-gradient(120deg,#162a72,#3c226d);border-radius:24px;padding:22px;min-height:430px}.avatar{--glow:#48dcff;--suit:#244a8a;filter:drop-shadow(0 0 25px var(--glow));max-width:340px;margin:auto}.avatar svg{width:100%}.avatar.wave #hand{transform-origin:255px 215px;animation:wave .6s ease-in-out 4 alternate}.avatar.wave{animation:bob 1.5s ease-in-out infinite alternate}.avatar[data-companion=robot] svg{filter:hue-rotate(135deg) saturate(.7)}.avatar[data-companion=alien] svg{filter:hue-rotate(75deg)}.avatar[data-companion=orb] svg{border-radius:50%;filter:blur(1px) hue-rotate(190deg);transform:scale(.75)}.avatar[data-stage=future]{--suit:#101d35}.avatar[data-stage=creator]{--suit:#2a286c}.avatar[data-stage=adventure]{--suit:#194f88}.avatar[data-stage=discover]{--suit:#5583ba}.note{color:#cbdcf9}@keyframes wave{from{transform:rotate(0)}to{transform:rotate(-25deg)}}@keyframes bob{from{transform:translateY(0)}to{transform:translateY(-9px)}}@media(max-width:700px){.scene{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.avatar,.avatar *{animation:none!important}}