/* Threadwork stays on the interface; the room and character remain unobstructed. */
:root{--lace:#c6a6db;--lace-soft:#eddcf4;--pearl:#fffcff;--ribbon:#b896cf}
body[data-scene=salon]{--lace:#b0c3df;--lace-soft:#e3e7f8;--ribbon:#9baed3}body[data-scene=atelier]{--lace:#d0a7cf;--lace-soft:#f1dded;--ribbon:#c39bbf}
.topbar{position:relative;box-shadow:0 4px 25px #c3a3db12;padding-bottom:9px;height:102px}.topbar:after{content:"";position:absolute;inset:auto 0 -16px;height:27px;background:var(--lace);-webkit-mask:url('assets/lace-trim.svg') left top/64px 27px repeat-x;mask:url('assets/lace-trim.svg') left top/64px 27px repeat-x;pointer-events:none;opacity:.6;z-index:3}.brand-mark{border:1px solid #fff;box-shadow:0 0 0 3px #e7d9f480,0 3px 14px #ae81cd25}.top-nav.active:after{background:linear-gradient(90deg,#d9b4e2,#a3b6e3);width:28px;left:calc(50% - 14px);height:4px}.heading{padding-top:46px;position:relative}.heading .eyebrow{display:flex;align-items:center;gap:10px;color:#ad8bbb}.heading .eyebrow:before{content:"✧";font-size:14px;color:#b5a1d3}.heading h1{font-family:"Songti SC","Noto Serif SC",serif;text-shadow:0 2px 0 #fff;position:relative}.heading h1:after{content:"";display:block;width:180px;height:9px;margin-top:14px;background:radial-gradient(circle,#ceb5df 1.5px,transparent 2px) left center/9px 9px repeat-x;opacity:.65}.heading p{margin-top:14px}.heading .date{padding:9px 14px;border:1px solid #ead7f1;border-radius:22px;background:#fff6fc9c;box-shadow:inset 0 0 0 3px #fff5;font-size:10px}
.action-dock,.side-column>section{position:relative;isolation:isolate}.action-dock{padding:28px 6px 23px;border:1px solid #dfc4eb;box-shadow:0 0 0 3px #ffffff80,0 9px 25px #a97bc610}.action-dock:before,.side-column>section:before{content:"";position:absolute;inset:0 0 auto;height:24px;background:var(--lace);-webkit-mask:url('assets/lace-trim.svg') center top/56px 24px repeat-x;mask:url('assets/lace-trim.svg') center top/56px 24px repeat-x;opacity:.45;pointer-events:none;z-index:-1}.action-dock:after{content:"୨୧";position:absolute;left:calc(50% - 17px);bottom:-10px;background:#f6eafa;border:1px solid #e2c9ee;box-shadow:0 2px 5px #ac83bf12;border-radius:14px;width:34px;height:18px;display:grid;place-items:center;font-size:16px;color:#b492c6;pointer-events:none}.action-symbol{box-shadow:inset 0 0 0 1px #ffffffb3,0 3px 8px #bb94cf12}.action-dock strong{letter-spacing:1px}.side-column>section{overflow:hidden;border-color:#dfc7eb;padding-top:28px;box-shadow:inset 0 0 0 4px #fff9,0 5px 20px #c29cd00c}.side-column>section:after{content:"";position:absolute;inset:7px;border:1px dashed #e8d7ee;border-radius:14px;z-index:-1;pointer-events:none}.card-eyebrow{letter-spacing:1.6px}.section-title h2{font-family:"Songti SC",serif;font-weight:600;letter-spacing:1px;font-size:14px}.section-title>span{border-radius:12px;padding:4px 8px;background:#f2e7f8;border:1px solid #e5d2ee}.profile>span{box-shadow:0 0 0 2px #fff9;border:1px solid #e4d0ef}.bond-track{height:7px;box-shadow:inset 0 1px 2px #bca3c61a}.gentle-note{padding-top:28px}.gentle-note b{letter-spacing:.5px}
.sheet{border:1px solid var(--lace);border-radius:28px;padding:32px 28px 28px;background:radial-gradient(ellipse at 0 0,#f4e9fe99,transparent 60%),radial-gradient(ellipse at 100% 100%,#ffeaf599,transparent 60%),#fffaff;box-shadow:inset 0 0 0 5px #fff9,inset 0 0 0 6px #edddf3,0 30px 110px #42215730}.sheet:before,.sheet:after{content:"";position:absolute;inset:5px 9px auto;height:27px;background:var(--lace);-webkit-mask:url('assets/lace-trim.svg') center top/64px 27px repeat-x;mask:url('assets/lace-trim.svg') center top/64px 27px repeat-x;pointer-events:none;opacity:.75}.sheet:after{top:auto;bottom:5px;transform:rotate(180deg);opacity:.5}.sheet-head{padding-top:8px;padding-bottom:15px;border-bottom:1px solid #ead8f0;position:relative}.sheet-head:after{content:"୨୧";position:absolute;bottom:-9px;left:calc(50% - 16px);width:32px;text-align:center;background:#fff9fd;color:var(--ribbon);font-size:19px;line-height:18px;pointer-events:none}.sheet-head h2{font-size:25px;letter-spacing:1px;color:#846095;text-shadow:0 1px #fff}.sheet-head .eyebrow{font-size:8px;letter-spacing:2.3px;color:#b99bc8}.sheet-head>button{border:1px solid #e5d0ee;box-shadow:0 0 0 3px #fff8;background:linear-gradient(145deg,#fffaff,#efdef6);color:#b896ca}.sheet-intro{margin-top:22px}.outfit-grid button,.scenes button{border-radius:17px;border:1px solid #dec6eb;box-shadow:inset 0 0 0 3px #fff7,0 4px 12px #b38bc50c;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.outfit-grid button:hover,.scenes button:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 3px #fff9,0 7px 16px #b38bc51a}.outfit-grid button.selected,.scenes button.selected{border-color:#b188c9;box-shadow:inset 0 0 0 3px #fff8,0 0 0 2px #dcc3e880,0 5px 16px #bd9ace20}.outfit-grid button>div{position:relative;border-radius:12px;background:radial-gradient(ellipse at center,#ffffffb3,#f6e9fd33);overflow:hidden}.outfit-grid button>div:after,.scene-thumb:before{content:"";position:absolute;inset:auto 0 0;height:21px;background:var(--lace);-webkit-mask:url('assets/lace-trim.svg') center top/48px 21px repeat-x;mask:url('assets/lace-trim.svg') center top/48px 21px repeat-x;opacity:.7;pointer-events:none;z-index:2}.outfit-grid strong{font-family:"Songti SC",serif;font-size:14px;letter-spacing:.7px}.outfit-grid button>span{padding-top:10px;letter-spacing:1px}.scenes b{font-family:"Songti SC",serif;font-size:13px;letter-spacing:.6px}.scene-thumb{border:1px solid #fff;border-radius:11px;box-shadow:0 2px 8px #b38bc518}.scenes button.selected:after{content:"已布置 ✓";position:absolute;right:12px;top:15px;font-size:8px;color:#88649d;background:#fff6ffed;border:1px solid #e5c8ef;padding:5px 7px;border-radius:15px;box-shadow:0 2px 7px #8f5eaa22}.closet-filters{padding-top:4px;gap:8px}.closet-filters button{box-shadow:inset 0 0 0 2px #fff6}.closet-filters button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #fff8,0 3px 9px #bb95d01f}.accessories{padding:12px;border:1px dashed #dcbfe8;border-radius:16px;background:#ffffff70}.accessories button{background:#f6ecfb}.primary{border:1px solid #ad88c2;box-shadow:inset 0 0 0 3px #ffffff28,0 5px 14px #b48bc322}.mini-outfits button{box-shadow:inset 0 0 0 3px #fff8}.diary-entry:before{box-shadow:0 0 0 3px #f7edfc}.touch-hint{box-shadow:0 0 0 2px #ffffff1a}.habitat{box-shadow:0 0 0 4px #fff9,0 0 0 5px #dfc4ec,0 12px 40px #b288c622}footer{position:relative;margin-top:9px;padding-top:30px}footer:before{content:"";position:absolute;inset:-3px 0 auto;height:9px;background:radial-gradient(circle,#d6bce2 1.3px,transparent 2px) left center/10px 9px repeat-x;opacity:.7}
@media(max-width:780px){.topbar{height:84px;padding-bottom:8px}.topbar:after{height:21px;bottom:-13px;-webkit-mask-size:50px 21px;mask-size:50px 21px}.heading{padding-top:33px}.heading h1{font-size:25px}.heading h1:after{width:135px;height:7px;margin-top:11px}.heading .eyebrow:before{font-size:12px}.heading .eyebrow{gap:6px;font-size:7px;letter-spacing:1.3px}.heading p{margin-top:10px}.action-dock{padding:25px 2px 21px}.action-dock:before{height:20px;-webkit-mask-size:48px 20px;mask-size:48px 20px}.side-column>section{padding-top:28px}.sheet{padding:30px 19px 25px;border-radius:25px}.sheet:before,.sheet:after{height:23px;-webkit-mask-size:56px 23px;mask-size:56px 23px}.sheet-head{padding-top:7px;padding-bottom:12px}.sheet-head h2{font-size:22px;letter-spacing:.5px}.sheet-head .eyebrow{font-size:7px;letter-spacing:1.7px}.outfit-grid strong{font-size:13px}.scenes b{font-size:12px}.outfit-grid button>div:after,.scene-thumb:before{height:19px;-webkit-mask-size:44px 19px;mask-size:44px 19px}.scenes button.selected:after{font-size:7px;right:10px;top:12px;padding:4px 6px}.accessories{padding:10px}.gentle-note{padding-top:26px}}@media(max-width:375px){.heading h1{font-size:23px}.sheet-head h2{font-size:21px}.action-dock strong{letter-spacing:0}}
.action-dock:after{content:"";background:#f6eafa url('assets/ribbon-bow.svg') center/27px 14px no-repeat}.sheet-head:after{content:"";height:20px;background:#fff9fd url('assets/ribbon-bow.svg') center/31px 16px no-repeat}
