:root{--ink:#533722;--panel:rgba(255,249,232,.94);--pink:#ef7188}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Trebuchet MS","Arial Rounded MT Bold",system-ui,sans-serif;color:var(--ink);background:#56351f}button,input,a{font:inherit}.home-world{position:relative;min-height:100vh;overflow:hidden;background:linear-gradient(rgba(42,25,13,.05),rgba(42,25,13,.18)),url('/peblet-home-interior.png') center/cover no-repeat}.home-world:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(40,22,10,.05) 0 55%,rgba(40,22,10,.28) 100%);pointer-events:none}.home-header{position:relative;z-index:8;height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px clamp(14px,3vw,38px);background:linear-gradient(rgba(43,24,12,.72),rgba(43,24,12,.2),transparent);color:white}.home-header a{text-decoration:none;font-weight:900}.back{justify-self:start;padding:9px 14px;border-radius:999px;background:rgba(65,39,21,.65);border:2px solid rgba(255,255,255,.28);color:white}.home-title{display:flex;align-items:center;gap:10px}.home-title>span{width:43px;height:43px;display:grid;place-items:center;border-radius:15px;background:rgba(255,244,211,.9);font-size:23px}.home-title div{display:grid}.home-title small{font-size:9px;letter-spacing:.12em;color:#f1d7b6;font-weight:1000}.home-title strong{font-size:20px}.account-link{justify-self:end;padding:10px 14px;border-radius:999px;background:#f5e4be;color:#67462d}.room{position:absolute;z-index:2;inset:78px min(390px,34vw) 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.room-copy{position:absolute;z-index:5;top:4%;text-align:center;color:#fff8e9;text-shadow:0 3px 7px #482711}.room-copy p{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.15em;font-weight:1000}.room-copy label{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;background:rgba(65,38,19,.66);font-weight:900}.room-copy input{width:120px;padding:4px 8px;border:0;border-bottom:2px dashed #ffd5a5;background:transparent;color:#fff;font-weight:1000;text-align:center;outline:none}.character-stage{position:relative;width:min(58vw,570px);height:min(58vw,570px);margin-top:4%}.peblet-preview,.accessory-layer{position:absolute;pointer-events:none;user-select:none;object-fit:contain}.peblet-preview{z-index:2;inset:7%;width:86%;height:86%;filter:drop-shadow(0 19px 11px rgba(44,25,12,.3));animation:homeBreathe 3.7s ease-in-out infinite}.accessory-layer{z-index:3;display:none;filter:drop-shadow(0 7px 5px rgba(55,31,16,.25))}.accessory-layer.behind{z-index:1}.accessory-layer.visible{display:block}.soft-shadow{position:absolute;z-index:0;left:23%;right:23%;bottom:12%;height:8%;border-radius:50%;background:rgba(45,25,12,.32);filter:blur(10px)}.room-note{margin-top:-40px;padding:8px 13px;border-radius:999px;background:rgba(62,37,20,.68);color:#fff3dc;font-size:11px;font-weight:900}.wardrobe{position:absolute;z-index:6;top:87px;right:clamp(10px,2vw,26px);bottom:20px;width:min(350px,34vw);display:flex;flex-direction:column;padding:18px;border:3px solid rgba(255,255,255,.66);border-radius:27px;background:var(--panel);box-shadow:0 22px 60px rgba(41,21,8,.38),inset 0 2px rgba(255,255,255,.8);backdrop-filter:blur(14px)}.wardrobe-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.wardrobe-heading small{font-size:9px;letter-spacing:.12em;color:#9b6d4d;font-weight:1000}.wardrobe-heading h1{margin:2px 0;font-size:27px}.wardrobe-heading button{padding:8px 10px;border:0;border-radius:12px;background:#ead8b0;color:#6b4931;font-size:11px;font-weight:1000;cursor:pointer}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:13px 0 8px}.tab{min-height:39px;padding:5px;border:0;border-radius:12px;background:#eadcba;color:#72503a;font-size:11px;font-weight:1000;cursor:pointer}.tab.active{background:linear-gradient(#ff91a2,#eb687f);color:white;box-shadow:0 4px 0 #b94b5f}.category-note{padding:8px 10px;border-radius:11px;background:#f7edd5;color:#826249;font-size:11px}.options{display:grid;min-height:0;padding:10px 3px;flex:1;align-content:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:auto;overscroll-behavior:contain}.option{position:relative;min-height:91px;padding:7px 5px;border:3px solid transparent;border-radius:16px;background:#f5e8ca;color:#60412d;box-shadow:0 4px 9px rgba(91,55,30,.1);font-size:10px;font-weight:1000;text-align:center;cursor:pointer;transition:.14s}.option:hover,.option:focus-visible{transform:translateY(-3px)}.option.selected{border-color:#ed7086;background:#fff8e9;box-shadow:0 0 0 3px rgba(237,112,134,.18)}.option img{display:block;width:100%;height:61px;margin:auto;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(71,42,23,.12))}.option .swatch{display:block;width:47px;height:47px;margin:5px auto 10px;border:5px solid white;border-radius:50%;box-shadow:0 3px 8px rgba(55,32,18,.2)}.wardrobe-footer{display:grid;grid-template-columns:auto 1fr;gap:8px;padding-top:12px;border-top:2px solid #e1d0ad}.wardrobe-footer button{min-height:48px;border:0;border-radius:15px;font-weight:1000;cursor:pointer}.remove-extra{padding:8px 10px;background:#eee2c9;color:#7a5b45}.save-peblet{background:linear-gradient(#ff8ea1,#eb687f);box-shadow:0 5px 0 #b84a60;color:white}.saved-message{position:fixed;z-index:20;left:50%;bottom:25px;padding:13px 19px;border-radius:999px;background:#3f7951;color:white;font-weight:1000;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.25s}.saved-message.show{opacity:1;transform:translate(-50%,0)}@keyframes homeBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.015)}}@media(max-width:820px){.home-header{height:65px;padding:8px 11px}.home-title strong{font-size:16px}.home-title small{display:none}.back{font-size:0}.back:before{content:"←";font-size:18px}.account-link{font-size:0;width:41px;height:41px;padding:0;display:grid;place-items:center}.account-link:after{content:"🏦";font-size:20px}.room{inset:65px 0 43vh 0}.room-copy{top:2%}.character-stage{width:min(88vw,460px);height:min(88vw,460px)}.room-note{display:none}.wardrobe{top:auto;right:7px;bottom:7px;left:7px;width:auto;height:42vh;padding:13px;border-radius:22px}.wardrobe-heading h1{font-size:20px}.tabs{margin:8px 0 6px}.category-note{display:none}.options{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:96px;grid-template-rows:97px;overflow-x:auto;overflow-y:hidden}.option{min-height:91px}.wardrobe-footer{padding-top:7px}}@media(max-width:460px){.home-title>span{display:none}.room-copy label{padding:7px 10px}.room-copy input{width:100px}.wardrobe-heading button{font-size:9px}.tab{font-size:9px}}@media(prefers-reduced-motion:reduce){.peblet-preview{animation:none}.option,.saved-message{transition:none}}