.panda-wardrobe{min-height:100dvh;background:#faf8f3;color:#393143;padding:0 clamp(18px,4vw,64px);font-family:var(--font-body)}.panda-wardrobe a,.panda-wardrobe button{-webkit-tap-highlight-color:transparent}.panda-wardrobe button{cursor:pointer}.panda-wardrobe :is(button,a):focus-visible{outline:3px solid #8649df;outline-offset:4px}.panda-topbar{max-width:1360px;margin:auto;height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e4de;gap:18px}.panda-wordmark{width:158px;height:auto}.panda-back{font-size:14px;font-weight:800;color:#6e627a;text-decoration:none}.panda-back:hover{color:#8649df}.panda-heading{max-width:1360px;margin:38px auto 28px;display:flex;align-items:end;justify-content:space-between;gap:20px}.panda-eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;color:#867792;margin:0 0 9px}.panda-heading h1{font-family:var(--font-baloo);font-weight:800;font-size:clamp(40px,4.5vw,64px);line-height:1;margin:0;letter-spacing:-.035em}.panda-heading h1 span{color:#a98bd0}.panda-heading>p{font-size:15px;line-height:1.7;color:#817688;margin:0 0 4px}.panda-workspace{max-width:1360px;margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(390px,1fr);gap:24px;align-items:stretch}.panda-stage{position:relative;overflow:hidden;background:#e9ece5;border-radius:30px;min-height:610px;isolation:isolate;background-image:radial-gradient(ellipse at 48% 30%,#f6f7f0 0,transparent 70%)}.panda-stage-label{position:absolute;left:26px;top:26px;font-size:11px;font-weight:900;letter-spacing:.13em;display:flex;align-items:center;gap:9px;color:#657362;z-index:2}.panda-live-dot{width:6px;height:6px;background:#88a47c;border-radius:50%}.panda-stage-number{position:absolute;right:26px;top:26px;font-size:11px;font-family:var(--font-mono);color:#8e9788}.panda-stage-halo{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;border:1px solid #ffffff90;left:11%;top:13%;box-shadow:0 0 0 32px #ffffff12,0 0 0 33px #ffffff40;z-index:-1}.panda-spark{position:absolute;font-size:35px;color:#adbaa3;pointer-events:none}.panda-spark-one{left:14%;top:27%}.panda-spark-two{right:12%;top:51%;font-size:27px}.panda-viewport{position:absolute;inset:25px 0 75px}.panda-canvas{position:absolute;inset:0;touch-action:none}.panda-canvas canvas{width:100%;height:100%;display:block;cursor:grab}.panda-canvas canvas:active{cursor:grabbing}.panda-scene-message{position:absolute;inset:0;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;text-align:center;padding:35px;color:#625970;font-size:15px;background:#e9ece5e8;z-index:3}.panda-scene-message button{padding:10px 18px;border:1px solid #ad98c0;border-radius:12px;background:white}.panda-view-footer{position:absolute;bottom:21px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:12px}.panda-view-footer p{font-size:12px;color:#7a8474;margin:0}.panda-view-buttons{display:flex;align-items:center;padding:4px 8px;background:#fffdf4d9;border:1px solid #ffffff;border-radius:16px;box-shadow:0 4px 14px #39443108;gap:3px}.panda-view-buttons button{width:39px;height:37px;background:none;border:0;border-radius:10px;font-size:24px;color:#625b6b;line-height:1}.panda-view-buttons button:hover,.panda-view-buttons button[aria-pressed=true]{background:#eee5f6;color:#7546a7}.panda-view-buttons>span{height:17px;width:1px;background:#e2ded7;margin:0 3px}.panda-closet{background:#fff;border:1px solid #ede7e0;border-radius:30px;padding:28px;display:flex;flex-direction:column;min-width:0}.panda-closet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panda-closet-heading h2{font-family:var(--font-baloo);font-size:27px;line-height:1.15;margin:0;font-weight:700;letter-spacing:-.025em}.panda-count{font-family:var(--font-mono);font-size:12px;color:#9479ac;background:#f4eef9;border:1px solid #e9dff1;padding:8px 10px;border-radius:11px;white-space:nowrap}.panda-slot-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;border-bottom:1px solid #eee8f0;padding:22px 0 16px;margin-bottom:21px}.panda-slot-list button{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:transparent;border-radius:13px;padding:8px 2px;color:#96899f;font-size:11px;font-weight:800}.panda-slot-list button .panda-item-art{width:38px;height:30px}.panda-slot-list button:hover{background:#faf7fc}.panda-slot-list button.is-active{background:#f1e8fa;color:#8153ad}.panda-slot-list i{position:absolute;right:10px;top:8px;border-radius:50%;width:5px;height:5px;background:#9569bb}.panda-category-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.panda-category-heading h3{font-size:16px;font-weight:900;margin:0}.panda-category-heading>span{font-size:11px;color:#92859a}.panda-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.panda-item{position:relative;text-align:left;border:1.5px solid #eee8f0;border-radius:16px;padding:9px;background:#fff;min-width:0;transition:border-color .15s,transform .15s}.panda-item:hover{border-color:#c9b2de;transform:translateY(-2px)}.panda-item.is-equipped{border-color:#a17bcc;background:#fcf9ff}.panda-item-picture{height:85px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;background:#f7f5f2}.panda-item-art{width:93px;height:74px}.panda-item strong{display:block;font-size:13px;line-height:1.3;font-weight:800;margin:0 2px 3px}.panda-item>span{display:block;font-size:11px;color:#96899e;margin:0 2px 2px}.panda-item>b{position:absolute;top:14px;right:14px;width:18px;height:18px;border-radius:50%;background:#9568be;color:white;font-size:11px;text-align:center;line-height:18px}.panda-no-item{font-size:35px;font-weight:300;color:#c1b6c7}.panda-outfit-summary{margin-top:20px;padding-top:17px;border-top:1px solid #f0ebf2}.panda-outfit-summary>span{font-size:10px;letter-spacing:.12em;font-weight:900;color:#aa9aaf}.panda-outfit-summary p{font-size:12px;line-height:1.6;color:#817187;min-height:38px;margin:5px 0 14px}.panda-save-row{display:flex;gap:14px;align-items:center;margin-top:auto}.panda-clear{border:0;background:transparent;font-size:12px;color:#9a8da2;padding:12px 0;white-space:nowrap}.panda-clear:hover{color:#6c4989}.panda-save{flex:1;border:0;border-radius:13px;background:#8863ad;color:white;font-family:var(--font-body);font-size:14px;font-weight:900;padding:14px 16px;display:flex;justify-content:space-between;box-shadow:0 4px 0 #684788}.panda-save:hover{background:#79549e}.panda-save:disabled{opacity:.5;cursor:wait}.panda-save span{font-size:18px;line-height:1}.panda-storage-note{font-size:11px;text-align:center;color:#9d90a5;min-height:16px;margin:15px 0 0}.panda-footer{max-width:1360px;margin:25px auto 0;padding:0 0 30px;display:flex;justify-content:space-between;color:#a499ac;font-size:12px;gap:18px}.panda-footer>span:last-child{font-size:10px;letter-spacing:.12em}@media(min-width:1400px){.panda-stage{min-height:660px}.panda-item-picture{height:107px}}@media(max-width:1000px){.panda-workspace{gap:16px;grid-template-columns:minmax(0,1fr) minmax(355px,1fr)}.panda-closet{padding:22px}.panda-heading>p{font-size:14px}.panda-stage{min-height:610px}}@media(max-width:760px){.panda-topbar{height:72px}.panda-wordmark{width:132px}.panda-back{font-size:12px}.panda-heading{margin:27px 0 22px;display:block}.panda-heading>p{margin:12px 0 0;font-size:14px}.panda-heading>p br{display:none}.panda-workspace{grid-template-columns:1fr;gap:18px}.panda-stage{min-height:470px;border-radius:24px}.panda-viewport{inset:30px 0 80px}.panda-closet{padding:22px;border-radius:24px}.panda-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panda-item-picture{height:100px}.panda-slot-list button{font-size:12px}.panda-footer{display:block;font-size:11px}.panda-footer>span:last-child{display:block;margin-top:10px}.panda-stage-halo{width:66%;left:17%;top:13%}.panda-closet-heading h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.panda-item{transition:none}.panda-item:hover{transform:none}}.panda-save-row{padding-top:18px}.panda-save.is-saved{background:#71965f;box-shadow:0 4px 0 #527141}.panda-save-celebration{position:absolute;z-index:4;inset:25% 0 auto;display:flex;align-items:center;justify-content:center;gap:22px;pointer-events:none;color:#9870c3;animation:panda-save-pop 2.2s ease both}.panda-save-celebration strong{background:#fffdf4ed;padding:12px 22px;border-radius:22px;box-shadow:0 8px 28px #6b49852a;font-family:var(--font-baloo);font-size:27px;color:#71965f}.panda-save-celebration>span{font-size:36px;animation:panda-save-spark .7s ease both}@keyframes panda-save-pop{0%{opacity:0;transform:translateY(14px) scale(.8)}15%,80%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px)}}@keyframes panda-save-spark{0%{transform:scale(.2) rotate(-40deg)}to{transform:scale(1) rotate(15deg)}}@media(max-width:760px){.panda-wardrobe{height:100dvh;min-height:0;padding:0 12px;display:flex;flex-direction:column;overflow:hidden}.panda-topbar{height:48px;min-height:48px;width:100%;gap:8px}.panda-wordmark{width:105px}.panda-back{font-size:10px}.panda-heading{margin:8px 0;flex-shrink:0}.panda-heading h1{font-size:28px}.panda-workspace{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;width:100%}.panda-stage{min-height:140px;flex:1;border-radius:20px}.panda-stage-label{top:12px;left:16px;font-size:9px}.panda-viewport{inset:6px 0 43px}.panda-view-footer{bottom:6px;gap:0}.panda-view-footer p{display:none}.panda-view-buttons button{width:32px;height:28px;font-size:21px}.panda-closet{padding:10px 12px;border-radius:20px;flex-shrink:0;max-height:55dvh;overflow-y:auto}.panda-category-heading,.panda-closet-heading,.panda-footer{display:none}.panda-slot-list{padding:0 0 6px;margin-bottom:8px;gap:3px}.panda-slot-list button{font-size:10px;padding:4px 0}.panda-slot-list button .panda-item-art{height:22px;width:30px}.panda-item-grid{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scroll-snap-type:x proximity}.panda-item{flex:0 0 105px;scroll-snap-align:start;padding:6px}.panda-item-picture{height:58px;margin-bottom:4px}.panda-item-art{height:54px;width:70px}.panda-item strong{font-size:11px}.panda-item>span{display:none}.panda-save-row{padding-top:8px;gap:12px;position:sticky;bottom:0;background:white}.panda-save{padding:10px 12px;font-size:12px}.panda-clear{font-size:11px}.panda-storage-note{font-size:10px;margin:8px 0 0;min-height:14px}}@media(prefers-reduced-motion:reduce){.panda-save-celebration,.panda-save-celebration>span{animation:none}}.panda-gender{display:flex;gap:8px;margin:14px 0 4px}.panda-gender button{flex:1;padding:10px;border:1px solid #e4d6ec;border-radius:12px;background:#fff;color:#937da2;font-size:12px;font-weight:800}.panda-gender button[aria-pressed=true]{background:#efe3f8;border-color:#a886c3;color:#775098}.panda-slot-list{grid-template-columns:repeat(auto-fit,minmax(54px,1fr))}@media(max-width:760px){.panda-gender{margin:0 0 6px}.panda-gender button{padding:6px}.panda-slot-list{display:flex;overflow-x:auto}.panda-slot-list button{flex:1 0 47px}}.pandy-lobby.panda-wardrobe{background:radial-gradient(ellipse at 15% 30%,#e7eee080,transparent 45%),#fff7ea;padding-bottom:110px}.panda-wardrobe>.lobby-header{width:100%;padding-inline:0}.panda-wardrobe .panda-heading{margin-top:16px}.panda-wardrobe .panda-heading h1{color:#80549e}.panda-wardrobe .panda-closet{background:linear-gradient(120deg,#fffefa,#faf4ff);border-color:#e3d3ed;box-shadow:0 5px 0 #e8ddec70}@media(max-width:760px){.pandy-lobby.panda-wardrobe{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.panda-wardrobe>.lobby-header{padding:8px 4px;min-height:48px;flex-shrink:0;margin:0;gap:12px}.panda-wardrobe .lobby-logo{width:140px}.panda-wardrobe .lobby-header-note{display:none}.panda-wardrobe .panda-heading{margin:4px 0 8px}.panda-wardrobe .panda-stage{min-height:110px}.panda-wardrobe .panda-closet{max-height:48dvh}}.panda-save-row{justify-content:space-between;background:transparent}.panda-save{flex:0 1 auto;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:9px 18px;border:1px solid #b99bd3;border-radius:16px;font-size:13px;background:linear-gradient(#ae86d4,#9468bb);box-shadow:0 3px 0 #795398}.panda-save span{font-size:16px}.pandy-lobby.panda-wardrobe{padding-bottom:132px}@media(max-width:760px){.pandy-lobby.panda-wardrobe{padding-bottom:calc(98px + env(safe-area-inset-bottom))}.panda-save{padding:8px 15px;font-size:12px}.panda-save-row{background:#fffafc}}.panda-save-row{justify-content:center}.panda-gender .panda-clear-icon{flex:0 0 44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px;background:#faf4fc;color:#987ca9;border-color:#e6d9ed}.panda-gender .panda-clear-icon:hover{background:#f0e3f7;color:#795398}@media(max-width:760px){.pandy-lobby.panda-wardrobe{height:100svh;padding-bottom:calc(90px + env(safe-area-inset-bottom));overflow-y:auto}.panda-wardrobe>.lobby-header{padding:0 4px;min-height:0}.panda-wardrobe .lobby-logo{width:105px}.panda-wardrobe .panda-heading{margin:0 0 6px}.panda-wardrobe .panda-heading h1{font-size:23px}.panda-wardrobe .panda-stage{min-height:200px}.panda-wardrobe .panda-viewport{inset:4px 0 40px}.panda-wardrobe .panda-closet{padding:8px 10px;max-height:none;overflow:visible}.panda-wardrobe .panda-gender{margin:0 0 5px}.panda-wardrobe .panda-item{flex-basis:100px;padding:5px}.panda-wardrobe .panda-item-picture{height:42px}.panda-wardrobe .panda-item-picture .panda-item-art{height:40px}.panda-wardrobe .panda-save-row{padding-top:6px}.panda-wardrobe .panda-storage-note{margin-top:5px}}.panda-item-grid{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding:4px 2px 12px;scrollbar-width:thin;scrollbar-color:#bc9ed1 transparent}.panda-item-grid .panda-item{flex:0 0 138px;scroll-snap-align:start}.panda-item-grid:focus-visible,.panda-item:focus-visible,.panda-rail-controls button:focus-visible{outline:3px solid #ac80c7;outline-offset:2px}.panda-item-picture{position:relative}.panda-item .panda-lock-badge{position:absolute;left:5px;top:5px;display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#fff8ec;color:#816043;border:1px solid #e5d0aa;box-shadow:0 2px 5px #62442615}.panda-item.is-locked{border-style:dashed}.panda-item.is-locked.is-equipped{border-style:solid}.panda-rail-controls{display:flex;align-items:center;gap:5px}.panda-rail-controls span{font-size:10px;color:#95829e;margin-right:4px}.panda-rail-controls button{border:1px solid #e4d7ed;border-radius:9px;width:30px;height:30px;font-size:22px;color:#8157a0;background:#fffafc}.panda-unlock-info{display:flex;align-items:center;gap:8px;width:100%;margin:0 0 6px;padding:0 10px;min-height:44px;border:1px solid #e6d2a9;border-radius:12px;background:#fff4dd;color:#765735;font-size:12px;text-align:left}.panda-unlock-info>svg{flex-shrink:0}.panda-info-icon{margin-left:auto;display:grid;place-items:center;width:22px;height:22px;border:1.5px solid;border-radius:50%;font-family:serif;font-weight:700;flex-shrink:0}.panda-dialog-close:focus-visible,.panda-unlock-info:focus-visible{outline:3px solid #ac80c7;outline-offset:2px}.panda-unlock-dialog{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 32px));max-height:80dvh;overflow:auto;border:1px solid #e4d7ed;border-radius:22px;padding:30px 24px 24px;color:#564063;background:#fffaf4;box-shadow:0 20px 70px #34214040}.panda-unlock-dialog::backdrop{background:#25153370;backdrop-filter:blur(3px)}.panda-unlock-dialog h2{font-size:20px;padding-right:24px;margin:0 0 16px}.panda-unlock-dialog p{font-size:14px;line-height:1.6;margin:12px 0}.panda-unlock-dialog a{display:inline-block;padding:10px 0;font-weight:800;color:#8157a0;text-decoration:underline}.panda-unlock-dialog .panda-dialog-note{font-size:12px;color:#806f87}.panda-dialog-close{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#8157a0;font-size:28px}.panda-save:disabled{cursor:not-allowed}.panda-save-row .panda-unlock-info{margin:0;height:44px}.panda-save-row .panda-unlock-info>span:first-of-type{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-width:760px){.panda-wardrobe>.lobby-header{height:44px;justify-content:flex-end}.panda-wardrobe .lobby-logo{width:88px}.panda-wardrobe .panda-heading{position:absolute;top:12px;left:14px;margin:0}.panda-wardrobe .panda-heading h1{font-size:22px}.panda-wardrobe .panda-stage{min-height:230px}.panda-wardrobe .panda-slot-list{margin-bottom:4px;padding-bottom:4px}.panda-wardrobe .panda-slot-list button{padding:2px 0;gap:2px}.panda-wardrobe .panda-slot-list button .panda-item-art{height:18px}.panda-wardrobe .panda-item-grid{height:94px;padding-bottom:8px}.panda-wardrobe .panda-item strong{line-height:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.panda-wardrobe .panda-storage-note:not(.has-message){display:none}.panda-wardrobe .panda-save-row{position:static;flex-shrink:0;margin-top:0}.panda-wardrobe .panda-item-grid{flex-shrink:0}.panda-wardrobe .panda-workspace{flex:1 0 auto}.panda-item-grid .panda-item{flex-basis:112px}.panda-rail-controls span{display:none}.panda-item .panda-lock-badge{width:20px;height:20px;left:1px;top:1px;border-radius:6px}.panda-lock-badge svg{width:14px;height:14px}}