*{box-sizing:border-box}body{margin:0;background:#0d131b;color:#edf1f5;font:15px Arial,sans-serif}header{padding:25px 6vw;display:flex;align-items:center;gap:25px;border-bottom:1px solid #ffffff15}header a{font-size:36px;font-weight:900;font-style:italic;color:white;text-decoration:none}header span{font-size:12px;letter-spacing:3px}small{display:block;font-size:8px;color:#8192a6;margin-top:6px}main{max-width:1250px;margin:auto;padding:45px 28px}h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2.5px;line-height:1.08;margin:16px 0 22px}h1 em{font-style:normal;color:#80caff}p{line-height:1.7;color:#9cacc0}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:bold;color:#8db4d2}.intro{margin-bottom:36px}.layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.stage-panel,.wardrobe,.test{border:1px solid #ffffff1a;background:#ffffff03;border-radius:22px;padding:27px}.stage-label{display:flex;justify-content:space-between;color:#91a9be;font-size:10px;letter-spacing:1px}#stage{height:385px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,#25435b80,transparent 65%);overflow:hidden}#petMount{width:300px;z-index:2;position:relative}.platform{position:absolute;width:240px;height:27px;border:1px solid #67b8ef44;background:#57b9ff0c;border-radius:50%;bottom:36px}.stars{position:absolute;top:55px;color:#5798ca;letter-spacing:60px}.stars span{color:#b6ddff}#bubble{position:absolute;top:10px;background:#ecf5fc;color:#172b3e;padding:12px 18px;border-radius:14px;font-weight:700;z-index:4}.pet-title{display:flex;align-items:center;justify-content:space-between}h2{font-size:25px;letter-spacing:-.7px;margin:12px 0} .pet-title p{margin:4px 0 20px;font-size:12px}.pill{font-size:9px;color:#91b9d4;border:1px solid #6fadd333;border-radius:20px;padding:9px}.commands{display:grid;grid-template-columns:1fr 1fr;gap:9px}button,.primary{font:700 12px Arial;padding:13px 16px;border:1px solid #ffffff25;border-radius:9px;background:#ffffff08;color:#d8e7f3;cursor:pointer;text-decoration:none;text-align:center;display:inline-block}button:hover{border-color:#57b9ff;background:#57b9ff22}.primary{background:#8ccfff;color:#0d2131;border-color:transparent}.hint{font-size:11px;line-height:1.65}.wardrobe>h2{margin-bottom:22px}label{display:block;color:#b8c9d8;font-size:11px;margin:14px 0 9px}input,select{display:block;width:100%;background:#101a26;border:1px solid #ffffff22;border-radius:8px;padding:11px;color:#eaf3fa;margin-top:8px;font:13px Arial}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.swatches button{width:29px;height:29px;border-radius:50%;padding:0;border:3px solid transparent}.swatches button[aria-pressed=true]{outline:2px solid #eff8ff;outline-offset:3px}.wardrobe .primary{width:100%;margin-top:20px}#saveStatus{font-size:11px;min-height:20px}.test{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:26px}.setup{display:grid;align-content:center;gap:12px}.setup p{font-size:12px;margin:0}footer{padding:30px;text-align:center;color:#657c92;font-size:10px;letter-spacing:1px}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:4px}[hidden]{display:none!important}svg{overflow:visible;width:100%}.float{animation:breathe 2.6s ease-in-out infinite;transform-origin:150px 240px}.eyes{animation:blink 5s infinite;transform-origin:150px 136px}.hi .arm-right{animation:wave .45s ease-in-out infinite;transform-origin:207px 176px}.dance .float{animation:dance .55s ease-in-out infinite;transform-origin:150px 240px}.sleep .eyes{transform:scaleY(.12);animation:none}.sleep .float{animation:breathe 4s infinite}.love .hearts{opacity:1;animation:hearts 1.4s ease-out infinite}.hearts{opacity:0}.sleep .zzz{opacity:1}.zzz{opacity:0}@keyframes breathe{50%{transform:translateY(-5px) scaleY(1.015)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes wave{50%{transform:rotate(-55deg)}}@keyframes dance{25%{transform:rotate(-8deg) translateY(-7px)}75%{transform:rotate(8deg) translateY(-7px)}}@keyframes hearts{0%{transform:translateY(5px);opacity:0}50%{opacity:1}100%{transform:translateY(-25px);opacity:0}}@media(max-width:800px){.layout,.test{grid-template-columns:1fr}main{padding:30px 17px}.stage-panel,.wardrobe,.test{padding:22px}#stage{height:340px}.test{gap:15px}}@media(prefers-reduced-motion:reduce){.float,.eyes,.hi .arm-right,.dance .float,.love .hearts{animation:none}}
/* Larger silhouettes, stage-specific anatomy and a dedicated wardrobe panel. */
main{max-width:1450px}.layout{grid-template-columns:minmax(0,1.4fr) minmax(360px,1fr);align-items:start}.stage-panel{position:sticky;top:15px}.wardrobe{padding:30px}.fields{gap:9px 20px}.fields label{margin-top:14px}select{padding:13px 10px}#stage{height:470px;overflow:visible}#petMount{width:365px;max-width:100%}.platform{bottom:29px;width:290px}.stars{top:65px}.species-picker{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin:24px 0 0}.species-picker button{font-size:12px;padding:12px 8px}.species-picker small{font-size:8px;letter-spacing:1px;margin-top:7px}.species-picker button[aria-pressed=true],.growth-option[aria-pressed=true]{border-color:#82cafa;background:#57b9ff13}.species-description{font-size:12px;min-height:40px}.growth-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.growth-option{padding:8px 8px 13px;background:#0f1a25;border-radius:13px}.growth-option svg{height:145px;display:block;overflow:visible}.growth-option span{display:block;font-size:11px;margin-top:5px;color:#bdd7ea}.growth-option .creature-motion,.growth-option .face-eyes{animation:none}.creature-motion{animation:creature-breathe 3s ease-in-out infinite;transform-origin:210px 450px}.face-eyes{animation:face-blink 5s infinite;transform-origin:0px 0px}.wave-limb{transform-origin:0 0}.hi .wave-limb{animation:creature-wave .55s ease-in-out infinite}.dance .creature-motion{animation:creature-dance .65s ease-in-out infinite}.sleep .face-eyes{transform:scaleY(.12);animation:none}.sleep .creature-motion{animation:creature-breathe 4.5s infinite}.wings{transform-origin:210px 315px;animation:wings 4s ease-in-out infinite}.pet-title{gap:12px}.pill{font-size:8px;white-space:nowrap}#bubble{top:0}.wardrobe .hint{margin-top:0}@keyframes creature-breathe{50%{transform:translateY(-4px) scaleY(1.008)}}@keyframes face-blink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.08)}}@keyframes creature-wave{0%,100%{transform:rotate(-55deg)}50%{transform:rotate(-105deg)}}@keyframes creature-dance{25%{transform:rotate(-5deg) translateY(-8px)}75%{transform:rotate(5deg) translateY(-8px)}}@keyframes wings{50%{transform:scaleX(.97)}}@media(max-width:950px){.layout{grid-template-columns:1fr}.stage-panel{position:static}.wardrobe{padding:24px}#stage{height:460px}}@media(max-width:480px){#petMount{width:300px}#stage{height:385px}.growth-option svg{height:110px}.growth-strip{gap:7px}.pet-title{align-items:start;flex-direction:column;gap:0}.species-picker small{font-size:7px}.species-picker button{font-size:10px;padding:10px 4px}.fields{gap:7px 12px}.pill{margin-bottom:10px}.stage-panel{padding:19px}}@media(prefers-reduced-motion:reduce){.creature-motion,.face-eyes,.hi .wave-limb,.dance .creature-motion,.wings{animation:none}}
header{justify-content:space-between;flex-wrap:wrap;gap:20px}.brand{display:flex;align-items:center;gap:18px}.brand span{font-size:12px;letter-spacing:3px;font-style:normal}nav{display:flex;align-items:center;gap:22px}nav a{color:#9db2c7;text-decoration:none;font-size:12px}nav a:hover,nav a[aria-current=page]{color:#8bd0ff}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:490px}.hero-pet{max-width:370px;justify-self:center;background:radial-gradient(ellipse,#20496b66,transparent 65%)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:30px 0}.section-title h1{font-size:42px}.panel{padding:27px;border:1px solid #ffffff1b;border-radius:20px;background:#ffffff03}.crew-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px}.pet-tile{padding:20px;border:1px solid #ffffff1c;background:#ffffff03;border-radius:18px;text-decoration:none;color:#e6f0f9;transition:transform .2s}.pet-tile:hover{transform:translateY(-4px);border-color:#7cc6f8}.pet-tile h3{margin:10px 0}.pet-tile p{font-size:11px;margin:9px 0 17px}.tile-art{height:245px}.tile-art svg{height:100%;width:100%}.notice{padding:16px 20px;border:1px solid #6cb0df66;background:#193b5666;border-radius:12px;margin-bottom:20px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.notice.error{border-color:#cc8d8b66;background:#56352f66}.coin-badge{color:#edcf8b;border:1px solid #b7995f55;border-radius:30px;padding:14px 20px;white-space:nowrap}.my-pet-art{height:450px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:radial-gradient(ellipse,#1e426266,transparent 70%)}.my-pet-art svg{max-height:100%;max-width:380px}.progress-box p{margin:13px 0 7px}.progress-box strong{font-size:15px;color:#c0def2}progress{display:block;width:100%;height:8px;appearance:none;margin:18px 0;background:#25394a;border:0;border-radius:20px;overflow:hidden}progress::-webkit-progress-bar{background:#25394a}progress::-webkit-progress-value{background:#78c6f7}.wardrobe{min-width:0}.wardrobe-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:24px 0 16px}.wardrobe-tabs button{font-size:10px;padding:10px 12px}.wardrobe-tabs [aria-pressed=true]{background:#77bce3;color:#102132}.item-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:650px;overflow:auto;padding:4px}.shop-item{min-width:0}.item-preview{width:100%;padding:9px;min-height:170px}.item-preview[aria-pressed=true]{border-color:#92d0f8;background:#57b9ff1b}.item-preview div{height:120px}.item-preview svg{height:100%;width:100%}.item-preview span{display:block;font-size:10px;line-height:1.4}.item-preview small{font-size:9px;color:#a9c9dc;margin-top:6px}.shop-item>button:not(.item-preview){margin-top:6px;width:100%;font-size:10px;padding:9px}.species-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:500px;overflow:auto;margin:20px 0}.species-option{padding:12px}.species-option div{height:140px}.species-option svg{height:100%;width:100%}.species-option strong,.species-option small{display:block}.species-option small{font-size:9px;letter-spacing:0;color:#a0bdd1}.species-option[aria-pressed=true]{border-color:#91ccee;background:#3c729333}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide h1{margin-bottom:35px}.guide h2{font-size:22px}.guide p{font-size:14px}.profile-card{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;max-width:1050px;margin:35px auto}.profile-art{height:500px}.profile-art svg{height:100%;width:100%}.back-link{color:#9ac9e9;text-decoration:none}dialog{background:#152330;color:#edf4fa;border:1px solid #50708c;border-radius:20px;padding:30px;width:min(94vw,520px)}dialog::backdrop{background:#040d17dc}dialog h2{margin:15px 0}dialog p{font-size:13px}dialog input{margin-bottom:18px}.dialog-close{float:right}.dialog-actions{display:flex;gap:10px;justify-content:end}#connectionCommand{display:block;padding:18px;border-radius:10px;background:#0b1724;border:1px solid #74b8e3;font-size:18px;user-select:all;color:#a1d9ff}.quiet{background:transparent}code{color:#b9dcf3;overflow-wrap:anywhere}button:disabled{opacity:.4;cursor:not-allowed}.empty{grid-column:1/-1}#speciesPicker:empty{display:none}.my-pet-art[data-bg='1']{background:#24475a}.my-pet-art[data-bg='2']{background:#293f36}.my-pet-art[data-bg='3']{background:#6c4b3e}.my-pet-art[data-bg='4']{background:#47415d}.my-pet-art[data-bg='5']{background:#573d4e}.my-pet-art[data-bg='6']{background:#26344f}.my-pet-art[data-bg='7']{background:#605640}.my-pet-art[data-bg='8']{background:#214951}.my-pet-art[data-bg='9']{background:#594433}.my-pet-art[data-bg='10']{background:#354759}.my-pet-art[data-bg='11']{background:#3c3154}@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:0}.hero-pet{width:260px}.guide-grid,.profile-card{grid-template-columns:1fr}.profile-card{gap:20px}.profile-art{height:370px}header{padding:18px 20px}nav{gap:15px;flex-wrap:wrap}.my-pet-art{height:390px}.section-title{align-items:start;flex-wrap:wrap}.coin-badge{padding:12px 16px}.item-list{max-height:550px}.section-title h1{font-size:34px}}
.page-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 30px;border-bottom:1px solid #ffffff1b;padding-bottom:15px}.page-tabs a{padding:12px 15px;border-radius:8px}.page-tabs a[aria-current=page]{background:#85c9f2;color:#102238}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.metrics>div{border:1px solid #ffffff1a;border-radius:15px;padding:25px;background:#ffffff03}.metrics strong{display:block;font-size:30px}.metrics small{font-size:11px;letter-spacing:0;color:#94a9bd;margin-top:10px}.admin-tab>.panel{margin:22px 0}.admin-tab .guide-grid{margin-bottom:24px}.toggle{display:flex;gap:10px;align-items:center;font-size:14px}.toggle input{width:18px;height:18px;margin:0}.player-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0}.player-row h3{margin:5px 0}.player-row p{margin:7px 0}.player-controls{display:flex;gap:8px;flex-wrap:wrap;max-width:410px}.activity-row,.event-row{border-bottom:1px solid #ffffff13;padding:12px 0;font-size:12px}.event-row{display:flex;justify-content:space-between;align-items:center;gap:20px}ol{padding-left:23px;color:#aebed0;line-height:2;font-size:14px}#settingsForm{max-width:800px}.admin-tab input[type=file]{padding:15px}.fields{margin:20px 0}@media(max-width:700px){.metrics{grid-template-columns:1fr 1fr}.player-row{display:block}.player-controls{margin-top:15px}.metrics>div{padding:19px}.metrics strong{font-size:25px}}[hidden]{display:none!important}
/* Only the main preview/profile animates; wardrobe and gallery thumbnails stay light. */
.item-preview *,.species-option *,.tile-art *{animation:none!important}

.account-notice{padding:15px;border-left:3px solid #8bc9f1;background:#57b9ff0b;border-radius:0 10px 10px 0;font-size:13px}