:root{--cream:#fff5df;--ink:#2b392c;--blue:#c7dfe9;--lilac:#e6daee;--butter:#f6d976;--line:#2b392c26}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--ink);background:var(--cream);font:17px/1.5 DogeSans,system-ui,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}button,a,input,select{touch-action:manipulation}:focus-visible{outline:3px solid #537aa7;outline-offset:4px}a{color:inherit}button{border:0}h1,h2{font-family:Caprasimo,Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.04}h1{font-size:clamp(44px,6vw,83px);margin:16px 0 24px}h2{font-size:38px;margin:0 0 20px}.member-header{min-height:98px;padding:18px clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.member-brand img{display:block;width:88px;height:56px}.member-heading{font:25px Caprasimo,Georgia,serif;margin:0;position:absolute;left:50%;transform:translateX(-50%)}.member-nav{display:flex;gap:22px;align-items:center}.member-nav>a,.member-nav>button{font-size:15px;font-weight:700;background:none;text-decoration:none;padding:10px 0;min-height:44px}.member-nav button:hover,.member-nav a:hover{text-decoration:underline}.member-kicker{font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 22px}.member-primary{min-height:58px;background:var(--ink);color:var(--cream);border-radius:12px;padding:15px 23px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:28px}.member-primary:hover{background:#435544}.member-primary span{font-size:23px}.member-footer{border-top:1px solid var(--line);min-height:85px;padding:20px clamp(20px,4vw,64px);display:flex;gap:24px;align-items:center;font-size:13px}.member-footer p{margin:0 auto 0 0}.member-footer a{min-height:44px;display:flex;align-items:center;gap:10px;text-underline-offset:4px}.text-button{background:none;text-decoration:underline;text-underline-offset:4px;font-size:14px;padding:10px 0;min-height:44px}.member-loading{min-height:calc(100svh - 183px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.member-loading h1{font-size:40px}.spinner{display:block;width:34px;height:34px;border:3px solid var(--line);border-right-color:var(--ink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.member-dialog{border:0;border-radius:24px;background:var(--cream);color:var(--ink);padding:40px;width:min(560px,calc(100vw - 28px));max-height:calc(100svh - 28px);overflow:auto;box-shadow:0 20px 80px #15251855}.member-dialog::backdrop{background:#17221d73;backdrop-filter:blur(6px)}.dialog-close{position:sticky;top:-24px;float:right;z-index:1;margin:-25px -23px -25px 0;width:44px;height:44px;border-radius:50%;background:var(--cream);font-size:28px;line-height:1}.member-dialog p{margin:0 0 20px}.member-dialog .member-kicker{margin-bottom:18px}.dialog-fine{font-size:13px;color:#576253;line-height:1.55}.member-pack{max-width:1320px;margin:auto;padding:50px clamp(20px,4vw,64px) 60px;min-height:calc(100svh - 183px)}.pack-intro{display:flex;gap:30px;justify-content:space-between;align-items:end}.pack-intro h1{font-size:clamp(38px,4.8vw,62px)}.pack-intro p:last-child{margin-bottom:0}.pack-check{display:flex;flex-direction:column;text-align:right;font-size:13px;white-space:nowrap}.pack-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:38px 0 12px}.pack-filters{display:flex;gap:5px;flex-wrap:wrap}.pack-filters button{font-size:15px;font-weight:700;background:none;border-radius:30px;padding:10px 17px;min-height:44px}.pack-filters button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.pack-filters span{margin-left:5px;font-size:12px;opacity:.7}.pack-search input{border:1px solid var(--line);border-radius:30px;background:#ffffff50;width:190px;min-height:44px;padding:10px 17px}.pack-status{font-size:14px;color:#53664f;min-height:24px;margin:0 0 24px}.pack-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.character-card{border-radius:14px;padding:10px 10px 17px;background:var(--lilac);text-align:left;transition:transform .15s}.character-card:nth-child(4n+2){background:var(--blue)}.character-card:nth-child(4n+3){background:#e1e9c5}.character-card:nth-child(4n+4){background:#f4de9d}.character-card:hover{transform:translateY(-5px)}.character-image{aspect-ratio:1;background:#fff5df6b;border-radius:8px;position:relative;overflow:hidden;margin-bottom:14px}.character-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.art-fallback{position:absolute;inset:0;display:grid;place-content:center;font:18px Caprasimo,serif;text-align:center}.character-card>strong{font:23px Caprasimo,serif;display:block;margin:0 7px 8px}.character-go{font-size:13px;display:block;margin:0 7px}.member-secondary{min-height:48px;border:1px solid var(--line);border-radius:10px;background:#ffffff50;padding:10px 20px;font-weight:700}#more-pack{display:block;margin:30px auto 0}.pack-empty{padding:45px 0;max-width:560px}.pack-empty a{display:inline-block;margin:20px}.member-home{position:relative;height:calc(100svh - 98px);min-height:370px;background:#ded7bf}#room-slot,#room-slot iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.room-loading{position:absolute;inset:0;background:#e5e7d8;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.room-loading h1{font-size:40px}.room-loading p{margin:0 0 24px}.home-tools{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom));right:24px;display:flex;gap:9px;pointer-events:none}.home-tools button{pointer-events:auto;border-radius:30px;min-height:48px;background:#fff5dff0;color:var(--ink);font-size:14px;font-weight:700;padding:12px 20px;box-shadow:0 3px 16px #1d261c20}.home-tools button:hover{background:var(--butter)}.room-preview-label{position:absolute;left:24px;top:16px;padding:7px 12px;background:#fff5dfe8;border-radius:20px;font-size:12px;margin:0;pointer-events:none}body[data-view=home] .member-footer{display:none}body[data-view=home] .member-header{background:var(--blue)}.member-dialog form>label,.pet-fields label{display:block;font-weight:700;font-size:14px;margin-bottom:18px}.member-dialog label>span{font-weight:400;opacity:.7;font-size:12px;margin-left:5px}.member-dialog input:not([type=checkbox]):not([type=file]),.member-dialog select{display:block;width:100%;border:1px solid #78836d65;background:#fffaf0;border-radius:9px;min-height:48px;padding:10px 12px;font-size:16px;color:inherit;margin-top:6px}.pet-profile{display:grid;grid-template-columns:.8fr 1.1fr;gap:24px;margin-top:28px}.pet-photo{align-self:start;position:relative;aspect-ratio:.8;background:var(--blue);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:end;overflow:hidden}.pet-photo>img{width:100%;aspect-ratio:1;object-fit:cover}.pet-photo>span{font-size:54px;flex:1;display:grid;place-items:center}.photo-picker{background:#fff5dfe8;width:100%;display:block;text-align:center;font-size:13px;font-weight:700;padding:12px;min-height:44px;cursor:pointer}.photo-picker input{position:absolute;width:1px;height:1px;opacity:0}.photo-picker:focus-within{outline:3px solid #537aa7;outline-offset:-3px}.pet-photo .text-button{font-size:12px;margin:0;padding:8px}.shelter-preference{display:flex!important;align-items:start;gap:12px;padding:18px;border-radius:12px;background:#e6eacb;margin:22px 0 12px!important}.shelter-preference input{width:20px;height:20px;flex:none;accent-color:var(--ink)}.shelter-preference>span{font-size:14px!important;font-weight:700!important;opacity:1!important;margin:0!important}.shelter-preference small{display:block;font-weight:400;margin-top:6px}.shelter-profile-link{font-size:12px}.account-actions{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 20px}.account-actions button{font-size:13px;min-height:44px;background:none;padding:7px 0;text-decoration:underline;text-underline-offset:4px}.account-actions .delete-link{color:#8b4434}.member-dialog #account-wallet{margin:15px 0 0}.art-dialog img{width:100%;border-radius:12px}.art-dialog p:last-child{margin-top:15px;font-size:14px}.member-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--cream);border:1px solid var(--line);padding:13px 20px;border-radius:12px;box-shadow:0 4px 30px #17221d33;z-index:100;font-size:14px;max-width:calc(100vw - 36px);width:max-content}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.no-script{padding:30px}
@media(min-width:1400px){.pack-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.member-heading{position:static;transform:none;margin-right:auto;font-size:22px}.member-nav{gap:16px}.member-header{min-height:84px;padding:14px 24px}.member-brand img{width:70px;height:46px}.member-home{height:calc(100svh - 84px)}.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.character-card>strong{font-size:20px}.pack-intro{align-items:start}}
@media(max-width:600px){.member-header{min-height:76px;padding:12px 18px;gap:14px}.member-brand img{width:62px;height:42px}.member-heading{font-size:20px}.member-nav{gap:14px}.member-nav>button,.member-nav>a{font-size:13px}#your-profile{font-size:0;width:40px;height:40px;border:1px solid var(--line);border-radius:50%}#your-profile:after{content:'☺';font-size:24px}#back-world{font-size:12px}.member-footer{padding:18px 24px;gap:10px 20px;flex-wrap:wrap;font-size:12px}.member-footer p{width:100%;margin-bottom:0}.member-pack{padding:30px 18px 45px}.pack-intro{display:block}.pack-intro h1{font-size:42px;margin:12px 0 18px}.pack-intro .member-kicker{font-size:10px;margin-bottom:10px}.pack-check{flex-direction:row;justify-content:space-between;align-items:center;margin-top:14px}.pack-tools{display:block;margin-top:18px}.pack-filters{gap:1px;flex-wrap:nowrap;justify-content:space-between}.pack-filters button{font-size:14px;padding:10px 12px}.pack-search{display:block;margin-top:12px}.pack-search input{width:100%}.pack-status{font-size:13px;margin-bottom:18px}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.character-card{padding:7px 7px 13px;border-radius:10px}.character-image{margin-bottom:12px}.character-card>strong{font-size:19px;margin:0 5px 6px}.character-go{font-size:12px;margin:0 5px}.member-home{height:calc(100svh - 76px);min-height:340px}.home-tools{right:12px;bottom:calc(14px + env(safe-area-inset-bottom));gap:7px}.home-tools button{font-size:13px;min-height:44px;padding:10px 15px}.room-preview-label{left:14px;top:12px;font-size:10px}.member-dialog{padding:32px 24px;border-radius:20px}.member-dialog h2{font-size:34px}.member-dialog p{font-size:15px}.member-dialog .dialog-fine{font-size:12px}.pet-profile{gap:16px;grid-template-columns:.8fr 1fr}.member-dialog .shelter-profile-link{font-size:12px}.member-dialog .member-primary{width:100%}.member-dialog #account-wallet{font-size:12px}.dialog-close{top:-18px;margin:-20px -12px -20px 0}}
@media(max-width:360px){.member-heading{font-size:18px}.member-nav{gap:8px}.member-header{gap:10px;padding:12px}.member-brand img{width:54px}#back-world{max-width:92px;text-align:right;line-height:1.2}.pack-filters button{padding:10px 9px;font-size:13px}.character-card>strong{font-size:17px}.pet-profile{grid-template-columns:1fr}.pet-photo{width:150px;aspect-ratio:.9}.member-dialog h2{font-size:30px}}
@media(max-height:500px) and (min-aspect-ratio:1/1){.member-header{min-height:64px;padding:8px 20px}.member-brand img{height:40px}.member-home{height:calc(100svh - 64px);min-height:220px}.home-tools{bottom:10px}.room-preview-label{top:8px}.member-dialog{max-height:calc(100svh - 16px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.spinner{border-color:var(--ink);opacity:.5}}

.member-home[data-mode=wardrobe] .home-tools,.member-home[data-mode=wardrobe] .room-preview-label{display:none!important}

.member-heading,.member-nav>button{white-space:nowrap}@media(max-width:360px){.member-heading{font-size:16px}}

@media(max-width:360px){}

/* Respect phone cutouts while the room remains full-height. */
:root{--member-bar:98px}.member-header{min-height:calc(var(--member-bar) + env(safe-area-inset-top));padding-top:calc(18px + env(safe-area-inset-top));padding-left:max(clamp(20px,4vw,64px),env(safe-area-inset-left));padding-right:max(clamp(20px,4vw,64px),env(safe-area-inset-right))}.member-home{height:calc(100svh - var(--member-bar) - env(safe-area-inset-top))}.home-tools{right:max(24px,env(safe-area-inset-right))}
@media(max-width:900px){:root{--member-bar:84px}.member-header{padding-top:calc(14px + env(safe-area-inset-top))}}
@media(max-width:600px){:root{--member-bar:76px}.member-header{padding-top:calc(12px + env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.home-tools{right:max(12px,env(safe-area-inset-right))}}
@media(max-width:360px){.member-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}
@media(max-height:500px) and (min-aspect-ratio:1/1){:root{--member-bar:64px}.member-header{padding-top:calc(8px + env(safe-area-inset-top))}#room-slot{left:env(safe-area-inset-left);right:env(safe-area-inset-right);width:auto}}