/* TC Cache My Cache Vault Experience - v5.11.6.117 */
.page-account{
  --vault-ink:#090d0b;
  --vault-panel:#111713;
  --vault-panel-2:#151c17;
  --vault-steel:#27312c;
  --vault-gold:#d7a62f;
  --vault-gold-bright:#f2cf68;
  --vault-gold-soft:#9f7821;
  --vault-cream:#f6f0df;
  --vault-muted:#aeb8b2;
  background:linear-gradient(180deg,#080b09 0,#101611 54rem,#ebe7da 54rem,#f8f5ed 100%);
}
.page-account main{overflow:hidden}
.account-shell{width:min(1380px,calc(100% - 1.2rem));margin:0 auto;padding:1.2rem 0 4.5rem}
.account-intro{display:none}
.my-cache-app{min-height:650px}
.account-loading{min-height:560px;display:grid;place-items:center;text-align:center;color:var(--vault-cream)}
.account-loading>div{display:grid;gap:.45rem}
.account-loading strong{font:800 clamp(1.5rem,4vw,2.25rem)/1.1 "Roboto Slab",serif}
.account-loading span{color:var(--vault-muted)}

/* ---------- Realistic locked vault / authentication ---------- */
.vault-login-scene{
  position:relative;
  min-height:730px;
  overflow:hidden;
  border:1px solid #3d413f;
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 12%),
    repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0 2px,transparent 2px 205px),
    linear-gradient(180deg,#4d5253 0 8%,#262b2c 8% 86%,#111514 86% 100%);
  box-shadow:0 26px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.16);
  isolation:isolate;
}
.vault-login-scene::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.42;
  background:
    radial-gradient(circle at 8px 8px,#171a19 0 2px,#858b89 2.5px 3.5px,transparent 4px) 0 0/92px 92px,
    linear-gradient(90deg,transparent 0 16%,rgba(255,255,255,.035) 16% 16.2%,transparent 16.2% 83.8%,rgba(0,0,0,.25) 83.8% 84%,transparent 84%);
}
.vault-login-scene::after{
  content:"";
  position:absolute;
  left:-10%;right:-10%;bottom:-85px;height:190px;
  z-index:0;
  background:linear-gradient(180deg,#151817,#080a09);
  transform:perspective(600px) rotateX(66deg);
  transform-origin:top;
  box-shadow:0 -2px 0 #5c5132,0 -18px 45px rgba(0,0,0,.42);
}
.vault-ceiling{
  position:relative;z-index:1;height:66px;
  border-bottom:3px solid #111;
  background:linear-gradient(180deg,#25292a,#101314);
  box-shadow:0 7px 24px rgba(0,0,0,.42);
}
.vault-ceiling::before{
  content:"";position:absolute;left:8%;right:8%;top:10px;height:37px;
  border:6px solid #363b3c;
  background:repeating-linear-gradient(90deg,#eef0e8 0 9%,#aeb2ad 9% 10.5%,#eef0e8 10.5% 19.5%,#aeb2ad 19.5% 21%);
  box-shadow:inset 0 0 15px rgba(255,255,255,.85),0 5px 15px rgba(0,0,0,.5);
}
.vault-login-header{
  position:relative;z-index:3;display:flex;align-items:end;justify-content:space-between;gap:1rem;
  padding:1.05rem 1.35rem .85rem;
  border-bottom:1px solid rgba(242,207,104,.44);
  background:linear-gradient(90deg,rgba(6,8,7,.88),rgba(14,17,15,.72) 48%,rgba(6,8,7,.88));
}
.vault-login-header .eyebrow{margin:0 0 .22rem;color:var(--vault-gold-bright);font-size:.65rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.vault-login-header h1{margin:0;color:#fff;font:800 clamp(1.9rem,4vw,3.25rem)/1 "Roboto Slab",serif;letter-spacing:-.025em}
.vault-login-header-badge{flex:0 0 auto;padding:.42rem .65rem;border:1px solid #6c5a25;border-radius:7px;background:#0b0e0c;color:#d8c17a;font-size:.58rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 0 12px rgba(215,166,47,.08)}
.vault-room{
  position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(0,1.7fr) minmax(315px,.72fr);gap:1.3rem;
  align-items:center;min-height:585px;padding:1.25rem 1.35rem 1.6rem;
}
.vault-door-bay{position:relative;display:grid;place-items:center;min-width:0;perspective:1700px}
.vault-door-frame{
  position:relative;width:min(790px,100%);aspect-ratio:1.36/1;
  padding:25px;
  border:2px solid #171a19;border-radius:4px;
  background:
    radial-gradient(circle at 9px 9px,#111 0 2.4px,#8f9693 2.8px 4px,transparent 4.3px) 0 0/42px 42px,
    linear-gradient(135deg,#aeb4b2,#4f5554 18%,#aeb4b2 40%,#525857 68%,#9ca2a0);
  box-shadow:0 0 0 9px #0e1110,0 0 0 12px #555b59,0 0 0 18px #080a09,0 20px 42px rgba(0,0,0,.52),inset 0 0 20px rgba(255,255,255,.28);
  transform-style:preserve-3d;
}
.vault-interior-reveal{
  position:absolute;inset:25px;z-index:0;overflow:hidden;
  display:grid;place-items:center;text-align:center;
  border:2px solid #1a1b17;
  background:
    radial-gradient(circle at 50% 48%,rgba(255,224,120,.72),rgba(181,128,25,.26) 18%,rgba(46,35,12,.28) 42%,rgba(7,9,7,.96) 74%),
    linear-gradient(180deg,#6f5216,#11120d);
  box-shadow:inset 0 0 90px #000;
}
.vault-interior-reveal::before,.vault-interior-reveal::after{content:"";position:absolute;pointer-events:none}
.vault-interior-reveal::before{inset:7% 11%;border:1px solid rgba(245,208,97,.24);box-shadow:0 0 0 10px rgba(0,0,0,.2),inset 0 0 45px rgba(245,208,97,.08)}
.vault-interior-reveal::after{left:15%;right:15%;bottom:14%;height:2px;background:linear-gradient(90deg,transparent,#e8bd48,transparent);box-shadow:0 0 24px #e0ad31}
.vault-interior-copy{position:relative;z-index:2;opacity:0;transform:translateY(12px);transition:opacity .55s 1.25s,transform .55s 1.25s}
.vault-interior-copy span{display:block;color:#d8ba67;font-size:.6rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.vault-interior-copy strong{display:block;margin-top:.35rem;color:#fff6d5;font:800 clamp(1.25rem,3vw,2.1rem)/1.05 "Roboto Slab",serif;text-shadow:0 0 18px rgba(235,191,70,.35)}
.vault-door-panel{
  position:relative;z-index:4;width:100%;height:100%;overflow:hidden;
  border:3px solid #252928;border-radius:2px;
  background:
    radial-gradient(circle at 7px 7px,#141615 0 2px,#8d9391 2.4px 3.4px,transparent 3.8px) 0 0/48px 48px,
    linear-gradient(100deg,rgba(255,255,255,.18),transparent 13% 38%,rgba(255,255,255,.11) 50%,transparent 62% 84%,rgba(255,255,255,.09)),
    linear-gradient(180deg,#8e9492 0,#5c6260 14%,#a4aaa8 33%,#5f6563 55%,#959b99 78%,#575d5b 100%);
  box-shadow:inset 0 0 0 8px #4a504e,inset 0 0 0 11px #b8bdbb,inset 0 0 42px rgba(0,0,0,.48),0 3px 6px rgba(0,0,0,.8);
  transform-origin:1.5% 50%;transform-style:preserve-3d;backface-visibility:hidden;
}
.vault-door-panel::before{
  content:"";position:absolute;inset:14% 14% 15% 18%;border:2px solid #3d4240;border-radius:6px;
  box-shadow:inset 0 0 0 5px rgba(255,255,255,.11),inset 0 0 22px rgba(0,0,0,.28);
  background:linear-gradient(105deg,rgba(255,255,255,.07),transparent 40% 65%,rgba(0,0,0,.08));
}
.vault-hinge{position:absolute;left:2.2%;z-index:5;width:72px;height:44px;border:2px solid #353a38;border-radius:6px;background:linear-gradient(180deg,#8f9593,#3d4341 45%,#777d7b 55%,#2d3230);box-shadow:inset 0 2px 4px rgba(255,255,255,.25),2px 4px 9px rgba(0,0,0,.45)}
.vault-hinge::before{content:"";position:absolute;left:28px;top:-7px;width:18px;height:56px;border:2px solid #2f3432;border-radius:8px;background:linear-gradient(90deg,#252a28,#b0b5b3 47%,#454a48);box-shadow:2px 0 5px rgba(0,0,0,.45)}
.vault-hinge.one{top:12%}.vault-hinge.two{top:46%}.vault-hinge.three{bottom:10%}
.vault-lock-rail{position:absolute;z-index:5;background:linear-gradient(180deg,#292e2c,#a4aaa8 28%,#555b59 56%,#c2c6c4 78%,#303533);border:2px solid #353a38;box-shadow:0 3px 8px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.3)}
.vault-lock-rail.horizontal{left:20%;right:15%;top:49%;height:18px;border-radius:5px;transform-origin:right center}
.vault-lock-rail.vertical{top:18%;bottom:16%;left:55%;width:18px;border-radius:5px;transform-origin:center top}
.vault-lock-stop{position:absolute;z-index:6;width:62px;height:50px;border:2px solid #303533;border-radius:6px;background:linear-gradient(135deg,#8b918f,#3b403e);box-shadow:inset 0 2px rgba(255,255,255,.18),0 5px 9px rgba(0,0,0,.38)}
.vault-lock-stop.left{left:13%;top:45%}.vault-lock-stop.right{right:9%;top:45%}.vault-lock-stop.top{left:51.8%;top:10%}.vault-lock-stop.bottom{left:51.8%;bottom:8%}
.vault-wheel{
  position:absolute;left:55.9%;top:49.8%;z-index:10;width:122px;height:122px;margin:-61px 0 0 -61px;
  border:7px double #323735;border-radius:50%;
  background:radial-gradient(circle,#c1c6c4 0 10%,#343937 11% 19%,#8e9492 20% 27%,#2d3230 28% 45%,#a2a8a6 46% 51%,#262b29 52% 100%);
  box-shadow:0 0 0 5px #484e4c,0 6px 12px rgba(0,0,0,.58),inset 0 0 15px rgba(0,0,0,.5);
}
.vault-wheel::before,.vault-wheel::after,.vault-wheel-spoke::before{
  content:"";position:absolute;left:50%;top:50%;width:166px;height:9px;margin:-4.5px 0 0 -83px;border:2px solid #303533;border-radius:999px;
  background:linear-gradient(180deg,#c7ccca,#535957 52%,#979d9b);box-shadow:0 3px 5px rgba(0,0,0,.5);transform-origin:center;
}
.vault-wheel::after{transform:rotate(60deg)}
.vault-wheel-spoke{position:absolute;inset:0}
.vault-wheel-spoke::before{transform:rotate(120deg)}
.vault-wheel-hub{position:absolute;left:50%;top:50%;width:33px;height:33px;margin:-16.5px;border:3px solid #2d3230;border-radius:50%;background:radial-gradient(circle,#e3e6e4,#656b68 55%,#1f2322);box-shadow:0 2px 5px #000}
.vault-door-plaque{position:absolute;right:7%;top:11%;z-index:8;width:150px;padding:.55rem .65rem;border:1px solid #333834;border-radius:3px;background:linear-gradient(180deg,#222725,#111412);box-shadow:inset 0 0 0 2px #515650,0 4px 8px rgba(0,0,0,.38);text-align:center}
.vault-door-plaque span{display:block;color:#d7bd70;font-size:.5rem;font-weight:900;letter-spacing:.15em}
.vault-door-plaque strong{display:block;margin-top:.18rem;color:#f4f2ea;font:800 .82rem/1 "Roboto Slab",serif}

.vault-access-console{
  position:relative;z-index:9;align-self:stretch;display:flex;flex-direction:column;justify-content:center;
  min-width:0;padding:1rem;
  border-left:2px solid rgba(0,0,0,.6);
}
.vault-access-console::before{content:"";position:absolute;inset:5% 0;border:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(255,255,255,.018),rgba(0,0,0,.22));box-shadow:inset 0 0 28px rgba(0,0,0,.44);pointer-events:none}
.vault-access-panel{
  position:relative;z-index:2;width:100%;padding:1.25rem 1.15rem 1.2rem;
  border:2px solid #343a37;border-radius:8px;
  background:linear-gradient(180deg,#161b18,#090c0a);
  box-shadow:0 0 0 5px #0d100e,0 0 0 7px #4d4938,0 15px 32px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.08);
}
.vault-console-lights{display:flex;justify-content:flex-end;gap:7px;margin-bottom:.55rem}
.vault-console-lights i{width:7px;height:7px;border-radius:50%;background:#3c201d;box-shadow:0 0 6px rgba(170,49,37,.45)}
.vault-console-lights i:nth-child(2){background:#5c4b20;box-shadow:0 0 6px rgba(215,166,47,.25)}
.vault-console-lights i:nth-child(3){background:#233c2c;box-shadow:0 0 6px rgba(72,156,102,.22)}
.vault-access-status{display:flex;justify-content:center;align-items:center;gap:.45rem;margin-bottom:.65rem;color:#d6ddd9;font-size:.62rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.vault-access-status::before{content:"";width:8px;height:8px;border-radius:50%;background:#b33a31;box-shadow:0 0 10px rgba(213,59,49,.72)}
.vault-access-status[data-state="unlocked"]{color:#f0d67e}
.vault-access-status[data-state="unlocked"]::before{background:#e7b43b;box-shadow:0 0 15px rgba(242,207,104,.95)}
.vault-access-panel h2{margin:0;color:#fff;text-align:center;font:800 1.55rem/1.1 "Roboto Slab",serif}
.vault-access-panel .account-auth-kicker{margin:.38rem 0 .15rem;color:var(--vault-gold-bright);text-align:center;font-size:.72rem;font-weight:850}
.vault-access-panel .account-auth-copy{margin:.38rem auto .85rem;max-width:310px;color:#aeb8b2;text-align:center;font-size:.72rem;line-height:1.5}
.vault-access-panel .account-auth-copy strong{color:#e7dfc6}
.account-auth-form{display:grid;gap:.65rem}
.account-auth-form label,.account-profile-form label{display:grid;gap:.32rem;color:#c9d0cc;font-size:.67rem;font-weight:850;letter-spacing:.02em}
.account-auth-form input,.account-profile-form input{width:100%;min-height:46px;padding:.72rem .8rem;border:1px solid #4a5550;border-radius:6px;background:#060907;color:#fff;font:inherit;outline:none;box-shadow:inset 0 2px 7px rgba(0,0,0,.45);transition:border-color .15s,box-shadow .15s,background .15s}
.account-auth-form input:focus,.account-profile-form input:focus{border-color:var(--vault-gold);box-shadow:0 0 0 3px rgba(215,166,47,.13),inset 0 2px 7px rgba(0,0,0,.45);background:#0b100d}
.account-password-field{position:relative;display:block}
.account-password-field input{padding-right:4.55rem}
.account-password-toggle{position:absolute;right:.42rem;top:50%;transform:translateY(-50%);min-width:3.55rem;height:32px;padding:0 .58rem;border:1px solid #4a5550;border-radius:5px;background:#111713;color:#d9c77f;font:800 .61rem/1 Inter,sans-serif;cursor:pointer;letter-spacing:.02em}
.account-password-toggle:hover,.account-password-toggle:focus-visible{border-color:var(--vault-gold);color:#f2cf68;outline:none;box-shadow:0 0 0 2px rgba(215,166,47,.12)}
.account-auth-actions{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}
.account-button{min-height:43px;padding:.66rem .9rem;border:1px solid var(--vault-gold);border-radius:7px;background:linear-gradient(180deg,#edc75d,#ca951f);color:#15140e;font-weight:900;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.2)}
.account-button:hover{filter:brightness(1.04)}
.account-button:disabled{cursor:wait;opacity:.72}
.account-button.secondary{border-color:#4c5851;background:#111713;color:#e9ecea;box-shadow:none}
.vault-access-panel .account-auth-actions a{color:#d4b758;font-size:.7rem;font-weight:800;text-decoration:none}
.account-auth-status{min-height:1.05rem;color:#f0a79f;text-align:center;font-size:.67rem;line-height:1.4}
.vault-code-input{text-align:center;font-size:1.18rem!important;letter-spacing:.35em;font-weight:900}
.vault-security-note{margin:.75rem 0 0;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.07);color:#747f79;text-align:center;font-size:.58rem;line-height:1.45}

.account-primary-unlock{width:100%}
.account-remember{display:flex!important;align-items:flex-start;gap:.55rem;padding:.58rem .62rem;border:1px solid rgba(215,166,47,.16);border-radius:7px;background:rgba(215,166,47,.035);cursor:pointer}
.account-remember input{flex:0 0 auto!important;width:17px!important;height:17px!important;min-height:0!important;margin:.05rem 0 0;padding:0!important;accent-color:var(--vault-gold);box-shadow:none!important}
.account-remember span{display:grid;gap:.12rem;min-width:0}
.account-remember strong{color:#e7e4d9;font-size:.66rem;line-height:1.25}
.account-remember small{color:#77847d;font-size:.57rem;font-weight:600;line-height:1.4}
.account-remember.compact{padding:.48rem .55rem}
.account-trouble-toggle,.account-text-button,.account-resend-button{appearance:none;border:0;background:transparent;color:#d7b858;font:800 .68rem/1.35 Inter,sans-serif;text-decoration:none;cursor:pointer;text-align:center;padding:.15rem .2rem}
.account-trouble-toggle:hover,.account-text-button:hover,.account-resend-button:not(:disabled):hover{color:#f2cf68;text-decoration:underline}
.account-resend-button{min-height:30px;color:#cbbd91}
.account-resend-button:disabled{color:#6f7973;cursor:default;text-decoration:none}
.account-trouble-options{display:grid;gap:.42rem;padding:.6rem;border:1px solid rgba(215,166,47,.2);border-radius:8px;background:#0b100d;box-shadow:inset 0 0 16px rgba(0,0,0,.28)}
.account-trouble-options[hidden]{display:none!important}
.account-trouble-options button{min-height:34px;padding:.48rem .58rem;border:1px solid #4a554f;border-radius:6px;background:#151b17;color:#eee9d9;font:800 .65rem/1.2 Inter,sans-serif;cursor:pointer}
.account-trouble-options button:hover{border-color:#8d762f;background:#19211b}
.account-trouble-options p{margin:.08rem 0 0;color:#77837c;font-size:.57rem;line-height:1.45;text-align:center}
.account-joke-aside{margin:-.05rem 0 .08rem;color:#7f8b84;text-align:center;font-size:.58rem;font-style:italic;font-weight:650;line-height:1.35}
.account-guest-prompt{margin:.08rem 0 -.18rem;color:#b8b19a;text-align:center;font-size:.61rem;font-style:italic;font-weight:800;letter-spacing:.01em}
.account-guest-link{display:block;color:#89968f!important;text-align:center;font-size:.62rem!important;font-weight:700!important;text-decoration:none}
.account-guest-link:hover{color:#d4b758!important}
.account-password-help{margin:-.08rem 0 .08rem;color:#77847d;font-size:.58rem;line-height:1.5;text-align:left}
.account-password-help strong{color:#d8c27f}
.account-auth-status.success{color:#a7d6b9}

/* Unlock sequence */
.vault-entry-wash{position:absolute;inset:0;z-index:30;pointer-events:none;opacity:0;background:radial-gradient(circle at 42% 56%,rgba(255,222,113,.48),rgba(7,9,7,.22) 34%,rgba(7,9,7,.9) 74%),#080b09;will-change:opacity}
.vault-login-scene.is-unlocking .vault-console-lights i{background:#e1b13c;box-shadow:0 0 12px rgba(242,207,104,.8)}
.vault-login-scene.is-unlocking .vault-wheel{animation:vaultWheelUnlock .8s .12s cubic-bezier(.22,.82,.25,1) forwards}
.vault-login-scene.is-unlocking .vault-lock-rail.horizontal{animation:vaultBarHorizontal .48s .73s ease-in forwards}
.vault-login-scene.is-unlocking .vault-lock-rail.vertical{animation:vaultBarVertical .48s .76s ease-in forwards}
.vault-login-scene.is-unlocking .vault-lock-stop{animation:vaultStopsRelease .35s .72s ease-in forwards}
.vault-login-scene.is-unlocking .vault-door-panel{animation:vaultDoorOpen 1.25s 1.12s cubic-bezier(.3,.02,.16,1) forwards}
.vault-login-scene.is-unlocking .vault-interior-copy{opacity:1;transform:translateY(0)}
.vault-login-scene.is-unlocking .vault-interior-reveal{animation:vaultInteriorGlow 1.2s 1.05s ease-out both}
.vault-login-scene.is-unlocking .vault-access-panel{animation:vaultConsoleGranted .72s ease-out both}
.vault-login-scene.is-entering .vault-entry-wash{animation:vaultEnterWash 1.32s cubic-bezier(.22,.62,.22,1) forwards}
.vault-login-scene.is-entering .vault-room{transform-origin:40% 55%;will-change:transform;backface-visibility:hidden;animation:vaultWalkIntoCache 1.32s cubic-bezier(.22,.62,.22,1) forwards}
.vault-login-scene.is-entering .vault-access-console{will-change:transform,opacity;animation:vaultConsoleStepAway 1.32s cubic-bezier(.22,.62,.22,1) forwards}
.vault-login-scene.is-entering .vault-login-header,.vault-login-scene.is-entering .vault-ceiling{animation:vaultEntryChromeFade 1.32s cubic-bezier(.22,.62,.22,1) forwards}
@keyframes vaultWheelUnlock{0%{transform:rotate(0)}72%{transform:rotate(168deg)}100%{transform:rotate(156deg)}}
@keyframes vaultBarHorizontal{to{transform:translateX(23%) scaleX(.58);opacity:.75}}
@keyframes vaultBarVertical{to{transform:translateY(-18%) scaleY(.58);opacity:.75}}
@keyframes vaultStopsRelease{to{filter:brightness(.65);opacity:.55}}
@keyframes vaultDoorOpen{0%{transform:rotateY(0);filter:brightness(1)}15%{transform:rotateY(-2deg)}100%{transform:rotateY(-104deg) translateZ(10px);filter:brightness(.72)}}
@keyframes vaultInteriorGlow{0%{filter:brightness(.6)}45%{filter:brightness(1.35)}100%{filter:brightness(1)}}
@keyframes vaultConsoleGranted{45%{border-color:#e7bd52;box-shadow:0 0 0 5px #0d100e,0 0 0 7px #a9852d,0 0 36px rgba(224,174,50,.32),inset 0 1px rgba(255,255,255,.08)}100%{border-color:#76642e}}
@keyframes vaultEnterWash{0%{opacity:0}58%{opacity:.12}78%{opacity:.34}100%{opacity:1}}
@keyframes vaultWalkIntoCache{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-4.5%,2.6%,0) scale(1.24)}}
@keyframes vaultConsoleStepAway{0%{opacity:1;transform:none}100%{opacity:0;transform:translateX(54px) scale(.95)}}
@keyframes vaultEntryChromeFade{to{opacity:.08}}

@media(max-width:1050px){
  .vault-room{grid-template-columns:minmax(0,1.45fr) minmax(290px,.72fr);gap:.9rem;padding:1rem}
  .vault-door-frame{padding:20px}
  .vault-interior-reveal{inset:20px}
  .vault-door-plaque{width:125px}
  .vault-wheel{width:105px;height:105px;margin:-52.5px 0 0 -52.5px}
  .vault-wheel::before,.vault-wheel::after,.vault-wheel-spoke::before{width:145px;margin-left:-72.5px}
}
@media(max-width:820px){
  .account-shell{width:min(100%,calc(100% - .5rem));padding:.45rem 0 3rem}
  .vault-login-scene{min-height:0}
  .vault-login-header{align-items:flex-start;padding:.85rem 1rem}
  .vault-login-header-badge{display:none}
  .vault-room{grid-template-columns:1fr;gap:1.4rem;padding:.9rem .7rem 1.35rem}
  .vault-door-bay{padding:.4rem .7rem 0}
  .vault-door-frame{width:min(680px,94vw)}
  .vault-access-console{width:min(500px,92vw);margin:0 auto;padding:.2rem 0 .7rem;border-left:0}
  .vault-access-console::before{inset:-8px -10px}
  .vault-access-panel{padding:1rem}
}
@media(max-width:560px){
  .vault-ceiling{height:48px}.vault-ceiling::before{left:4%;right:4%;top:8px;height:26px;border-width:4px}
  .vault-login-header h1{font-size:clamp(1.75rem,9vw,2.35rem)}
  .vault-login-header .eyebrow{font-size:.57rem}
  .vault-room{padding:.8rem .35rem 1.2rem}
  .vault-door-bay{padding:.25rem .3rem 0}
  .vault-door-frame{padding:12px;box-shadow:0 0 0 5px #0e1110,0 0 0 7px #555b59,0 0 0 11px #080a09,0 15px 28px rgba(0,0,0,.52)}
  .vault-interior-reveal{inset:12px}
  .vault-door-panel::before{inset:13% 10% 13% 17%}
  .vault-hinge{width:48px;height:32px}.vault-hinge::before{left:19px;width:13px;height:42px;top:-6px}
  .vault-lock-rail.horizontal{left:20%;right:10%;height:12px}.vault-lock-rail.vertical{width:12px}
  .vault-lock-stop{width:40px;height:34px}
  .vault-wheel{width:76px;height:76px;margin:-38px 0 0 -38px;border-width:5px}
  .vault-wheel::before,.vault-wheel::after,.vault-wheel-spoke::before{width:105px;height:6px;margin:-3px 0 0 -52.5px}
  .vault-wheel-hub{width:23px;height:23px;margin:-11.5px;border-width:2px}
  .vault-door-plaque{right:5%;top:8%;width:96px;padding:.35rem}.vault-door-plaque span{font-size:.38rem}.vault-door-plaque strong{font-size:.57rem}
  .vault-access-console{width:94vw}
  .vault-access-panel h2{font-size:1.3rem}
  .account-auth-actions{display:grid;grid-template-columns:1fr;width:100%}
  .account-auth-actions .account-button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .vault-login-scene.is-unlocking .vault-wheel,.vault-login-scene.is-unlocking .vault-lock-rail,.vault-login-scene.is-unlocking .vault-lock-stop,.vault-login-scene.is-unlocking .vault-door-panel,.vault-login-scene.is-unlocking .vault-interior-reveal,.vault-login-scene.is-unlocking .vault-access-panel,.vault-login-scene.is-entering .vault-entry-wash,.vault-login-scene.is-entering .vault-room,.vault-login-scene.is-entering .vault-access-console,.vault-login-scene.is-entering .vault-login-header,.vault-login-scene.is-entering .vault-ceiling,.account-dashboard.is-arriving,.account-entry-curtain{animation:none!important;transition:none!important}
  .vault-login-scene.is-unlocking .vault-door-panel{transform:rotateY(-88deg)}
  .vault-login-scene.is-unlocking .vault-interior-copy{opacity:1;transform:none;transition:none}
  .account-entry-curtain{display:none}
}

/* ---------- Inside the collection vault ---------- */
.page-account.my-cache-authenticated{background:
  radial-gradient(circle at 50% 8%,rgba(194,203,198,.08),transparent 34rem),
  linear-gradient(180deg,#070908,#101310 64%,#090b09 100%)}
.page-account.my-cache-authenticated .account-shell{width:min(1500px,calc(100% - 1rem));padding-top:.6rem}
.account-dashboard{
  position:relative;min-height:790px;overflow:hidden;padding:0;
  border:2px solid #363b39;border-radius:10px;
  background:#111513;color:#f5f2e8;
  box-shadow:0 34px 85px rgba(0,0,0,.58),inset 0 0 90px rgba(0,0,0,.38);
  isolation:isolate
}
.account-dashboard.is-arriving{transform-origin:50% 18%;animation:cacheDashboardSettle .72s cubic-bezier(.22,.62,.22,1) both}
.account-entry-curtain{position:absolute;inset:0;z-index:100;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 42% 16%,rgba(255,222,113,.48),rgba(7,9,7,.22) 34%,rgba(7,9,7,.9) 74%),#080b09;animation:cacheEntryCurtainLift .78s cubic-bezier(.22,.62,.22,1) forwards}
@keyframes cacheDashboardSettle{0%{transform:translateY(10px) scale(.992)}100%{transform:translateY(0) scale(1)}}
@keyframes cacheEntryCurtainLift{0%,18%{opacity:1}100%{opacity:0}}

/* Physical room: steel walls, floor, ceiling lighting */
.account-vault-architecture{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:
  linear-gradient(180deg,rgba(255,255,255,.07),transparent 10%),
  linear-gradient(180deg,#3d4241 0 6.4rem,#222725 6.4rem 100%)}
.account-vault-architecture::before{content:"";position:absolute;left:0;right:0;top:6.4rem;height:2px;background:#0a0c0b;box-shadow:0 2px #616765,0 10px 30px rgba(0,0,0,.65)}
.account-vault-architecture::after{content:"";position:absolute;left:11%;right:7%;top:7.35rem;bottom:0;background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 112px),
  repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0 2px,transparent 2px 92px),
  linear-gradient(180deg,#303634,#1b201e 70%);box-shadow:inset 0 0 55px rgba(0,0,0,.55)}
.vault-wall{position:absolute;top:6.4rem;bottom:0;width:12%;background:
  radial-gradient(circle at 7px 7px,#121514 0 2px,#747a77 2.4px 3.3px,transparent 3.7px) 0 0/54px 54px,
  linear-gradient(90deg,#343a38,#171b19);box-shadow:inset -10px 0 28px rgba(0,0,0,.52)}
.vault-wall-left{left:0;clip-path:polygon(0 0,100% 4%,72% 100%,0 100%)}
.vault-wall-right{right:0;transform:scaleX(-1);clip-path:polygon(0 0,100% 4%,72% 100%,0 100%)}
.vault-floor{position:absolute;left:7%;right:7%;bottom:-9rem;height:26rem;background:
  repeating-linear-gradient(90deg,transparent 0 10%,rgba(238,215,145,.08) 10% 10.3%),
  repeating-linear-gradient(180deg,transparent 0 18%,rgba(238,215,145,.06) 18% 18.4%),
  linear-gradient(180deg,#272b29,#090b0a 75%);transform:perspective(720px) rotateX(62deg);transform-origin:bottom;box-shadow:0 -1px rgba(226,201,128,.2),inset 0 20px 40px rgba(0,0,0,.42)}
.vault-ceiling-light{position:absolute;top:1.15rem;width:19%;height:24px;border:5px solid #343938;border-radius:3px;background:linear-gradient(180deg,#fffdf0,#bdc1b9);box-shadow:0 0 26px rgba(255,249,214,.46),inset 0 0 9px #fff}
.vault-ceiling-light.one{left:12%}.vault-ceiling-light.two{left:40.5%}.vault-ceiling-light.three{right:12%}

.account-dashboard-head{position:relative;z-index:4;min-height:6.4rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.05rem 1.45rem;border-bottom:1px solid #111;background:linear-gradient(90deg,rgba(10,13,11,.93),rgba(24,29,26,.86) 48%,rgba(9,12,10,.94));box-shadow:0 7px 22px rgba(0,0,0,.45)}
.account-dashboard-head .eyebrow{margin:0 0 .26rem;color:var(--vault-gold-bright);font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.account-dashboard-head h2{margin:0;color:#fff;font:800 clamp(1.7rem,3vw,2.55rem)/1 "Roboto Slab",serif;letter-spacing:-.02em}
.account-dashboard-head p{margin:.35rem 0 0;color:#9ea9a2;font-size:.73rem;line-height:1.45}
.account-vault-owner{display:inline-flex;margin-top:.55rem;padding:.3rem .52rem;border:1px solid #655a34;border-radius:3px;background:#111512;color:#d7c68d;font-size:.58rem;font-weight:900;letter-spacing:.06em}
.account-vault-head-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}
.account-vault-head-actions .account-button{min-height:38px;padding:.58rem .78rem;border-color:#575e59;background:#161b18;color:#e8e2d2;text-decoration:none}
.account-vault-head-actions .account-button:first-child{border-color:#75652f;color:#f0d47b}

.account-vault-layout{position:relative;z-index:3;display:grid;grid-template-columns:250px minmax(0,1fr);gap:1.1rem;min-height:680px;padding:1.15rem}
.account-vault-directory{position:relative;align-self:start;position:sticky;top:1rem;display:grid;gap:.75rem;padding:.85rem;border:2px solid #252a28;border-radius:7px;background:
  radial-gradient(circle at 7px 7px,#111 0 1.7px,#777d79 2px 2.8px,transparent 3px) 0 0/38px 38px,
  linear-gradient(145deg,#555c59,#2c3230 18%,#444a47 48%,#1d2220 100%);box-shadow:0 16px 34px rgba(0,0,0,.38),inset 0 0 0 3px rgba(255,255,255,.04),inset 0 0 32px rgba(0,0,0,.34)}
.account-directory-plaque{padding:.75rem .72rem;border:1px solid #171a18;border-radius:4px;background:linear-gradient(180deg,#181d1a,#0b0e0c);box-shadow:inset 0 0 0 2px #383f3b;text-align:center}
.account-directory-plaque span,.account-directory-plaque small{display:block;color:#9b8a51;font-size:.52rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.account-directory-plaque strong{display:block;margin:.22rem 0 .24rem;color:#f0e7ca;font:800 .9rem/1.1 "Roboto Slab",serif;letter-spacing:.04em}
.account-directory-plaque small{color:#67736c;font-size:.47rem;letter-spacing:.08em}
.account-vault-nav{display:grid;gap:.45rem}
.account-vault-nav button{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:.6rem;width:100%;min-height:56px;padding:.55rem .6rem;border:1px solid #242a27;border-radius:5px;background:linear-gradient(180deg,#2e3531,#181d1a);color:#d4d8d4;text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.06),0 3px 7px rgba(0,0,0,.23);transition:border-color .18s,background .18s,transform .18s}
.account-vault-nav button:hover{border-color:#75662f;background:linear-gradient(180deg,#353c37,#1d241f);transform:translateX(2px)}
.account-vault-nav button.is-active{border-color:#9b7b26;background:linear-gradient(180deg,#4b442b,#201d12);box-shadow:inset 0 0 0 1px rgba(242,207,104,.14),0 0 18px rgba(215,166,47,.08)}
.vault-nav-number{display:grid;place-items:center;width:31px;height:31px;border:1px solid #5a625e;border-radius:50%;background:#111512;color:#b8c0bb;font:900 .58rem/1 Inter,sans-serif}
.account-vault-nav button.is-active .vault-nav-number{border-color:#a68938;color:#f3d575;box-shadow:0 0 12px rgba(215,166,47,.16)}
.account-vault-nav button strong{display:block;color:#f2f1eb;font-size:.69rem;line-height:1.15}
.account-vault-nav button small{display:block;margin-top:.16rem;color:#77847c;font-size:.54rem;font-weight:700}
.account-vault-nav button.is-active small{color:#bba863}
.account-directory-status{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;padding-top:.25rem}
.account-directory-status div{padding:.5rem;border:1px solid #303733;border-radius:4px;background:rgba(6,8,7,.64);text-align:center}
.account-directory-status span{display:block;color:#76817b;font-size:.48rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.account-directory-status strong{display:block;margin-top:.2rem;color:#e5d59d;font:800 1.08rem/1 "Roboto Slab",serif}
.account-directory-brass{padding:.42rem;border:1px solid #806a2d;border-radius:3px;background:linear-gradient(180deg,#6c5926,#2a220d);box-shadow:inset 0 1px rgba(255,245,188,.22);text-align:center;color:#f0d47b;font-size:.48rem;font-weight:900;letter-spacing:.16em}

.account-vault-chamber{position:relative;min-width:0;padding:.15rem .1rem 2rem}
.account-vault-chamber::before{content:"";position:absolute;inset:-.3rem -.45rem 0;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(0,0,0,.28);pointer-events:none}
.account-vault-notice{position:relative;z-index:2;margin-bottom:.8rem;padding:.72rem .85rem;border:1px solid rgba(219,154,73,.35);border-radius:6px;background:#22170d;color:#e6c18e;font-size:.68rem;line-height:1.45}
.account-vault-view{position:relative;z-index:1;animation:vaultViewIn .24s ease-out both}
.account-vault-view[hidden]{display:none!important}
@keyframes vaultViewIn{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
.account-chamber-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:0 0 .8rem;padding:1rem 1.05rem;border:1px solid #4a504d;border-radius:7px;background:
  linear-gradient(90deg,rgba(255,255,255,.06),transparent 24%),
  linear-gradient(180deg,#343a37,#181d1a);box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.22)}
.account-chamber-heading h3{margin:0;color:#fff;font:800 clamp(1.35rem,2.5vw,2rem)/1.05 "Roboto Slab",serif}
.account-chamber-heading p{margin:.3rem 0 0;color:#89958e;font-size:.68rem;line-height:1.4}
.account-panel-kicker{display:block;margin-bottom:.25rem;color:var(--vault-gold-bright);font-size:.56rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.account-chamber-stamp{flex:0 0 auto;padding:.42rem .58rem;border:1px solid #7a652d;border-radius:3px;background:#15140e;color:#d9bf6a;font-size:.52rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

.account-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:.8rem}
.account-summary-card{appearance:none;position:relative;min-height:112px;padding:.9rem;border:1px solid #555d58;border-radius:6px;background:
  linear-gradient(90deg,rgba(255,255,255,.055),transparent 20%),
  linear-gradient(180deg,#303632,#171c19);box-shadow:inset 0 0 0 2px rgba(0,0,0,.22),0 8px 18px rgba(0,0,0,.2);overflow:hidden;color:inherit;text-align:left;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}
.account-summary-card::before{content:"";position:absolute;right:10px;top:10px;width:9px;height:9px;border:1px solid #171a18;border-radius:50%;background:#89908c;box-shadow:0 0 0 2px #333936}
.account-summary-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#5d4b1d,#d1a735,#5d4b1d);opacity:.55}
.account-summary-card:hover{transform:translateY(-2px);border-color:#8a7335;box-shadow:0 12px 24px rgba(0,0,0,.27)}
.account-summary-card small{display:block;padding-right:1rem;color:#b7a15f;font-size:.56rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.account-summary-card strong{display:block;margin-top:.42rem;color:#fff;font:800 clamp(1.28rem,2.6vw,1.75rem)/1.05 "Roboto Slab",serif}
.account-summary-card span{display:block;margin-top:.35rem;color:#7e8983;font-size:.61rem;line-height:1.35}

.account-overview-room-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.55fr);gap:.75rem}
.account-panel{position:relative;padding:1rem;border:1px solid #414844;border-radius:7px;background:
  linear-gradient(90deg,rgba(255,255,255,.025),transparent 20%),
  #111613;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 10px 22px rgba(0,0,0,.22)}
.account-panel::before{content:"";position:absolute;inset:5px;border:1px solid rgba(190,199,194,.045);border-radius:4px;pointer-events:none}
.account-panel h3{position:relative;margin:0;color:#fff;font:800 1.18rem/1.15 "Roboto Slab",serif}
.account-panel-heading{position:relative;display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:.75rem}
.account-panel-heading p{margin:.25rem 0 0;color:#7d8982;font-size:.66rem;line-height:1.4}
.account-recent-panel{min-width:0}

/* Collection display cases / shelving */
.account-orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.account-orders-recent{grid-template-columns:repeat(2,minmax(0,1fr))}
.account-order{position:relative;display:grid;gap:.72rem;min-width:0;padding:.78rem;border:1px solid #534723;border-radius:7px;background:
  linear-gradient(180deg,rgba(255,215,94,.035),transparent 42%),
  linear-gradient(160deg,#1a211c,#090c0a 72%);box-shadow:inset 0 0 0 3px #0a0d0b,0 11px 22px rgba(0,0,0,.26);overflow:hidden}
.account-order::before{content:"";position:absolute;left:7%;right:7%;bottom:-2px;height:6px;background:linear-gradient(180deg,#7f682d,#31270e);box-shadow:0 -1px rgba(242,207,104,.18);pointer-events:none}
.account-order-state{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.account-order-state span{display:inline-flex;align-items:center;min-height:24px;padding:.28rem .48rem;border:1px solid rgba(215,166,47,.3);border-radius:999px;background:#15180f;color:#e8c866;font-size:.52rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.account-order-state span.incoming{border-color:rgba(120,172,157,.35);background:#10201a;color:#9fd4c2}
.account-order-state span.processing{border-color:rgba(189,166,105,.32);color:#d9c58c}
.account-order-state time{color:#748078;font-size:.58rem;font-weight:700}
.account-order-gallery{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem;min-height:118px;padding:.58rem;border:1px solid #303934;border-radius:5px;background:
  linear-gradient(180deg,rgba(205,177,93,.04),transparent 65%),#050806;box-shadow:inset 0 -16px 26px rgba(215,166,47,.025),inset 0 0 24px rgba(0,0,0,.56)}
.account-order-thumb{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:3/4;border:1px solid #2d3932;border-radius:5px;background:linear-gradient(145deg,#1b251f,#0c110e);overflow:hidden}
.account-order-thumb img{width:100%;height:100%;object-fit:contain;padding:.15rem}
.account-order-thumb-fallback{display:grid;place-items:center;width:100%;height:100%;color:#d1aa3c;font:900 1.05rem/1 "Roboto Slab",serif;background:radial-gradient(circle,rgba(215,166,47,.08),transparent 62%)}
.account-order-thumb-more{position:absolute;right:.26rem;bottom:.26rem;display:grid;place-items:center;min-width:29px;height:23px;padding:0 .32rem;border:1px solid rgba(242,207,104,.35);border-radius:999px;background:rgba(8,11,9,.9);color:#f0d176;font-size:.58rem;font-weight:900}
.account-order-copy{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:end}
.account-order-copy h4{margin:0;color:#fff;font-size:.82rem}
.account-order-copy p{margin:.18rem 0 0;color:#78847d;font-size:.6rem;line-height:1.4}
.account-order-total{text-align:right}.account-order-total strong{display:block;color:#e9d89f;font-size:.82rem}
.account-mini-button{position:relative;margin-top:.32rem;padding:.43rem .58rem;border:1px solid #4b574f;border-radius:5px;background:#111713;color:#dfd9c7;font-size:.59rem;font-weight:850;cursor:pointer}
.account-mini-button:hover{border-color:#8a7537;color:#f2d778}
.account-order-details{position:relative;z-index:1;padding-top:.65rem;border-top:1px solid rgba(255,255,255,.07)}
.account-order-items{display:grid;gap:.28rem}.account-order-items div{display:flex;justify-content:space-between;gap:.75rem;color:#9ca7a0;font-size:.61rem;line-height:1.4}.account-order-details p{margin:.55rem 0 0;color:#9ca7a0;font-size:.62rem}
.account-empty{grid-column:1/-1;display:grid;place-items:center;min-height:190px;padding:1.25rem;border:1px dashed rgba(215,166,47,.3);border-radius:6px;color:#89958e;text-align:center;background:rgba(0,0,0,.18)}
.account-empty strong{display:block;margin-bottom:.25rem;color:#f1ead5;font:800 1rem/1.2 "Roboto Slab",serif}.account-test-badge{display:inline-block;margin-left:.4rem;padding:.18rem .35rem;border-radius:999px;background:#6c5217;color:#f6dd98;font-size:.5rem;font-weight:900}.account-order-thumb-qty{position:absolute;left:.22rem;bottom:.22rem;display:grid;place-items:center;min-width:24px;height:21px;padding:0 .28rem;border:1px solid rgba(242,207,104,.32);border-radius:999px;background:rgba(8,11,9,.9);color:#f0d176;font-size:.55rem;font-weight:900}

.account-vault-snapshot{align-self:start;background:linear-gradient(180deg,#191d18,#0c100d)}
.account-snapshot-row{position:relative;display:grid;gap:.16rem;padding:.72rem .1rem;border-top:1px solid rgba(255,255,255,.07)}
.account-snapshot-row:first-of-type{margin-top:.55rem}.account-snapshot-row span{color:#707c75;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.account-snapshot-row strong{color:#e9e6dc;font-size:.72rem;overflow-wrap:anywhere}
.account-snapshot-actions{display:grid;grid-template-columns:1fr;gap:.35rem;margin-top:.35rem}

/* Collector ledger */
.account-ledger-grid{display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);gap:.75rem}
.account-ledger-score{display:grid;align-content:start;min-height:230px;background:
  radial-gradient(circle at 50% 40%,rgba(215,166,47,.13),transparent 45%),
  linear-gradient(180deg,#1c211b,#0d110e);text-align:center}
.account-ledger-score .account-panel-kicker{margin-top:.2rem}.account-ledger-big{display:block;margin:2rem 0 .35rem;color:#f4d36d;font:800 clamp(3rem,8vw,5.1rem)/.85 "Roboto Slab",serif;text-shadow:0 0 24px rgba(215,166,47,.18)}.account-ledger-score>span:last-child{color:#89958e;font-size:.66rem}
.account-ledger-control{min-width:0}
.account-pref-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.8rem 0;border-top:1px solid rgba(255,255,255,.07)}
.account-pref-row:first-of-type{border-top:0}.account-pref-row strong{display:block;color:#e7e9e7;font-size:.72rem}.account-pref-row span{display:block;margin-top:.2rem;color:#849087;font-size:.64rem;line-height:1.45}
.account-status-pill{display:inline-flex!important;width:max-content;margin-top:.4rem!important;padding:.24rem .42rem;border:1px solid rgba(120,172,157,.22);border-radius:999px;background:#102019;color:#9fd4c2!important;font-size:.52rem!important;font-weight:900;text-transform:uppercase}.account-status-pill.off{border-color:#3a403d;background:#151815;color:#8e9892!important}
.account-muted{position:relative;margin:.68rem 0 0;color:#6f7b74;font-size:.61rem;line-height:1.5}.account-pref-row-stacked{align-items:flex-start}.account-pref-join{display:grid;gap:.42rem;min-width:min(330px,100%)}.account-pref-join>label:first-child{display:grid;gap:.24rem;color:#aeb8b2;font-size:.59rem;font-weight:800}.account-pref-join input[type="text"],.account-pref-join>label:first-child input{width:100%;min-height:36px;padding:.5rem .58rem;border:1px solid #425049;border-radius:5px;background:#080c09;color:#fff;outline:none}.account-pref-consent{display:flex!important;align-items:flex-start!important;gap:.42rem!important;color:#89958e!important;font-size:.54rem!important;font-weight:650!important;line-height:1.45}.account-pref-consent a{color:#d8ba60;text-decoration:underline;text-underline-offset:2px}

/* Personal safe */
.account-settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:.75rem}
.account-profile-form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:.62rem;margin-top:.72rem}.account-profile-form label{color:#9ca7a0}.account-profile-wide{grid-column:1/-1}.account-profile-note{grid-column:1/-1;margin:-.06rem 0 .08rem;color:#748078;font-size:.61rem;line-height:1.5}.account-profile-form .account-button{grid-column:1/-1;justify-self:start}.account-profile-form #account-profile-status{grid-column:1/-1;text-align:left}.account-communications{align-self:start}

@media(max-width:1120px){
  .account-vault-layout{grid-template-columns:220px minmax(0,1fr)}
  .account-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .account-overview-room-grid{grid-template-columns:1fr}
  .account-vault-snapshot{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.account-vault-snapshot>h3,.account-vault-snapshot>.account-panel-kicker,.account-snapshot-actions{grid-column:1/-1}.account-snapshot-row{border:1px solid rgba(255,255,255,.06);padding:.6rem;border-radius:4px}
}
@media(max-width:820px){
  .page-account.my-cache-authenticated .account-shell{width:min(100% - .55rem,1500px)}
  .account-dashboard-head{align-items:flex-start;flex-direction:column;padding:.9rem 1rem}.account-vault-head-actions{width:100%;justify-content:flex-start}.account-vault-head-actions .account-button{flex:1}
  .account-vault-layout{display:block;padding:.7rem}.account-vault-directory{position:relative;top:auto;margin-bottom:.75rem;padding:.65rem}.account-directory-plaque{display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap}.account-directory-plaque strong{margin:0}.account-directory-plaque small{display:none}.account-vault-nav{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));overflow-x:auto;padding-bottom:.15rem}.account-vault-nav button{min-height:52px}.account-directory-status,.account-directory-brass{display:none}.account-vault-chamber::before{display:none}
  .account-orders,.account-orders-recent{grid-template-columns:1fr}.account-ledger-grid,.account-settings-grid{grid-template-columns:1fr}.account-profile-form{grid-template-columns:1fr}.account-profile-wide,.account-profile-form .account-button,.account-profile-form #account-profile-status,.account-profile-note{grid-column:1}.account-chamber-heading{align-items:flex-start}.account-chamber-stamp{display:none}
}
@media(max-width:620px){
  .account-dashboard{border-radius:6px}.account-vault-layout{padding:.5rem}.account-vault-nav{grid-template-columns:repeat(4,155px)}.account-vault-nav button{grid-template-columns:28px 1fr;padding:.45rem}.vault-nav-number{width:27px;height:27px}.account-overview-grid{grid-template-columns:1fr 1fr;gap:.45rem}.account-summary-card{min-height:100px;padding:.72rem}.account-chamber-heading{padding:.8rem}.account-panel{padding:.72rem}.account-vault-snapshot{grid-template-columns:1fr}.account-order-copy{grid-template-columns:1fr}.account-order-total{text-align:left}.account-profile-form .account-button{width:100%}.account-pref-row{grid-template-columns:1fr}.account-pref-join{min-width:0}
}
@media(max-width:410px){.account-overview-grid{grid-template-columns:1fr}.account-vault-head-actions{display:grid;grid-template-columns:1fr;width:100%}}

/* ---------- My Cache account creation ---------- */
.vault-login-scene.is-signup{min-height:820px}
.vault-login-scene.is-signup .vault-room{grid-template-columns:minmax(0,1.28fr) minmax(430px,.92fr);min-height:675px}
.vault-login-scene.is-signup .vault-access-console{padding:.75rem 1rem}
.vault-login-scene.is-signup .vault-access-panel{padding:1rem 1.05rem}
.account-new-signup{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.48rem .55rem;border:1px solid rgba(215,166,47,.14);border-radius:7px;background:rgba(215,166,47,.035);color:#89968f;font-size:.61rem;font-weight:700}
.account-new-signup button{appearance:none;border:0;background:transparent;color:#f0c85d;font:900 .66rem/1.2 Inter,sans-serif;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}
.account-new-signup button:hover{color:#ffe08a}
.account-signup-form{gap:.52rem}
.account-signup-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.account-signup-card .account-auth-copy{margin-bottom:.65rem;max-width:390px}
.account-signup-card .account-auth-form input{min-height:41px;padding:.6rem .7rem}
.account-field-hint{display:block;color:#76837c;font-size:.55rem;font-weight:600;line-height:1.35}
.account-signup-options{display:grid;gap:.45rem;margin-top:.05rem}
.account-signup-choice{display:flex!important;align-items:flex-start!important;gap:.55rem!important;padding:.57rem .6rem;border:1px solid rgba(215,166,47,.19);border-radius:7px;background:linear-gradient(180deg,rgba(215,166,47,.055),rgba(215,166,47,.02));cursor:pointer}
.account-signup-choice>input{flex:0 0 auto!important;width:17px!important;height:17px!important;min-height:0!important;margin:.08rem 0 0!important;padding:0!important;accent-color:var(--vault-gold);box-shadow:none!important}
.account-signup-choice>span{display:grid;gap:.16rem;min-width:0}
.account-signup-choice strong{color:#eee8d4;font-size:.65rem;line-height:1.3}
.account-signup-choice small{color:#85918b;font-size:.56rem;font-weight:600;line-height:1.45}
.account-signup-choice a{color:#d8ba60;text-decoration:underline;text-underline-offset:2px}
.account-signup-later{margin:.02rem 0;color:#84908a;text-align:center;font-size:.58rem;line-height:1.45}
.account-signup-later strong{color:#d9bf71}
.account-pref-row-stacked{align-items:flex-start}
.account-pref-join{display:grid;gap:.45rem;min-width:min(330px,100%)}
.account-pref-join>label:first-child{display:grid;gap:.25rem;color:#aeb8b2;font-size:.61rem;font-weight:800}
.account-pref-join input[type="text"],.account-pref-join>label:first-child input{width:100%;min-height:36px;padding:.5rem .58rem;border:1px solid #425049;border-radius:6px;background:#080c09;color:#fff;outline:none}
.account-pref-consent{display:flex!important;align-items:flex-start!important;gap:.42rem!important;color:#89958e!important;font-size:.56rem!important;font-weight:650!important;line-height:1.45}
.account-pref-consent input{flex:0 0 auto;width:15px;height:15px;margin:.08rem 0 0;accent-color:var(--vault-gold)}
.account-pref-consent a{color:#d5b657}

@media (max-width:980px){
  .vault-login-scene.is-signup{min-height:0}
  .vault-login-scene.is-signup .vault-room{grid-template-columns:1fr;min-height:0}
  .vault-login-scene.is-signup .vault-door-bay{display:none}
  .vault-login-scene.is-signup .vault-access-console{width:min(620px,94vw);margin:0 auto;padding:.4rem 0 1rem}
}
@media (max-width:560px){
  .account-signup-grid.two{grid-template-columns:1fr}
  .account-pref-join{min-width:0;width:100%}
}

/* v5.11.6.78 - signup personality + password strength */
.account-signup-card .account-auth-copy em{color:#d9bf71;font-style:italic;font-weight:700}
.account-signup-choice strong em{color:#d9bf71;font-style:italic;font-weight:700}
.account-password-strength{display:grid;gap:.28rem;margin:-.02rem 0 .04rem;padding:.48rem .55rem;border:1px solid rgba(215,166,47,.14);border-radius:7px;background:rgba(0,0,0,.13)}
.account-password-strength-head{display:flex;align-items:center;justify-content:space-between;gap:.65rem;color:#89958f;font-size:.57rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.account-password-strength-head strong{color:#d9bf71;font-size:.58rem}
.account-password-strength-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:.22rem}
.account-password-strength-bars i{display:block;height:5px;border-radius:999px;background:#28312d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.account-password-strength[data-level="1"] .account-password-strength-bars i:nth-child(-n+1){background:#a84b3e}
.account-password-strength[data-level="2"] .account-password-strength-bars i:nth-child(-n+2){background:#b98532}
.account-password-strength[data-level="3"] .account-password-strength-bars i:nth-child(-n+3){background:#d6ad3d}
.account-password-strength[data-level="4"] .account-password-strength-bars i:nth-child(-n+4){background:#6fa37c}
.account-password-strength small{color:#77847d;font-size:.54rem;font-weight:600;line-height:1.45}

/* v5.11.6.80 required legal assent */
.account-signup-required{display:grid;gap:.45rem;margin-top:.08rem}
.account-signup-legal-choice{border-color:rgba(215,166,47,.36);background:linear-gradient(180deg,rgba(215,166,47,.095),rgba(215,166,47,.035))}
.account-signup-legal-choice:focus-within{outline:2px solid #e4c76f;outline-offset:2px}
.account-signup-legal-choice strong{font-size:.66rem}
.account-signup-legal-choice small{font-size:.57rem}

/* v5.11.6.101 - profile shipping ZIP */
.account-profile-field-help{display:block;margin-top:.25rem;color:var(--muted);font-size:.68rem;line-height:1.4;font-weight:500}

/* v5.11.6.118 - My Cache Vault Phase 1 foundation */
.account-dashboard{background:#080b09}
.account-vault-architecture{display:none!important}
.account-vault-world{position:absolute;inset:0;z-index:0;overflow:hidden;background:#070907;touch-action:auto;user-select:none}
.account-vault-world::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,rgba(3,5,4,.26),rgba(3,5,4,.46));transition:opacity .65s ease,background .65s ease}
.account-vault-camera{position:absolute;inset:0;overflow:hidden}
.account-vault-scene{position:absolute;width:1600px;height:900px;overflow:hidden;background:#121714;will-change:transform;transform-origin:0 0}

/* Fixed 1600 x 900 scene. Everything placed into the vault should eventually attach to a logical zone, not screen pixels. */
.vault-scene-backwall{position:absolute;left:210px;right:210px;top:112px;height:555px;border:5px solid #0b0e0c;background:
  radial-gradient(circle at 18px 18px,#0f1210 0 3px,#747c77 3.4px 5px,transparent 5.4px) 0 0/96px 96px,
  repeating-linear-gradient(90deg,transparent 0 396px,rgba(0,0,0,.5) 396px 401px,rgba(255,255,255,.055) 401px 404px),
  repeating-linear-gradient(180deg,transparent 0 178px,rgba(0,0,0,.42) 178px 182px,rgba(255,255,255,.04) 182px 184px),
  linear-gradient(180deg,#4b5350 0,#343b37 18%,#262d29 70%,#1b211e 100%);box-shadow:inset 0 0 85px rgba(0,0,0,.62),0 10px 34px rgba(0,0,0,.5)}
.vault-panel-seam{position:absolute;top:0;bottom:0;width:7px;background:linear-gradient(90deg,#111512,#6c736f 42%,#202522 58%,#0a0d0b)}
.vault-panel-seam.seam-one{left:33.333%}.vault-panel-seam.seam-two{left:66.666%}
.vault-wall-rivet-grid{position:absolute;inset:18px;opacity:.5;background:radial-gradient(circle,#8a918c 0 2px,#0c0f0d 2.4px 3.3px,transparent 3.7px) 0 0/122px 122px}
.vault-room-identity{position:absolute;left:50%;top:72px;transform:translateX(-50%);min-width:410px;padding:17px 26px 18px;border:2px solid #171c19;border-radius:4px;background:linear-gradient(180deg,#202722,#0d110e);box-shadow:inset 0 0 0 3px #4a514d,0 9px 22px rgba(0,0,0,.38);text-align:center}
.vault-room-identity::before,.vault-room-identity::after{content:"";position:absolute;top:10px;width:8px;height:8px;border-radius:50%;background:#777f7a;box-shadow:inset 0 0 0 2px #151917}.vault-room-identity::before{left:12px}.vault-room-identity::after{right:12px}
.vault-room-identity small,.vault-room-identity span{display:block;color:#9a8b58;font:800 10px/1.2 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.vault-room-identity strong{display:block;margin:7px 0 5px;color:#eee9da;font:800 29px/1 "Roboto Slab",serif;letter-spacing:.08em}
.vault-room-identity span{color:#69766f;font-size:9px;letter-spacing:.1em}
.vault-wall-vent{position:absolute;right:48px;top:46px;width:118px;height:88px;padding:12px 14px;border:4px solid #1a1f1c;border-radius:3px;background:#101511;box-shadow:inset 0 0 0 2px #555d58,0 6px 16px rgba(0,0,0,.38)}
.vault-wall-vent i{display:block;height:8px;margin:4px 0;border-radius:99px;background:linear-gradient(180deg,#57605b,#1b211d);box-shadow:0 1px #0a0c0b}

.vault-scene-side{position:absolute;top:86px;bottom:0;width:310px;background:
  radial-gradient(circle at 24px 24px,#101310 0 3px,#717873 3.4px 4.8px,transparent 5.2px) 0 0/96px 96px,
  linear-gradient(90deg,#171c19,#3d4440 68%,#222824);box-shadow:inset 0 0 70px rgba(0,0,0,.57)}
.vault-scene-side-left{left:0;clip-path:polygon(0 0,100% 8%,68% 100%,0 100%)}
.vault-scene-side-right{right:0;transform:scaleX(-1);clip-path:polygon(0 0,100% 8%,68% 100%,0 100%)}
.vault-scene-ceiling{position:absolute;left:0;right:0;top:0;height:152px;background:linear-gradient(180deg,#262c29,#171b19 70%,#0a0d0b);box-shadow:0 9px 25px rgba(0,0,0,.58)}
.vault-scene-ceiling .beam{position:absolute;top:0;bottom:0;width:46px;background:linear-gradient(90deg,#080b09,#4b514e 35%,#202522 66%,#070907);transform:skewX(-18deg)}
.vault-scene-ceiling .beam.one{left:340px}.vault-scene-ceiling .beam.two{right:340px;transform:skewX(18deg)}
.vault-scene-ceiling .light{position:absolute;top:44px;width:280px;height:30px;border:7px solid #2e3531;border-radius:4px;background:linear-gradient(180deg,#fffbea,#c9c8b8);box-shadow:0 0 42px rgba(255,246,202,.35),inset 0 0 8px #fff}
.vault-scene-ceiling .light.one{left:175px}.vault-scene-ceiling .light.two{left:660px}.vault-scene-ceiling .light.three{right:175px}
.vault-scene-floor{position:absolute;left:130px;right:130px;top:650px;height:330px;background:
  repeating-linear-gradient(90deg,transparent 0 158px,rgba(225,210,151,.11) 158px 162px),
  repeating-linear-gradient(180deg,transparent 0 74px,rgba(225,210,151,.08) 74px 78px),
  linear-gradient(180deg,#343a36,#0b0e0c 85%);transform:perspective(820px) rotateX(55deg);transform-origin:top center;box-shadow:inset 0 28px 48px rgba(0,0,0,.42),0 -3px #101511}
.vault-scene-floor::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 5%,rgba(244,227,168,.1),transparent 60%)}
.floor-centerline{position:absolute;left:50%;top:0;bottom:0;width:3px;background:rgba(231,214,151,.08)}
.vault-zone-anchor{position:absolute;pointer-events:none;opacity:0}
.vault-zone-anchor.back-left{left:260px;top:190px;width:330px;height:400px}.vault-zone-anchor.back-center{left:635px;top:190px;width:330px;height:400px}.vault-zone-anchor.back-right{left:1010px;top:190px;width:330px;height:400px}
.vault-zone-anchor.floor-left{left:250px;top:610px;width:340px;height:235px}.vault-zone-anchor.floor-center{left:630px;top:610px;width:340px;height:235px}.vault-zone-anchor.floor-right{left:1010px;top:610px;width:340px;height:235px}

/* Permanent Phase 1 utility object */
.vault-design-plans-object{position:absolute;left:1180px;top:540px;width:250px;height:278px;border:0;background:transparent;color:#fff;cursor:pointer;transform-origin:50% 100%;filter:drop-shadow(0 18px 16px rgba(0,0,0,.48));transition:transform .2s ease,filter .2s ease;z-index:6}
.vault-design-plans-object:hover,.vault-design-plans-object:focus-visible{transform:translateY(-6px) scale(1.025);filter:drop-shadow(0 22px 22px rgba(0,0,0,.58)) drop-shadow(0 0 18px rgba(106,206,218,.2));outline:none}
.vault-blueprint-sheet{position:absolute;left:32px;top:0;width:186px;height:142px;padding:16px 13px 12px;border:5px solid #454d48;border-radius:3px;background:
  linear-gradient(90deg,transparent 49%,rgba(178,235,240,.14) 49% 51%,transparent 51%),
  linear-gradient(transparent 49%,rgba(178,235,240,.14) 49% 51%,transparent 51%),#164b58;background-size:22px 22px;box-shadow:inset 0 0 0 2px rgba(215,247,247,.22),0 5px 10px rgba(0,0,0,.3);transform:perspective(420px) rotateX(9deg)}
.vault-blueprint-sheet::before,.vault-blueprint-sheet::after{content:"";position:absolute;top:-9px;width:18px;height:158px;border-radius:99px;background:linear-gradient(90deg,#1b2320,#737c76 45%,#252c28 62%,#111512)}
.vault-blueprint-sheet::before{left:-12px}.vault-blueprint-sheet::after{right:-12px}
.vault-blueprint-sheet i{position:absolute;inset:34px 26px 29px;border:2px solid rgba(215,247,247,.52)}
.vault-blueprint-sheet b{display:block;color:#b5e6e7;font:900 9px/1 Inter,sans-serif;letter-spacing:.14em}.vault-blueprint-sheet strong{display:block;margin-top:14px;color:#e5ffff;font:800 18px/1.05 "Roboto Slab",serif;letter-spacing:.04em}.vault-blueprint-sheet small{position:absolute;left:0;right:0;bottom:10px;color:#9acfd2;font:800 7px/1 Inter,sans-serif;letter-spacing:.1em}
.vault-blueprint-stand{position:absolute;left:92px;top:136px;width:66px;height:120px;background:linear-gradient(90deg,#1a201d,#707772 45%,#2d3430 60%,#111512);clip-path:polygon(35% 0,65% 0,72% 76%,100% 100%,0 100%,28% 76%)}
.vault-blueprint-stand i{position:absolute;left:8px;right:8px;bottom:8px;height:17px;border:3px solid #151917;background:#4d5550}
.vault-object-label{position:absolute;left:31px;right:31px;bottom:0;padding:9px 10px;border:1px solid #6e673b;border-radius:3px;background:rgba(7,10,8,.9);color:#dfcf92;font:900 9px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:0;transform:translateY(5px);transition:.2s}
.vault-design-plans-object:hover .vault-object-label,.vault-design-plans-object:focus-visible .vault-object-label{opacity:1;transform:none}

/* The normal account interface is a layer in front of the persistent room. */
.account-dashboard-head,.account-vault-layout{transition:opacity .52s ease,transform .62s cubic-bezier(.22,.7,.22,1),filter .52s ease}
.account-dashboard:not(.is-vault-view) .account-dashboard-head,.account-dashboard:not(.is-vault-view) .account-vault-layout{backdrop-filter:blur(1.5px)}
.account-dashboard:not(.is-vault-view) .account-vault-world{pointer-events:none}
.account-dashboard:not(.is-vault-view) .account-vault-scene{filter:saturate(.78) brightness(.72)}
.account-view-vault-button{border-color:#8b7230!important;background:linear-gradient(180deg,#3d351b,#17150d)!important;color:#f3d16f!important}

/* Dedicated Vault View */
.account-dashboard.is-vault-view{height:calc(100vh - 94px);min-height:560px;max-height:900px;border-color:#4c534f;box-shadow:0 35px 95px rgba(0,0,0,.68),inset 0 0 100px rgba(0,0,0,.22)}
.account-dashboard.is-vault-view .account-vault-world{z-index:2;touch-action:none;cursor:default}
.account-dashboard.is-vault-view.vault-camera-pannable .account-vault-world{cursor:grab}.account-dashboard.is-vault-view.is-panning .account-vault-world{cursor:grabbing}
.account-dashboard.is-vault-view .account-vault-world::after{opacity:0;background:transparent}
.account-dashboard.is-vault-view .account-vault-scene{filter:none;transition:filter .5s ease}
.account-dashboard.is-vault-view .account-dashboard-head{opacity:0;transform:translateY(-28px) scale(.985);filter:blur(4px);pointer-events:none}
.account-dashboard.is-vault-view .account-vault-layout{opacity:0;transform:translateY(24px) scale(.975);filter:blur(4px);pointer-events:none}
.account-vault-view-controls{position:absolute;left:18px;right:18px;top:16px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid rgba(125,136,130,.5);border-radius:7px;background:rgba(8,11,9,.82);box-shadow:0 10px 24px rgba(0,0,0,.32);backdrop-filter:blur(9px);opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .4s .22s ease,transform .4s .22s ease}
.account-dashboard.is-vault-view .account-vault-view-controls{opacity:1;transform:none;pointer-events:auto}
.account-vault-return,.account-vault-view-actions button{min-height:38px;padding:.55rem .72rem;border:1px solid #5d675f;border-radius:5px;background:linear-gradient(180deg,#2c332f,#141916);color:#e7e9e4;font:850 .62rem/1 Inter,sans-serif;cursor:pointer}
.account-vault-return:hover,.account-vault-view-actions button:hover{border-color:#a18539;color:#f0d477}
.account-vault-location{text-align:center}.account-vault-location span,.account-vault-location strong{display:block}.account-vault-location span{color:#8b967f;font-size:.48rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.account-vault-location strong{margin-top:.18rem;color:#eee9da;font:800 .82rem/1.1 "Roboto Slab",serif}
.account-vault-view-actions{display:flex;gap:.45rem}.account-vault-view-actions button:first-child{border-color:#7f6a31;color:#efd375}

/* Blueprint / future catalog access */
.vault-plans-modal[hidden]{display:none!important}
.vault-plans-modal{position:absolute;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:rgba(3,6,5,.72);backdrop-filter:blur(5px)}
.vault-plans-sheet{position:relative;width:min(760px,94%);max-height:88%;overflow:auto;padding:30px;border:9px solid #d5d0b7;border-radius:4px;background:
  linear-gradient(rgba(31,106,121,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(31,106,121,.12) 1px,transparent 1px),#e8e3c9;background-size:28px 28px;color:#163944;box-shadow:0 28px 80px rgba(0,0,0,.58),inset 0 0 0 2px #497f88;transform:rotate(-.25deg)}
.vault-plans-sheet::after{content:"";position:absolute;inset:10px;border:2px solid rgba(45,111,124,.48);pointer-events:none}
.vault-plans-close{position:absolute;right:15px;top:13px;z-index:2;width:36px;height:36px;border:2px solid #356b75;border-radius:50%;background:#e8e3c9;color:#25545d;font-size:1.25rem;font-weight:900;cursor:pointer}
.vault-plans-kicker{display:block;padding-right:48px;color:#467882;font-size:.58rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.vault-plans-sheet h3{margin:.45rem 0 .55rem;color:#123843;font:800 clamp(1.7rem,4vw,2.7rem)/1 "Roboto Slab",serif;text-transform:uppercase;letter-spacing:.04em}
.vault-plans-sheet>p{max-width:650px;margin:0;color:#315b63;font-size:.72rem;font-weight:700;line-height:1.55}
.vault-plans-schematic{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:120px 100px;gap:8px;margin:24px 0;padding:14px;border:3px solid #3a7883;background:rgba(255,255,255,.18)}
.vault-plans-schematic span{display:grid;place-items:center;border:2px dashed #4c8790;color:#3d727c;font-size:.54rem;font-weight:900;letter-spacing:.08em;text-align:center}.vault-plans-schematic .plan-floor{clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:rgba(75,134,145,.08)}
.vault-plans-status{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.55rem;margin-bottom:18px;padding:10px;border-top:2px solid rgba(57,119,131,.55);border-bottom:2px solid rgba(57,119,131,.55)}
.vault-plans-status span{font-size:.56rem;font-weight:900;letter-spacing:.1em}.vault-plans-status strong{color:#174852;font-size:.63rem}.vault-plans-status small{color:#4a747c;font-size:.58rem}
.vault-plans-sheet>.account-button{position:relative;z-index:2;border-color:#356f79;background:#245a64;color:#eaf9fa}

@media(max-width:820px){
  .account-dashboard.is-vault-view{height:calc(100vh - 72px);min-height:540px;max-height:none}
  .account-vault-view-controls{left:8px;right:8px;top:8px;display:grid;grid-template-columns:auto 1fr auto;padding:7px}
  .account-vault-location span{display:none}.account-vault-location strong{font-size:.7rem}
  .account-vault-view-actions button[data-reset-vault-camera]{display:inline-flex}
  .account-vault-view-actions button{padding:.48rem .55rem;font-size:.55rem}
  .account-vault-return{padding:.48rem .6rem;font-size:.57rem}
  .vault-plans-sheet{padding:23px 18px 20px;border-width:6px}.vault-plans-schematic{grid-template-rows:86px 76px;padding:8px;gap:5px}.vault-plans-schematic span{font-size:.45rem}.vault-plans-status{grid-template-columns:1fr}.vault-plans-status small{line-height:1.4}
}
@media(min-width:821px){.account-vault-view-actions button[data-reset-vault-camera]{display:none}}
@media(prefers-reduced-motion:reduce){.account-dashboard-head,.account-vault-layout,.account-vault-view-controls,.vault-design-plans-object{transition:none!important}}

/* v5.11.6.119 - Phase 1 luxury vault visual rebuild */
.page-account.my-cache-authenticated{background:
  radial-gradient(circle at 50% 0,rgba(213,170,75,.12),transparent 32rem),
  linear-gradient(180deg,#050504,#0d0b08 58%,#060504 100%)}
.page-account.my-cache-authenticated .account-shell{width:min(1540px,calc(100% - 1rem))}
.account-dashboard{border-color:#4a3b20;border-radius:12px;background:#070604;box-shadow:0 38px 110px rgba(0,0,0,.72),inset 0 0 0 1px rgba(232,192,97,.08),inset 0 0 110px rgba(0,0,0,.32)}
.account-vault-world{background:#050403}
.account-vault-world::after{z-index:14;background:linear-gradient(180deg,rgba(2,2,1,.28),rgba(2,2,1,.42));transition:opacity .65s ease,background .65s ease}
.account-vault-scene{background:#080604}
.vault-luxury-base{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none}
.vault-luxury-lightwash{position:absolute;inset:0;z-index:2;pointer-events:none;background:
  radial-gradient(ellipse at 50% 5%,rgba(255,214,120,.12),transparent 42%),
  radial-gradient(ellipse at 50% 100%,rgba(205,155,68,.05),transparent 52%),
  linear-gradient(90deg,rgba(0,0,0,.12),transparent 11%,transparent 89%,rgba(0,0,0,.12));mix-blend-mode:screen;opacity:.65}
.vault-art-button-mask{position:absolute;z-index:3;top:14px;height:68px;background:linear-gradient(180deg,rgba(18,14,9,.98),rgba(22,17,11,.97));box-shadow:0 0 24px rgba(7,5,3,.92);pointer-events:none}
.vault-art-button-mask-left{left:18px;width:170px}
.vault-art-button-mask-right{right:18px;width:275px}

/* Dynamic holder plaque is now a separate art asset with live account-linked copy. */
.vault-luxury-plaque{position:absolute;left:561px;top:286px;z-index:7;width:480px;height:136px;display:flex;align-items:center;justify-content:center;pointer-events:none}
.vault-luxury-plaque-asset{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.34))}
.vault-luxury-plaque-copy{position:relative;z-index:1;width:76%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(-1px)}
.vault-luxury-plaque span{order:2;margin-top:8px;color:#d2b06b;font:800 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 1px #000}
.vault-luxury-plaque strong{order:1;max-width:100%;color:#f0cf7b;font:700 30px/1.04 "Roboto Slab",serif;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 1px 0 #2a1907,0 0 16px rgba(223,181,86,.12);white-space:nowrap}
.vault-luxury-plaque.is-long strong{font-size:24px;letter-spacing:.006em}.vault-luxury-plaque.is-very-long strong{font-size:20px;letter-spacing:0}
/* Keep Phase 1 geometry logical even though the room artwork is now premium imagery. */
.vault-zone-anchor.back-left{left:315px;top:170px;width:300px;height:355px}
.vault-zone-anchor.back-center{left:650px;top:170px;width:300px;height:355px}
.vault-zone-anchor.back-right{left:985px;top:170px;width:300px;height:355px}
.vault-zone-anchor.floor-left{left:285px;top:530px;width:330px;height:275px}
.vault-zone-anchor.floor-center{left:635px;top:530px;width:330px;height:275px}
.vault-zone-anchor.floor-right{left:985px;top:530px;width:330px;height:275px}

/* Permanent Design Plans console is part of the architectural art; this is its interactive screen surface. */
.vault-design-plans-hotspot{position:absolute;left:1134px;top:438px;z-index:9;width:386px;height:185px;padding:0;border:0;border-radius:10px;background:transparent;clip-path:polygon(11% 0,100% 2%,90% 100%,0 92%);cursor:pointer;transition:background .18s ease,filter .18s ease,transform .18s ease;transform-origin:55% 55%}
.vault-design-plans-hotspot:hover,.vault-design-plans-hotspot:focus-visible{background:rgba(235,192,88,.055);filter:drop-shadow(0 0 14px rgba(231,189,87,.38));transform:scale(1.008);outline:none}
.vault-design-plans-hotspot::after{content:"";position:absolute;inset:2px;border:2px solid transparent;border-radius:8px;transition:border-color .18s ease,box-shadow .18s ease}
.vault-design-plans-hotspot:hover::after,.vault-design-plans-hotspot:focus-visible::after{border-color:rgba(244,211,124,.42);box-shadow:inset 0 0 20px rgba(224,178,76,.08)}

/* The My Cache interface should feel like glass/metal sitting inside the vault, not a separate flat page. */
.account-dashboard-head{border-bottom-color:rgba(183,143,58,.3);background:linear-gradient(90deg,rgba(10,8,5,.94),rgba(22,18,12,.88) 50%,rgba(9,7,5,.94));box-shadow:0 10px 28px rgba(0,0,0,.48),inset 0 -1px rgba(229,187,88,.08);backdrop-filter:blur(12px)}
.account-dashboard-head .eyebrow{color:#d4ad58}.account-vault-owner{border-color:#6f5726;background:rgba(11,9,6,.78);color:#e0c77d}
.account-vault-layout{background:linear-gradient(180deg,rgba(4,4,3,.19),rgba(4,4,3,.34))}
.account-vault-directory{border-color:#3f351f;background:
  linear-gradient(145deg,rgba(69,58,37,.92),rgba(25,22,16,.95) 18%,rgba(43,36,24,.94) 49%,rgba(14,13,10,.97));box-shadow:0 18px 38px rgba(0,0,0,.48),inset 0 0 0 1px rgba(233,195,104,.08),inset 0 0 32px rgba(0,0,0,.38)}
.account-directory-plaque{border-color:#715929;background:linear-gradient(180deg,#1b160e,#0b0906);box-shadow:inset 0 0 0 1px rgba(220,181,83,.18)}
.account-directory-plaque span,.account-directory-plaque small{color:#b99a55}.account-directory-plaque strong{color:#f0d486}
.account-vault-nav button{border-color:#41361f;background:linear-gradient(180deg,rgba(42,35,23,.96),rgba(16,14,10,.98))}.account-vault-nav button:hover{border-color:#9a7832;background:linear-gradient(180deg,#3d311a,#19140b)}
.account-vault-nav button.is-active{border-color:#bc9032;background:linear-gradient(180deg,#4b3818,#1b1408);box-shadow:inset 0 0 0 1px rgba(246,210,113,.14),0 0 20px rgba(215,166,47,.08)}
.account-chamber-heading{border-color:#554425;background:linear-gradient(90deg,rgba(255,221,135,.055),transparent 24%),linear-gradient(180deg,rgba(44,37,25,.96),rgba(18,15,11,.97))}
.account-panel{border-color:#423821;background:linear-gradient(90deg,rgba(255,216,112,.025),transparent 22%),rgba(12,11,8,.94)}

.account-dashboard:not(.is-vault-view) .account-vault-scene{filter:saturate(.76) brightness(.48);transform-origin:50% 50%}
.account-dashboard:not(.is-vault-view) .account-vault-world::after{opacity:1;background:linear-gradient(180deg,rgba(2,2,1,.2),rgba(2,2,1,.48))}
.account-dashboard.is-vault-view .account-vault-world::after{opacity:1;background:radial-gradient(ellipse at 50% 44%,transparent 50%,rgba(0,0,0,.18) 88%,rgba(0,0,0,.32) 100%)}
.account-dashboard.is-vault-view .account-vault-scene{filter:none}

/* Premium floating Vault View controls replace the old full-width HUD bar. */
.account-vault-view-controls{left:0;right:0;top:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;align-items:flex-start;pointer-events:none}
.account-dashboard.is-vault-view .account-vault-view-controls{pointer-events:none}
.account-vault-return,.account-vault-view-actions button{pointer-events:auto;min-height:50px;border:1px solid #98732c;border-radius:3px;background:linear-gradient(180deg,rgba(28,23,15,.98),rgba(10,8,6,.98));box-shadow:inset 0 0 0 1px rgba(240,204,112,.08),0 8px 22px rgba(0,0,0,.34);color:#ebd49a;font:750 .67rem/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.account-vault-return{position:absolute;left:28px;top:20px;min-width:145px;padding:.7rem 1rem}
.account-vault-view-actions{position:absolute;right:28px;top:20px;display:flex;gap:.5rem}
.account-vault-view-actions button:first-child{min-width:248px;border-color:#a87d2c;color:#f0d78e}
.account-vault-return:hover,.account-vault-view-actions button:hover{border-color:#d2a848;background:linear-gradient(180deg,#332817,#151008);color:#fff0bd;box-shadow:inset 0 0 0 1px rgba(255,224,139,.16),0 8px 22px rgba(0,0,0,.42),0 0 18px rgba(211,166,61,.08)}
.account-vault-location{display:none!important}

/* Phase 1 Design Plans sheet keeps the blueprint idea but now matches the luxury vault. */
.vault-plans-modal{background:rgba(4,3,2,.78);backdrop-filter:blur(9px)}
.vault-plans-sheet{border:8px solid #a87d34;border-radius:5px;background:
  linear-gradient(rgba(177,208,212,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(177,208,212,.1) 1px,transparent 1px),#173b43;background-size:28px 28px;color:#d9eef0;box-shadow:0 34px 100px rgba(0,0,0,.72),inset 0 0 0 2px #26312c,inset 0 0 0 4px rgba(237,203,116,.2);transform:none}
.vault-plans-sheet::after{border-color:rgba(225,194,111,.32)}
.vault-plans-kicker{color:#bfa766}.vault-plans-sheet h3{color:#f0d78e}.vault-plans-sheet>p{color:#b7cdd0}.vault-plans-close{border-color:#9b7633;background:#17130d;color:#ebd18d}.vault-plans-schematic{border-color:#9f7b39;background:rgba(2,10,11,.34)}.vault-plans-schematic span{border-color:#6b979d;color:#a6cdd1}.vault-plans-status{border-color:rgba(183,143,58,.62)}.vault-plans-status strong{color:#f0d47f}.vault-plans-status small{color:#9db7ba}.vault-plans-sheet>.account-button{border-color:#a87d34;background:#322614;color:#f0d993}

@media(max-width:820px){
  .vault-luxury-plaque{left:561px;top:286px}
  .account-vault-return{left:12px;top:12px;min-width:112px;min-height:42px;padding:.55rem .72rem;font-size:.57rem}
  .account-vault-view-actions{right:12px;top:12px}
  .account-vault-view-actions button:first-child{min-width:0;min-height:42px;padding:.55rem .65rem;font-size:.54rem}
  .account-vault-view-actions button[data-reset-vault-camera]{min-height:42px;padding:.55rem .58rem;font-size:.52rem}
  .vault-design-plans-hotspot{left:1134px;top:438px;width:386px;height:185px}
}
@media(prefers-reduced-motion:reduce){.vault-design-plans-hotspot{transition:none!important}}

/* ---------- v5.11.6.120: Vault Phase 2 / Cache Points ---------- */
.account-overview-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.account-summary-cache-points{border-color:#80682c;background:
  radial-gradient(circle at 82% 18%,rgba(232,190,83,.12),transparent 33%),
  linear-gradient(180deg,#342916,#17130b)}
.account-summary-cache-points::after{opacity:.9;background:linear-gradient(90deg,#755817,#f0c759,#755817)}
.account-summary-cache-points strong{color:#f4d67c}

.account-order-points{display:inline-flex!important;width:max-content;margin-top:.38rem!important;padding:.27rem .46rem;border:1px solid;border-radius:999px;font-size:.53rem!important;font-weight:900!important;letter-spacing:.035em;line-height:1.1!important}
.account-order-points.is-pending{border-color:rgba(223,178,74,.38);background:#2a210e;color:#e9c55f!important}
.account-order-points.is-released{border-color:rgba(112,183,151,.34);background:#10231a;color:#a8ddc4!important}
.account-order-points.is-voided{border-color:#4c4d48;background:#181916;color:#90948f!important}
.account-order-point-action{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:.55rem;padding:.6rem .05rem .08rem;border-top:1px solid rgba(232,190,83,.08)}
.account-order-point-action .account-mini-button{margin-top:0}
.account-unlock-points{border-color:#a88434;background:linear-gradient(180deg,#3d3015,#1c160a);color:#f4d679;box-shadow:inset 0 0 0 1px rgba(255,225,140,.08)}
.account-unlock-points:hover{border-color:#d2a94c;background:linear-gradient(180deg,#4b3a19,#221a0b);color:#fff0b4}
.account-order-points-help,.account-order-feedback-complete{color:#7f8c84;font-size:.57rem;font-weight:750;line-height:1.4}
.account-order-feedback-complete{color:#9bc9b6}

.account-cache-point-vault{grid-column:1/-1;border-color:#665225;background:
  radial-gradient(ellipse at 10% 0,rgba(230,188,79,.08),transparent 34%),
  linear-gradient(145deg,#17140d,#0b0c09 72%)}
.account-cache-point-heading{position:relative;display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.account-cache-point-heading p{max-width:720px;margin:.3rem 0 0;color:#859087;font-size:.65rem;line-height:1.45}
.account-cache-point-stats{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.85rem}
.account-cache-point-stats>div{min-height:105px;padding:.75rem;border:1px solid #40361f;border-radius:6px;background:linear-gradient(180deg,rgba(74,58,27,.35),rgba(11,11,8,.8));box-shadow:inset 0 0 0 1px rgba(244,211,126,.025)}
.account-cache-point-stats span{display:block;color:#aa9558;font-size:.53rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.account-cache-point-stats strong{display:block;margin:.35rem 0 .22rem;color:#f4d77e;font:800 1.8rem/1 "Roboto Slab",serif}
.account-cache-point-stats small{display:block;color:#768078;font-size:.56rem;line-height:1.35}
.account-cache-point-cta{position:relative;margin-top:.7rem;border-color:#9d7930;background:linear-gradient(180deg,#4b3818,#22180a);color:#f4d77d}
.account-cache-point-rules{position:relative;display:grid;gap:.3rem;margin-top:.75rem;padding:.75rem;border:1px solid rgba(215,166,47,.16);border-radius:6px;background:rgba(215,166,47,.025);color:#7e8982;font-size:.6rem;line-height:1.5}
.account-cache-point-rules strong{color:#d8c486;font-size:.64rem}

.account-vault-view-balance{pointer-events:auto;position:absolute;left:50%;top:20px;transform:translateX(-50%);display:flex;align-items:baseline;gap:.42rem;min-height:50px;padding:.7rem .95rem;border:1px solid #98732c;border-radius:3px;background:linear-gradient(180deg,rgba(28,23,15,.98),rgba(10,8,6,.98));box-shadow:inset 0 0 0 1px rgba(240,204,112,.08),0 8px 22px rgba(0,0,0,.34);color:#ebd49a}
.account-vault-view-balance span{font-size:.54rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.account-vault-view-balance strong{color:#f4d77e;font:800 1.12rem/1 "Roboto Slab",serif}
.account-vault-view-balance small{color:#a8945f;font-size:.51rem;font-weight:800}
.vault-plans-points{margin-top:.55rem}

.account-feedback-modal[hidden]{display:none!important}
.account-feedback-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem;background:rgba(3,3,2,.82);backdrop-filter:blur(10px)}
.account-feedback-sheet{position:relative;width:min(620px,100%);max-height:min(90vh,760px);overflow:auto;padding:1.25rem;border:1px solid #9b7932;border-radius:8px;background:
  radial-gradient(circle at 100% 0,rgba(221,177,72,.09),transparent 30%),
  linear-gradient(180deg,#1e1a11,#0c0c09 78%);box-shadow:0 30px 90px rgba(0,0,0,.72),inset 0 0 0 1px rgba(248,214,126,.07);color:#e6e3d8}
.account-feedback-sheet h3{margin:0;color:#f4d77d;font:800 1.45rem/1.08 "Roboto Slab",serif}
.account-feedback-sheet>p{margin:.45rem 2.2rem .85rem 0;color:#929d95;font-size:.68rem;line-height:1.5}
.account-feedback-close{position:absolute;right:.75rem;top:.65rem;width:36px;height:36px;border:1px solid #695425;border-radius:4px;background:#17130c;color:#e4c66f;font-size:1.25rem;cursor:pointer}
.account-feedback-form{display:grid;gap:.8rem}
.account-feedback-confirm{display:flex!important;align-items:flex-start!important;gap:.6rem!important;padding:.78rem;border:1px solid #4a4027;border-radius:6px;background:#14130d;cursor:pointer}
.account-feedback-confirm input{width:18px;height:18px;margin-top:.08rem;accent-color:#c99e3e}
.account-feedback-confirm strong{display:block;color:#f0ead8;font-size:.72rem}.account-feedback-confirm small{display:block;margin-top:.18rem;color:#7f8a82;font-size:.58rem;line-height:1.4}
.account-feedback-rating{margin:0;padding:.8rem;border:1px solid #3f3825;border-radius:6px;background:rgba(0,0,0,.16)}
.account-feedback-rating legend{padding:0 .3rem;color:#d8c58e;font-size:.64rem;font-weight:850}
.account-feedback-rating>div{display:grid;grid-template-columns:repeat(5,1fr);gap:.38rem}
.account-feedback-rating label{cursor:pointer}
.account-feedback-rating input{position:absolute;opacity:0;pointer-events:none}
.account-feedback-rating label span{display:grid;place-items:center;min-height:46px;border:1px solid #494633;border-radius:5px;background:#11130f;color:#b3ac8a;font-size:.72rem;font-weight:900;transition:.15s ease}
.account-feedback-rating input:checked+span{border-color:#d0a33c;background:#3a2d13;color:#ffe39a;box-shadow:inset 0 0 0 1px rgba(255,231,161,.1),0 0 18px rgba(208,163,60,.08)}
.account-feedback-rating label:hover span{border-color:#8a7438;color:#e4ce8b}
.account-feedback-rating>small{display:block;margin-top:.45rem;color:#758078;font-size:.56rem}
.account-feedback-form>label:not(.account-feedback-confirm){display:grid;gap:.3rem;color:#aeb7b1;font-size:.62rem;font-weight:800}
.account-feedback-form textarea{width:100%;resize:vertical;padding:.66rem .7rem;border:1px solid #414b45;border-radius:6px;background:#080b09;color:#fff;font:600 .68rem/1.45 Inter,sans-serif;outline:none}
.account-feedback-form textarea:focus{border-color:#9b7b36;box-shadow:0 0 0 2px rgba(207,165,65,.08)}
.account-feedback-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.account-feedback-actions .account-button{flex:1;min-width:180px}
.account-feedback-form .account-auth-status{text-align:left}

@media(max-width:1280px){.account-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){
  .account-cache-point-stats{grid-template-columns:1fr 1fr}
  .account-vault-view-balance{top:62px;min-height:38px;padding:.5rem .65rem}
  .account-vault-view-balance span{font-size:.48rem}.account-vault-view-balance strong{font-size:.95rem}.account-vault-view-balance small{display:none}
}
@media(max-width:620px){
  .account-overview-grid{grid-template-columns:1fr 1fr}
  .account-order-point-action{justify-content:flex-start}
  .account-cache-point-stats{grid-template-columns:1fr 1fr;gap:.4rem}
  .account-cache-point-stats>div{min-height:94px;padding:.6rem}.account-cache-point-stats strong{font-size:1.45rem}
  .account-feedback-sheet{padding:1rem}.account-feedback-rating label span{min-height:42px;font-size:.63rem}.account-feedback-actions{display:grid}.account-feedback-actions .account-button{min-width:0;width:100%}
}
@media(max-width:410px){.account-cache-point-stats{grid-template-columns:1fr}.account-overview-grid{grid-template-columns:1fr}}


/* v5.11.6.125 - device-local live tracking */
.account-live-tracking{display:grid;gap:.55rem;margin-top:.7rem;padding:.72rem;border:1px solid rgba(180,145,63,.24);border-radius:6px;background:linear-gradient(180deg,rgba(37,31,17,.62),rgba(11,12,9,.78))}
.account-live-tracking-copy{display:grid;gap:.18rem}.account-live-tracking-copy strong{color:#ead18a;font-size:.68rem}.account-live-tracking-copy span{color:#8e9991;font-size:.6rem;line-height:1.45}.account-live-tracking-copy small{color:#6f7a73;font-size:.53rem;line-height:1.35}
.account-live-tracking-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.account-live-tracking-actions .account-mini-button{margin:0}.account-tracking-external{color:#c5a95d;font-size:.57rem;font-weight:850;text-decoration:none}.account-tracking-external:hover{color:#f0d985;text-decoration:underline}
@media(max-width:620px){.account-live-tracking-actions{align-items:stretch}.account-live-tracking-actions .account-mini-button{width:100%}.account-tracking-external{padding:.25rem 0}}

/* ---------- v5.11.6.130: Points on Receipt, Rating Bonus Separate ---------- */
.account-rate-experience{border-color:#c79a31!important;background:linear-gradient(180deg,#5b4317,#251a08)!important;color:#ffe08a!important;box-shadow:inset 0 0 0 1px rgba(255,231,154,.13),0 0 18px rgba(210,163,55,.08)}
.account-rate-experience:hover{border-color:#e2b84f!important;background:linear-gradient(180deg,#6a4e1b,#2d2009)!important;color:#fff2bd!important}
.account-feedback-reward{display:grid;gap:.18rem;padding:.85rem .9rem;border:1px solid #c89b34;border-radius:7px;background:radial-gradient(circle at 85% 20%,rgba(246,203,91,.16),transparent 34%),linear-gradient(180deg,#3c2d11,#171108);box-shadow:inset 0 0 0 1px rgba(255,229,142,.08),0 10px 24px rgba(0,0,0,.18)}
.account-feedback-reward>span{color:#b9994c;font-size:.54rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.account-feedback-reward>strong{color:#ffe08a;font:900 1.28rem/1.05 "Roboto Slab",serif;letter-spacing:.025em}
.account-feedback-reward>small{color:#aaae9e;font-size:.58rem;font-weight:650;line-height:1.4}

/* ---------- v5.11.6.139: Vault Phase 3 / Design Mode ---------- */
.vault-object-layer{position:absolute;inset:0;z-index:8;pointer-events:none}
.vault-placed-object{position:absolute;display:grid;place-items:center;padding:0;border:0;background:transparent;pointer-events:none;transform-origin:50% 100%;filter:drop-shadow(0 12px 10px rgba(0,0,0,.35));transition:filter .18s ease,opacity .18s ease,transform .18s ease}
.account-dashboard.is-design-mode .vault-placed-object{pointer-events:auto;cursor:grab}.account-dashboard.is-design-mode .vault-placed-object:active,.vault-placed-object.is-dragging{cursor:grabbing;filter:drop-shadow(0 16px 14px rgba(0,0,0,.52)) drop-shadow(0 0 16px rgba(226,182,74,.25));z-index:18}
.vault-placed-object.is-preview{opacity:.82;filter:drop-shadow(0 0 10px rgba(104,207,218,.55))}.vault-placed-object.is-preview::after{content:"PREVIEW";position:absolute;top:-18px;left:50%;transform:translateX(-50%);padding:4px 7px;border:1px solid #74a8ad;border-radius:999px;background:#0d2d31;color:#bce9ed;font:900 8px/1 Inter,sans-serif;letter-spacing:.09em}
.vault-object-name{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);min-width:max-content;padding:4px 7px;border:1px solid rgba(198,159,66,.45);border-radius:3px;background:rgba(9,7,4,.9);color:#ebd18b;font:800 8px/1 Inter,sans-serif;letter-spacing:.04em;opacity:0;transition:.15s}.account-dashboard.is-design-mode .vault-placed-object:hover .vault-object-name,.account-dashboard.is-design-mode .vault-placed-object:focus-visible .vault-object-name{opacity:1}
.vault-object-art{position:relative;display:block;width:84%;height:84%;min-width:28px;min-height:28px}.vault-object-art b{position:absolute;z-index:2;font:900 10px/1 Inter,sans-serif;letter-spacing:.06em}.vault-object-art i,.vault-object-art em{position:absolute;display:block}
.asset-steel-shelf{border:5px solid #55462a;background:repeating-linear-gradient(90deg,transparent 0 23%,#5b503a 24% 27%,transparent 28% 48%),repeating-linear-gradient(180deg,#191815 0 21%,#8d7440 22% 25%,#11110f 26% 48%);box-shadow:inset 0 0 0 2px #17130c}.asset-steel-shelf b{display:none}
.asset-glass-case{border:5px solid #9b7937;border-radius:3px;background:linear-gradient(115deg,rgba(205,241,244,.22),rgba(38,68,70,.08) 48%,rgba(231,250,251,.2));box-shadow:inset 0 0 0 3px #17140d}.asset-glass-case::after{content:"";position:absolute;left:8%;right:8%;bottom:-9%;height:12%;background:linear-gradient(180deg,#86682f,#2c210e)}.asset-glass-case b{display:none}
.asset-pedestal{clip-path:polygon(22% 0,78% 0,88% 70%,100% 100%,0 100%,12% 70%);background:linear-gradient(90deg,#18140d,#9a7837 42%,#302411 60%,#0d0b07);box-shadow:inset 0 0 0 3px #111}.asset-pedestal b{display:none}
.asset-gold-bars i,.asset-gold-bars::before,.asset-gold-bars::after{content:"";position:absolute;width:66%;height:24%;left:17%;border:2px solid #6f4c0b;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);background:linear-gradient(135deg,#fff0a0,#d5a72e 45%,#7c4f08)}.asset-gold-bars i{top:17%;transform:translateX(10%)}.asset-gold-bars::before{top:40%;transform:translateX(-10%)}.asset-gold-bars::after{top:63%}.asset-gold-bars b{display:none}
.asset-diamond{clip-path:polygon(50% 0,94% 34%,70% 100%,30% 100%,6% 34%);background:linear-gradient(135deg,#eaffff 0,#89d5df 26%,#f8ffff 48%,#4a92a2 70%,#c8f6fb);border:1px solid #d8ffff;filter:drop-shadow(0 0 9px rgba(139,229,242,.58))}.asset-diamond b{display:none}
.asset-tc-sign{display:grid;place-items:center;border:4px solid #b58a37;background:linear-gradient(180deg,#171008,#050403);box-shadow:inset 0 0 0 2px #3e2b0e}.asset-tc-sign b{position:static;color:#f0d17b;font-family:"Roboto Slab",serif;font-size:clamp(8px,1vw,14px)}
.asset-card-stand::before{content:"";position:absolute;left:27%;right:27%;top:5%;bottom:24%;border:3px solid #c8a149;border-radius:4px;background:linear-gradient(145deg,#173b32,#0a0d0b)}.asset-card-stand::after{content:"";position:absolute;left:14%;right:14%;bottom:8%;height:18%;clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);background:#9a7837}.asset-card-stand b{left:50%;top:34%;transform:translate(-50%,-50%);color:#e7c870}
.asset-treasure-chest{top:12%;height:72%;border:4px solid #38230d;border-radius:14px 14px 5px 5px;background:linear-gradient(180deg,#8b5b20 0 38%,#3b210b 39% 100%);box-shadow:inset 0 0 0 3px #bf8a39}.asset-treasure-chest::before{content:"";position:absolute;left:-4px;right:-4px;top:40%;height:10%;background:#c09143}.asset-treasure-chest b{left:50%;top:54%;transform:translate(-50%,-50%);width:14px;height:18px;border-radius:3px;background:#d1a64f;color:transparent}
.asset-jaimus-figure{border-radius:48% 48% 14% 14%;background:linear-gradient(180deg,#b45731 0 26%,#e4b77d 27% 44%,#275143 45% 78%,#2c210f 79%);box-shadow:inset 0 0 0 3px #b58a3c}.asset-jaimus-figure::after{content:"";position:absolute;left:14%;right:14%;bottom:-10%;height:14%;border:2px solid #6b4c1f;border-radius:50%;background:#c69c48}.asset-jaimus-figure b{left:50%;top:56%;transform:translate(-50%,-50%);color:#f0d17b;font:900 15px/1 "Roboto Slab",serif}

.account-dashboard.is-design-mode .vault-zone-anchor{opacity:1!important;z-index:7;pointer-events:none;border:2px dashed rgba(92,161,169,.46);background:repeating-linear-gradient(90deg,rgba(110,199,208,.14) 0 1px,transparent 1px calc(100% / 6)),repeating-linear-gradient(180deg,rgba(110,199,208,.14) 0 1px,transparent 1px 20%),rgba(13,52,58,.12);box-shadow:inset 0 0 20px rgba(82,170,181,.06);transition:.16s}
.account-dashboard.is-design-mode .vault-zone-anchor.floor-left,.account-dashboard.is-design-mode .vault-zone-anchor.floor-center,.account-dashboard.is-design-mode .vault-zone-anchor.floor-right{background:repeating-linear-gradient(90deg,rgba(110,199,208,.14) 0 1px,transparent 1px calc(100% / 6)),repeating-linear-gradient(180deg,rgba(110,199,208,.14) 0 1px,transparent 1px 25%),rgba(13,52,58,.1)}
.account-dashboard.is-design-mode .vault-zone-anchor.is-drop-target{border-color:#e2bd61;background-color:rgba(209,166,58,.16);box-shadow:inset 0 0 28px rgba(234,192,83,.16),0 0 18px rgba(234,192,83,.12)}

.vault-design-root{position:absolute;inset:0;z-index:45;pointer-events:none}.vault-design-topbar{position:absolute;left:18px;right:18px;top:14px;display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:12px;pointer-events:auto;padding:8px 10px;border:1px solid #8c6c2c;border-radius:5px;background:rgba(13,10,6,.93);box-shadow:0 12px 30px rgba(0,0,0,.45);backdrop-filter:blur(9px)}
.vault-design-topbar button{min-height:40px;padding:.55rem .72rem;border:1px solid #886826;border-radius:4px;background:linear-gradient(180deg,#362813,#151006);color:#efd58e;font:850 .58rem/1 Inter,sans-serif;text-transform:uppercase;cursor:pointer}.vault-design-topbar button:disabled{opacity:.5;cursor:default}.vault-design-topbar>div:nth-child(2) span,.vault-design-balance span{display:block;color:#9e874e;font-size:.48rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.vault-design-topbar>div:nth-child(2) strong,.vault-design-balance strong{display:block;margin-top:3px;color:#f2d989;font:800 .82rem/1 "Roboto Slab",serif}.vault-design-balance{text-align:right}
.account-dashboard.is-design-mode .account-vault-view-controls{opacity:0!important;pointer-events:none!important}
.vault-design-tray{position:absolute;left:18px;right:18px;bottom:16px;max-height:230px;display:grid;grid-template-rows:auto auto minmax(0,1fr);pointer-events:auto;border:1px solid #6f5725;border-radius:7px;background:rgba(10,8,5,.95);box-shadow:0 -12px 34px rgba(0,0,0,.55);backdrop-filter:blur(10px);overflow:hidden}
.vault-design-tabs{display:flex;border-bottom:1px solid rgba(196,157,65,.2)}.vault-design-tabs button{padding:.7rem 1rem;border:0;border-right:1px solid rgba(196,157,65,.16);background:transparent;color:#897d62;font:900 .58rem/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.vault-design-tabs button.is-active{background:rgba(192,151,53,.1);color:#f0d17c}.vault-design-tabs span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;border-radius:999px;background:#4b3917;color:#f5d982;font-size:.5rem}
.vault-design-status{padding:.45rem .75rem;border-bottom:1px solid rgba(196,157,65,.12);color:#a99d7d;font-size:.58rem;line-height:1.35}.vault-design-items{display:flex;gap:.65rem;overflow:auto;padding:.65rem;scrollbar-color:#725724 #17110a}
.vault-catalog-card{flex:0 0 310px;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.6rem;border:1px solid #40351f;border-radius:5px;background:linear-gradient(180deg,#201a10,#0e0c08)}.vault-catalog-art,.vault-inventory-art{height:76px;display:grid;place-items:center;border:1px solid #352a18;border-radius:4px;background:#0b0b08}.vault-catalog-art .vault-object-art,.vault-inventory-art .vault-object-art{width:62px;height:62px}.vault-catalog-copy span,.vault-inventory-card span{color:#a98d4d;font-size:.45rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.vault-catalog-copy h4,.vault-inventory-card h4{margin:.16rem 0;color:#f0d58b;font:800 .72rem/1.15 "Roboto Slab",serif}.vault-catalog-copy p{margin:0;color:#8e938a;font-size:.5rem;line-height:1.35}.vault-catalog-copy small,.vault-inventory-card small{display:block;margin-top:.28rem;color:#6f786f;font-size:.46rem}.vault-catalog-buy{display:grid;gap:.3rem;justify-items:stretch;min-width:82px}.vault-catalog-buy strong{color:#f1d37b;font:800 .8rem/1 "Roboto Slab",serif;text-align:center}.vault-catalog-buy strong small{font:900 .42rem/1 Inter,sans-serif}.vault-catalog-buy button,.vault-inventory-card button{padding:.42rem .5rem;border:1px solid #775b24;border-radius:3px;background:#2c2110;color:#e6cb82;font:850 .48rem/1 Inter,sans-serif;cursor:pointer}.vault-catalog-buy button:disabled{opacity:.42;cursor:default}
.vault-inventory-card{flex:0 0 265px;display:grid;grid-template-columns:66px 1fr auto;gap:.55rem;align-items:center;padding:.55rem;border:1px solid #40351f;border-radius:5px;background:#12100b}.vault-inventory-art{height:64px}.vault-inventory-art .vault-object-art{width:52px;height:52px}.vault-design-empty{padding:1rem;color:#8f998f;font-size:.65rem}

.vault-preview-actions{position:absolute;right:18px;top:74px;z-index:47;display:flex;gap:.4rem;pointer-events:auto}.vault-preview-actions button{padding:.5rem .65rem;border:1px solid #8b6c2c;border-radius:4px;background:#21190d;color:#edd38b;font:850 .52rem/1 Inter,sans-serif}

@media(max-width:820px){
  .vault-design-topbar{left:8px;right:8px;top:8px;grid-template-columns:auto 1fr auto auto;gap:6px}.vault-design-topbar .vault-design-balance{display:none}.vault-design-topbar button{min-height:36px;padding:.48rem .55rem;font-size:.5rem}
  .vault-design-tray{left:8px;right:8px;bottom:8px;max-height:215px}.vault-catalog-card{flex-basis:285px;grid-template-columns:62px minmax(0,1fr) 78px}.vault-catalog-art{height:62px}.vault-catalog-art .vault-object-art{width:50px;height:50px}.vault-catalog-copy p{display:none}.vault-inventory-card{flex-basis:240px}
  .account-dashboard.is-design-mode .vault-zone-anchor{border-width:3px}
}
.vault-plans-actions{position:relative;z-index:2;display:flex;gap:.55rem;flex-wrap:wrap}.vault-plans-actions .account-button{margin:0;border-color:#a87d34;background:#322614;color:#f0d993}.vault-plans-actions .account-button.secondary{border-color:#5c665e;background:#171b18;color:#d8ded9}
.account-vault-view-actions button[data-enter-vault-design]{border-color:#c29232!important;background:linear-gradient(180deg,#4a3514,#1c1307)!important;color:#f5da8c!important}
.vault-preview-actions button:disabled{opacity:.48;cursor:default}
@media(max-width:820px){.account-vault-view-actions button[data-enter-vault-design]{min-height:42px;padding:.55rem .65rem;font-size:.54rem}.account-vault-view-actions{max-width:58vw;flex-wrap:wrap;justify-content:flex-end}.account-vault-view-actions button[data-design-plans]{display:none}}
.account-dashboard.is-design-mode .vault-zone-anchor.floor-right::after{content:"DESIGN PLANS";position:absolute;left:50%;right:0;top:0;bottom:0;display:grid;place-items:center;padding:5px;background:repeating-linear-gradient(135deg,rgba(128,103,48,.12) 0 7px,rgba(128,103,48,.28) 7px 9px);color:rgba(232,205,134,.64);font:900 8px/1 Inter,sans-serif;letter-spacing:.08em;text-align:center}


/* ---------- v5.11.6.140: Vault Phase 3 grid + utility refinement ---------- */
/* Use more of the actual room instead of compressing Design Mode into the center wall. */
.vault-zone-anchor.side-left{left:92px;top:156px;width:210px;height:408px}
.vault-zone-anchor.back-left{left:300px;top:150px;width:330px;height:414px}
.vault-zone-anchor.back-center{left:635px;top:150px;width:330px;height:414px}
.vault-zone-anchor.back-right{left:970px;top:150px;width:330px;height:414px}
.vault-zone-anchor.side-right{left:1298px;top:156px;width:210px;height:408px}
.vault-zone-anchor.floor-left{left:105px;top:540px;width:455px;height:305px}
.vault-zone-anchor.floor-center{left:572px;top:540px;width:455px;height:305px}
.vault-zone-anchor.floor-right{left:1039px;top:540px;width:455px;height:305px}

/* Grid lines follow the real server-side zone dimensions instead of assuming 6 columns. */
.account-dashboard.is-design-mode .vault-zone-anchor{
  background:
    repeating-linear-gradient(90deg,rgba(110,199,208,.14) 0 1px,transparent 1px calc(100% / var(--vault-zone-cols,6))),
    repeating-linear-gradient(180deg,rgba(110,199,208,.14) 0 1px,transparent 1px calc(100% / var(--vault-zone-rows,5))),
    rgba(13,52,58,.105);
}
.account-dashboard.is-design-mode .vault-zone-anchor.floor-left,
.account-dashboard.is-design-mode .vault-zone-anchor.floor-center,
.account-dashboard.is-design-mode .vault-zone-anchor.floor-right{
  background:
    repeating-linear-gradient(90deg,rgba(110,199,208,.14) 0 1px,transparent 1px calc(100% / var(--vault-zone-cols,7))),
    repeating-linear-gradient(180deg,rgba(110,199,208,.14) 0 1px,transparent 1px calc(100% / var(--vault-zone-rows,4))),
    rgba(13,52,58,.09);
}
/* v139's hard-coded half-zone kiosk hatch is superseded by a real utility footprint. */
.account-dashboard.is-design-mode .vault-zone-anchor.floor-right::after{content:none!important;display:none!important}

.vault-utility-footprint{position:absolute;z-index:9;display:grid;place-content:center;gap:4px;padding:8px;border:2px solid rgba(225,188,87,.7);border-radius:4px;background:repeating-linear-gradient(135deg,rgba(126,94,31,.08) 0 8px,rgba(126,94,31,.2) 8px 10px);box-shadow:inset 0 0 26px rgba(223,180,69,.08);pointer-events:none;text-align:center;color:rgba(244,216,143,.82)}
.vault-utility-footprint span{font:900 9px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 2px #000}
.vault-utility-footprint small{font:800 7px/1.1 Inter,sans-serif;letter-spacing:.07em;color:rgba(202,181,125,.66)}

/* Catalog tray: cards get enough vertical room and the scrollbar no longer clips metadata. */
.vault-design-tray{max-height:268px;grid-template-rows:auto auto minmax(0,1fr)}
.vault-design-items{align-items:stretch;min-height:0;padding:.72rem .72rem 1rem;overflow-x:auto;overflow-y:hidden;scrollbar-gutter:stable}
.vault-catalog-card{flex:0 0 330px;min-height:118px;grid-template-columns:70px minmax(0,1fr) 86px;gap:.62rem;align-items:start;padding:.62rem}
.vault-catalog-art{height:70px;margin-top:2px}.vault-catalog-art .vault-object-art{width:56px;height:56px}
.vault-catalog-copy{min-width:0;padding-top:1px}.vault-catalog-copy h4{margin:.16rem 0 .2rem;line-height:1.12}.vault-catalog-copy p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:1.95em;line-height:1.3}.vault-catalog-copy small{margin-top:.32rem;line-height:1.25}
.vault-catalog-buy{align-self:center;min-width:86px}

/* Blueprint schematic now documents side-wall placement zones too. */
.vault-plans-schematic{grid-template-columns:repeat(8,1fr);grid-template-rows:120px 100px}
.vault-plans-schematic .plan-side.left{grid-column:1/2}.vault-plans-schematic .plan-wall.left{grid-column:2/4}.vault-plans-schematic .plan-wall.center{grid-column:4/6}.vault-plans-schematic .plan-wall.right{grid-column:6/8}.vault-plans-schematic .plan-side.right{grid-column:8/9}
.vault-plans-schematic .plan-floor.left{grid-column:1/4}.vault-plans-schematic .plan-floor.center{grid-column:4/6}.vault-plans-schematic .plan-floor.right{grid-column:6/9}
.vault-plans-schematic .plan-side{background:rgba(75,134,145,.045)}

@media(max-width:820px){
  .vault-design-tray{max-height:238px}
  .vault-catalog-card{flex-basis:300px;min-height:106px;grid-template-columns:58px minmax(0,1fr) 78px}
  .vault-catalog-art{height:58px}.vault-catalog-art .vault-object-art{width:48px;height:48px}
  .vault-catalog-copy p{-webkit-line-clamp:2;min-height:1.25em}
  .vault-plans-schematic{grid-template-rows:86px 76px}
  .vault-utility-footprint span{font-size:8px}.vault-utility-footprint small{display:none}
}

/* ---------- v5.11.6.141: Vault responsive controls + blueprint cleanup ---------- */
/* The default Design Plans kiosk is already visible in the room art. Its grid footprint remains
   reserved by the placement engine, but we do not draw a second rectangular utility box over it. */
.vault-utility-footprint{display:none!important}

/* Feather the small scene masks that cover the two labels baked into the original room artwork.
   Previous solid rectangles became obvious when the browser was narrowed. */
.vault-art-button-mask{
  top:13px;height:62px;border-radius:26px;box-shadow:none;
  background:linear-gradient(115deg,rgba(11,8,5,.98),rgba(24,16,9,.96) 48%,rgba(10,7,4,.97));
  -webkit-mask-image:radial-gradient(ellipse at center,#000 52%,rgba(0,0,0,.92) 68%,transparent 100%);
  mask-image:radial-gradient(ellipse at center,#000 52%,rgba(0,0,0,.92) 68%,transparent 100%);
}
.vault-art-button-mask-left{left:18px;width:158px}
.vault-art-button-mask-right{right:18px;width:254px}

/* The physical kiosk is the normal Design Plans entry point, so the floating Vault UI only needs
   My Cache, the live Cache Point balance, Design Vault, and the mobile camera reset. */
.account-vault-view-actions button:first-child{min-width:190px}

/* Compact desktop: shrink the floating controls before they can collide with each other. */
@media(max-width:1180px) and (min-width:821px){
  .account-vault-return{left:14px;top:14px;min-width:118px;min-height:42px;padding:.55rem .7rem;font-size:.57rem}
  .account-vault-view-balance{top:14px;min-height:42px;padding:.55rem .72rem;gap:.34rem}
  .account-vault-view-balance span{font-size:.49rem}.account-vault-view-balance strong{font-size:1rem}.account-vault-view-balance small{display:none}
  .account-vault-view-actions{right:14px;top:14px;gap:.4rem}
  .account-vault-view-actions button{min-height:42px;padding:.55rem .7rem;font-size:.55rem}
  .account-vault-view-actions button:first-child{min-width:138px}
}

/* Narrow/mobile Vault View uses an actual three-column HUD instead of three absolutely-positioned
   groups fighting for the same center space. */
@media(max-width:820px){
  .account-vault-view-controls{
    left:8px;right:8px;top:8px;display:grid!important;
    grid-template-columns:auto minmax(76px,1fr) auto;
    grid-template-rows:auto;align-items:start;column-gap:6px;
  }
  .account-vault-return{position:static;grid-column:1;grid-row:1;min-width:104px;min-height:42px;padding:.55rem .62rem;font-size:.54rem}
  .account-vault-view-balance{position:static;grid-column:2;grid-row:1;justify-self:center;align-self:start;transform:none;top:auto;left:auto;min-height:42px;min-width:88px;padding:.5rem .58rem;justify-content:center;white-space:nowrap}
  .account-vault-view-balance span{font-size:.45rem}.account-vault-view-balance strong{font-size:.92rem}.account-vault-view-balance small{display:none}
  .account-vault-view-actions{position:static;grid-column:3;grid-row:1;right:auto;top:auto;display:flex;max-width:none!important;flex-wrap:nowrap!important;justify-content:flex-end;gap:4px}
  .account-vault-view-actions button{min-height:42px;padding:.52rem .58rem;font-size:.5rem}
  .account-vault-view-actions button:first-child{min-width:104px}
  .account-vault-view-actions button[data-reset-vault-camera]{min-width:66px}
}
@media(max-width:560px){
  .account-vault-return{min-width:92px;padding:.52rem .5rem;font-size:.49rem}
  .account-vault-view-balance{min-width:58px;padding:.5rem .48rem}
  .account-vault-view-balance span{display:none}
  .account-vault-view-actions button:first-child{min-width:92px;padding:.52rem .5rem}
  .account-vault-view-actions button[data-reset-vault-camera]{display:none}
}

/* The kiosk visually occupies the right-front of the room. Keep cyan grid lines from drawing across
   the face of the baked-in terminal while its logical 6x4 footprint remains unavailable to objects. */
.account-dashboard.is-design-mode .vault-zone-anchor.floor-right{
  clip-path:polygon(0 0,14.285% 0,14.285% 100%,0 100%);
}
.account-dashboard.is-design-mode .vault-zone-anchor.side-right{
  clip-path:polygon(0 0,100% 0,100% 68%,0 68%);
}



/* ---------- v5.11.6.142: Vault blueprint default utility alignment ---------- */
/* The Design Plans kiosk is conceptually a default placed utility object, not a permanent
   architectural wall/floor segment. Because the kiosk is still baked into the current room art,
   we restore the full floor-right / right-wall zone geometry and then occlude the kiosk footprint
   with an exact crop of the background image so the grid does not appear to overlap the object. */
.account-dashboard.is-design-mode .vault-zone-anchor.floor-right{clip-path:none!important}
.account-dashboard.is-design-mode .vault-zone-anchor.side-right{clip-path:none!important}
.vault-design-plans-occlusion{position:absolute;left:1002px;top:420px;width:520px;height:386px;z-index:8;pointer-events:none;background-image:url("/images/my-cache-vault-luxury-base-v1.webp");background-repeat:no-repeat;background-size:1600px 900px;background-position:-1002px -420px;clip-path:polygon(14% 0,98% 0,100% 100%,0 100%,0 34%);filter:drop-shadow(0 1px 0 rgba(0,0,0,.12))}
@media(max-width:820px){.vault-design-plans-occlusion{left:1002px;top:420px;width:520px;height:386px}}


/* ---------- v5.11.6.143: Vault clean scene foundation ---------- */
/* Clean scene asset removes the old baked-in controls and kiosk so the room can behave like a true base layer. */
.vault-luxury-base-clean{position:absolute;inset:0;width:1600px;height:900px;object-fit:cover}
.vault-art-button-mask,.vault-design-plans-occlusion,.vault-design-plans-hotspot{display:none!important}

/* Rebalance the floor zones so the right side matches the left side again now that the kiosk is a real placed utility object. */
.vault-zone-anchor.floor-left{left:250px;top:530px;width:340px;height:275px}
.vault-zone-anchor.floor-center{left:630px;top:530px;width:340px;height:275px}
.vault-zone-anchor.floor-right{left:1010px;top:530px;width:340px;height:275px}

/* Utility objects live in the same scene layer as owned items. The default kiosk is now a genuine placed utility skin. */
.vault-object-layer{position:absolute;inset:0;z-index:8;pointer-events:none}
.vault-utility-object{position:absolute;display:block;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer;z-index:8;filter:drop-shadow(0 18px 18px rgba(0,0,0,.42));transition:transform .18s ease,filter .18s ease,opacity .18s ease}
.vault-utility-object img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}
.vault-utility-object:hover,.vault-utility-object:focus-visible{transform:translateY(-4px) scale(1.01);filter:drop-shadow(0 22px 24px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(231,189,87,.18));outline:none}
.vault-utility-object .vault-object-name{opacity:0}
.account-dashboard.is-design-mode .vault-utility-object .vault-object-name,
.vault-utility-object:hover .vault-object-name,
.vault-utility-object:focus-visible .vault-object-name{opacity:1}
.account-dashboard.is-design-mode .vault-utility-object{filter:drop-shadow(0 20px 20px rgba(0,0,0,.45))}
.account-dashboard.is-design-mode .vault-utility-object.vault-utility-design-plans{z-index:10}

/* Let the object itself hide the reserved cells instead of clipping the whole floor-right zone. */
.account-dashboard.is-design-mode .vault-zone-anchor.floor-right,
.account-dashboard.is-design-mode .vault-zone-anchor.side-right{clip-path:none!important}

/* Utility footprint remains available for debugging if needed, but hidden in the live UI. */
.vault-utility-footprint{display:none!important}


/* ---------- v5.11.6.144: Bare walls & separate nameplate ---------- */
/* The room background is now fully bare: no wall text, monograms, or built-in plaque copy. The collector-linked nameplate is a separate composited asset. */


/* ---------- v5.11.6.145: Vault modular asset integration ---------- */
/* The room is now only architecture. Personalized/interactive pieces are real placed objects. */
.vault-luxury-plaque,.vault-utility-object{display:none!important}

/* Restore the larger three-part floor grid. All three floor zones are equal sized. */
.vault-zone-anchor.floor-left{left:105px;top:540px;width:455px;height:305px}
.vault-zone-anchor.floor-center{left:572px;top:540px;width:455px;height:305px}
.vault-zone-anchor.floor-right{left:1039px;top:540px;width:455px;height:305px}

.vault-object-image{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;overflow:visible}
.vault-object-image>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}

/* Default Blueprint terminal: a real floor-grid object. It remains clickable outside Design Mode. */
.vault-placed-object.is-utility-plans{pointer-events:auto;z-index:9}
.vault-placed-object.is-utility-plans .vault-object-image-kiosk{inset:-8% -8% -4% -8%}
.vault-placed-object.is-utility-plans:hover,.vault-placed-object.is-utility-plans:focus-visible{filter:drop-shadow(0 18px 15px rgba(0,0,0,.44)) drop-shadow(0 0 13px rgba(225,186,83,.16));outline:none}

/* Personalized Collector Nameplate: art stays generic, live text is injected from the account's Collector name. */
.vault-placed-object.is-collector-nameplate{z-index:9;filter:drop-shadow(0 9px 10px rgba(0,0,0,.34))}
.vault-object-image-nameplate{position:absolute;inset:-8% -3%;}
.vault-object-image-nameplate>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.vault-nameplate-copy{position:relative;z-index:1;width:74%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(-1px)}
.vault-nameplate-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#f1d17d;font:700 18px/1.05 "Roboto Slab",serif;letter-spacing:.012em;text-transform:uppercase;text-shadow:0 1px 0 #241606,0 0 10px rgba(225,183,83,.15);white-space:nowrap}
.vault-nameplate-copy small{margin-top:5px;color:#d3b36d;font:800 7px/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 1px #000;white-space:nowrap}
.vault-object-image-nameplate.is-long .vault-nameplate-copy strong{font-size:15px}
.vault-object-image-nameplate.is-very-long .vault-nameplate-copy strong{font-size:12px;letter-spacing:0}

/* In Design Mode these starter pieces behave exactly like other owned inventory objects. */
.account-dashboard.is-design-mode .vault-placed-object.is-utility-plans,
.account-dashboard.is-design-mode .vault-placed-object.is-collector-nameplate{pointer-events:auto;cursor:grab}


/* ---------- v5.11.6.146: Unified vault grid ---------- */
/* One full-scene grid now drives placement. Large visuals can overflow their collision footprint on purpose. */
.vault-zone-anchor.mega-scene{left:0;top:0;width:1600px;height:900px;display:block}
.account-dashboard.is-design-mode .vault-zone-anchor:not(.mega-scene){display:none!important;opacity:0!important}
.account-dashboard.is-design-mode .vault-zone-anchor.mega-scene{
  display:block!important;
  opacity:1!important;
  z-index:7;
  border:2px dashed rgba(92,161,169,.46);
  background:
    repeating-linear-gradient(90deg,rgba(110,199,208,.14) 0 1px,transparent 1px calc(100% / var(--vault-zone-cols,16))),
    repeating-linear-gradient(180deg,rgba(110,199,208,.14) 0 1px,transparent 1px calc(100% / var(--vault-zone-rows,9))),
    rgba(13,52,58,.08);
  box-shadow:inset 0 0 20px rgba(82,170,181,.06);
}
.account-dashboard.is-design-mode .vault-zone-anchor.mega-scene.is-drop-target{
  border-color:#e2bd61;
  background:
    repeating-linear-gradient(90deg,rgba(224,190,97,.18) 0 1px,transparent 1px calc(100% / var(--vault-zone-cols,16))),
    repeating-linear-gradient(180deg,rgba(224,190,97,.18) 0 1px,transparent 1px calc(100% / var(--vault-zone-rows,9))),
    rgba(209,166,58,.12);
}
/* Keep visuals selectable while letting the room stay simple. */
.vault-placed-object.is-utility-plans{overflow:visible}
.vault-placed-object.is-utility-plans .vault-object-image{position:absolute;inset:0;display:block}
.vault-placed-object.is-utility-plans .vault-object-image img{width:100%;height:100%;object-fit:contain;display:block}
.vault-placed-object.is-collector-nameplate{overflow:visible}
.vault-placed-object.is-collector-nameplate .vault-object-image{position:absolute;inset:0;display:block}
.vault-placed-object.is-collector-nameplate .vault-object-image img{width:100%;height:100%;object-fit:contain;display:block}


/* ---------- v5.11.6.147: Fine-grid visual anchors ---------- */
/* Sims-style placement: 32 x 18 logical tiles (50px each) across the 1600 x 900 scene. */
.account-dashboard.is-design-mode .vault-zone-anchor.mega-scene{
  background:
    repeating-linear-gradient(90deg,rgba(110,199,208,.13) 0 1px,transparent 1px 50px),
    repeating-linear-gradient(180deg,rgba(110,199,208,.13) 0 1px,transparent 1px 50px),
    rgba(13,52,58,.055);
}
.account-dashboard.is-design-mode .vault-zone-anchor.mega-scene.is-drop-target{
  background:
    repeating-linear-gradient(90deg,rgba(224,190,97,.17) 0 1px,transparent 1px 50px),
    repeating-linear-gradient(180deg,rgba(224,190,97,.17) 0 1px,transparent 1px 50px),
    rgba(209,166,58,.10);
}

/* Artwork size is independent from occupied tile footprint. */
.vault-object-footprint{display:none;position:absolute;z-index:4;border:2px solid rgba(237,196,90,.82);background:rgba(213,167,54,.12);box-shadow:inset 0 0 12px rgba(240,200,95,.12);pointer-events:none}
.account-dashboard.is-design-mode .vault-placed-object:hover .vault-object-footprint,
.account-dashboard.is-design-mode .vault-placed-object:focus-visible .vault-object-footprint,
.account-dashboard.is-design-mode .vault-placed-object.is-dragging .vault-object-footprint,
.account-dashboard.is-design-mode .vault-placed-object.is-preview .vault-object-footprint{display:block}
.vault-placed-object.is-utility-plans,.vault-placed-object.is-collector-nameplate{overflow:visible}
.vault-placed-object.is-utility-plans .vault-object-image,
.vault-placed-object.is-collector-nameplate .vault-object-image{position:absolute;inset:0;display:grid;place-items:center}
.vault-placed-object.is-utility-plans .vault-object-image img,
.vault-placed-object.is-collector-nameplate .vault-object-image img{width:100%;height:100%;object-fit:contain;display:block}

/* Nameplate copy stays centered inside the plaque instead of escaping above the asset. */
.vault-placed-object.is-collector-nameplate .vault-object-image-nameplate{position:absolute;inset:0;display:grid;place-items:center;overflow:visible}
.vault-placed-object.is-collector-nameplate .vault-object-image-nameplate>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.vault-placed-object.is-collector-nameplate .vault-nameplate-copy{position:absolute;left:13%;right:13%;top:50%;z-index:2;width:auto;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.vault-placed-object.is-collector-nameplate .vault-nameplate-copy strong{font-size:18px}
.vault-placed-object.is-collector-nameplate .vault-nameplate-copy small{margin-top:5px;font-size:7px}

/* Catalog/Inventory thumbnails are thumbnails, not full scene objects. */
.vault-catalog-art,.vault-inventory-art{overflow:hidden;position:relative}
.vault-catalog-art .vault-object-image,.vault-inventory-art .vault-object-image{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.vault-catalog-art .vault-object-image>img,.vault-inventory-art .vault-object-image>img{position:relative!important;inset:auto!important;width:92%!important;height:92%!important;object-fit:contain!important}
.vault-catalog-art .vault-nameplate-copy,.vault-inventory-art .vault-nameplate-copy{display:none!important}
.vault-catalog-art .vault-object-image-nameplate,.vault-inventory-art .vault-object-image-nameplate{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important}


/* ---------- v5.11.6.149: Vault object layer ordering ---------- */
.vault-placed-object.is-dragging{z-index:9999!important}
.vault-inventory-actions{display:grid;gap:.28rem;min-width:96px}
.vault-layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:.24rem}
.vault-inventory-actions button{width:100%;white-space:nowrap}
.vault-inventory-actions button:disabled{opacity:.34;cursor:default}
.vault-layer-actions button{padding:.38rem .34rem;font-size:.43rem}
@media(max-width:820px){
  .vault-inventory-card{flex-basis:285px}
  .vault-inventory-actions{min-width:88px}
  .vault-layer-actions{grid-template-columns:1fr}
}


/* ---------- v5.11.6.150: Vault layer runtime hotfix ---------- */
.vault-load-error{position:absolute;left:50%;top:92px;z-index:80;display:flex;align-items:center;gap:.7rem;max-width:min(680px,calc(100% - 32px));padding:.75rem .9rem;border:1px solid #9b7530;border-radius:5px;background:rgba(25,17,8,.97);box-shadow:0 15px 36px rgba(0,0,0,.48);color:#d7c58e;transform:translateX(-50%)}
.vault-load-error strong{color:#f0d071;font-size:.72rem}.vault-load-error span{font-size:.62rem;line-height:1.35}.vault-load-error button{margin-left:auto;padding:.5rem .7rem;border:1px solid #a57e32;border-radius:4px;background:#342714;color:#f0d98f;font-weight:800;cursor:pointer}

/* ---------- v5.11.6.151: Vault Phase 4 / Containers ---------- */
/* Container furniture is visually larger than its room footprint, just like the Design Plans terminal. */
.vault-placed-object.is-container-object{overflow:visible;filter:drop-shadow(0 16px 14px rgba(0,0,0,.43))}
.vault-placed-object.is-container-object .vault-object-art{width:94%;height:94%}
.asset-wrap-steel-shelf .asset-steel-shelf{border-width:7px;background:
  linear-gradient(90deg,#17130d 0 4%,transparent 4% 47%,#6d5830 47% 51%,transparent 51% 96%,#17130d 96%),
  repeating-linear-gradient(180deg,transparent 0 28%,#a07c3a 28% 31%,#241a0d 31% 34%),
  linear-gradient(180deg,#171611,#080807);box-shadow:inset 0 0 0 2px #a27d38,inset 0 0 28px rgba(0,0,0,.72)}
.asset-wrap-glass-case .asset-glass-case{border-width:7px;background:linear-gradient(112deg,rgba(226,250,252,.18),rgba(38,70,72,.04) 42%,rgba(221,246,247,.15)),repeating-linear-gradient(180deg,transparent 0 31%,rgba(182,144,61,.62) 31% 33%,transparent 33% 64%);box-shadow:inset 0 0 0 3px #17130c,inset 0 0 35px rgba(0,0,0,.42)}
.asset-wrap-pedestal .asset-pedestal{width:88%;height:88%;background:linear-gradient(90deg,#13100b,#a17b38 43%,#2a1e0d 61%,#0c0906);filter:drop-shadow(0 9px 8px rgba(0,0,0,.42))}

/* Subtle badge communicates that a placed piece is an active container. */
.vault-container-badge{position:absolute;right:4px;top:4px;z-index:6;display:none;padding:4px 6px;border:1px solid rgba(226,188,87,.58);border-radius:999px;background:rgba(10,8,5,.88);color:#ebcf85;font:850 7px/1 Inter,sans-serif;letter-spacing:.04em;pointer-events:none}
.account-dashboard.is-design-mode .vault-placed-object.is-container-object:hover .vault-container-badge,
.account-dashboard.is-design-mode .vault-placed-object.is-container-object:focus-visible .vault-container-badge{display:block}

/* Furniture creates a miniature placement grid. Slots only appear while dragging a compatible item. */
.vault-container-slot{position:absolute;display:grid;place-items:center;border:2px dashed rgba(91,185,197,.7);border-radius:4px;background:rgba(15,67,73,.22);box-shadow:inset 0 0 12px rgba(83,183,193,.12);pointer-events:none;transition:.12s}
.vault-container-slot b{color:rgba(178,225,230,.72);font:900 8px/1 Inter,sans-serif}
.vault-container-slot.is-occupied{border-color:rgba(121,125,118,.35);background:rgba(20,22,19,.25);opacity:.45}
.vault-container-slot.is-target{border-style:solid;border-color:#f0c75f;background:rgba(229,180,58,.26);box-shadow:inset 0 0 16px rgba(245,204,92,.24),0 0 14px rgba(232,185,65,.28);transform:scale(1.04)}
.vault-container-slot.is-target b{color:#ffe79f}
.vault-slot-edit-marker{position:absolute;width:28px;height:28px;margin:0;padding:0;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid #e3b94e;border-radius:999px;background:rgba(19,14,8,.94);box-shadow:0 0 0 3px rgba(227,185,78,.16),0 5px 12px rgba(0,0,0,.42);color:#ffe7a0;font:900 10px/1 Inter,sans-serif;cursor:grab;pointer-events:auto;touch-action:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,opacity .1s ease,background .1s ease}
.vault-slot-edit-marker::after{content:"";position:absolute;left:50%;top:100%;width:1px;height:10px;background:linear-gradient(rgba(255,226,141,.9),rgba(255,226,141,0));pointer-events:none}
.vault-slot-edit-marker:hover,.vault-slot-edit-marker:focus-visible{outline:none;transform:translate(-50%,-50%) scale(1.12);border-color:#ffe08a;box-shadow:0 0 0 4px rgba(227,185,78,.2),0 6px 16px rgba(0,0,0,.48)}
.vault-slot-edit-marker.is-occupied{background:rgba(76,54,13,.96)}
.vault-slot-edit-marker.is-selected{border-color:#fff0b8;box-shadow:0 0 0 4px rgba(227,185,78,.24),0 6px 16px rgba(0,0,0,.48)}
.vault-slot-edit-marker.is-dragging{cursor:grabbing;opacity:.14;background:rgba(19,14,8,.08);box-shadow:none;border-color:rgba(255,231,160,.32);transform:translate(-50%,-50%) scale(1.04)}
.vault-slot-edit-marker.is-dragging span{opacity:.14}
.vault-slot-edit-marker.is-dragging::after{opacity:.1}
.account-dashboard.is-vault-slot-editing .vault-container-child,.account-dashboard.is-vault-slot-editing .vault-placed-object{cursor:default!important}
.account-dashboard.is-vault-slot-editing .vault-container-child:hover,.account-dashboard.is-vault-slot-editing .vault-container-child:focus-visible{transform:none;filter:drop-shadow(0 5px 5px rgba(0,0,0,.4))}
.vault-object-context-actions.is-slot-edit-actions{gap:5px;align-items:center}
.vault-object-context-actions.is-slot-edit-actions .vault-placement-pill{min-width:72px}
.vault-slot-scale-readout{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid rgba(227,185,78,.48);border-radius:999px;background:rgba(15,12,8,.9);color:#ffe7a0;font:800 10px/1 Inter,sans-serif;white-space:nowrap;pointer-events:none}
.vault-slot-scale-readout.is-slot-editor-prompt{min-width:74px;color:#fff0b8}
.vault-slot-size-control{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(55,187,199,.58);border-radius:999px;background:rgba(9,28,31,.92);color:#d9fbff;overflow:hidden;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.vault-slot-size-control .vault-slot-size-label{padding:0 8px 0 10px;font:850 9px/1 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#b8f1f6}
.vault-slot-size-control b{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:26px;padding:0 5px;border-left:1px solid rgba(55,187,199,.24);border-right:1px solid rgba(55,187,199,.24);font:900 10px/1 Inter,sans-serif;color:#fff}
.vault-slot-size-control button{width:30px;height:26px;padding:0;border:0;background:transparent;color:#d9fbff;font:900 16px/1 Inter,sans-serif;cursor:pointer}
.vault-slot-size-control button:hover,.vault-slot-size-control button:focus-visible{outline:none;background:rgba(55,187,199,.18);color:#fff}
.vault-slot-size-control button:disabled{opacity:.3;cursor:not-allowed;background:transparent}
@media (max-width:700px){.vault-object-context-actions.is-slot-edit-actions{gap:3px}.vault-object-context-actions.is-slot-edit-actions .vault-placement-pill{min-width:54px;padding-left:7px;padding-right:7px}.vault-slot-scale-readout{padding:0 7px;font-size:9px}.vault-slot-size-control .vault-slot-size-label{padding-left:7px;padding-right:6px;font-size:8px}.vault-slot-size-control b{min-width:36px;padding:0 3px;font-size:9px}.vault-slot-size-control button{width:27px}}

/* Items inside a container are children of the furniture visually and logically. */
.vault-container-child{position:absolute;display:grid;place-items:center;padding:0;border:0;background:transparent;pointer-events:none;filter:drop-shadow(0 5px 5px rgba(0,0,0,.4));transform-origin:50% 100%;transition:filter .15s ease,transform .15s ease}
.vault-container-child .vault-object-art{width:100%;height:100%;min-width:10px;min-height:10px;align-self:end}
.vault-container-child .vault-object-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important;overflow:visible!important}
.vault-container-child .vault-object-image>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important}
.vault-container-child .vault-nameplate-copy{display:none!important}
.account-dashboard.is-design-mode .vault-container-child{pointer-events:auto;cursor:grab}
.account-dashboard.is-design-mode .vault-container-child:hover,.account-dashboard.is-design-mode .vault-container-child:focus-visible{filter:drop-shadow(0 7px 7px rgba(0,0,0,.48)) drop-shadow(0 0 9px rgba(232,190,81,.3));outline:none;transform:scale(1.04)}
.vault-container-child.is-dragging{z-index:9999!important;cursor:grabbing}
.vault-container-child-label{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);display:none;min-width:max-content;padding:3px 5px;border:1px solid rgba(197,158,64,.42);border-radius:3px;background:rgba(8,6,4,.92);color:#ead18d;font:800 7px/1 Inter,sans-serif;pointer-events:none}
.account-dashboard.is-design-mode .vault-container-child:hover .vault-container-child-label,.account-dashboard.is-design-mode .vault-container-child:focus-visible .vault-container-child-label{display:block}

/* Phase 4 inventory state/actions. */
.vault-inventory-card .vault-inventory-actions{align-self:stretch;align-content:center}
.vault-inventory-card .vault-inventory-actions>button+button{margin-top:.18rem}


/* ---------- v5.11.6.154: Vault bottom dock navigation ---------- */
/* Vault View is intentionally sparse: My Cache stays top-left; all Vault tooling lives at the bottom. */
.account-vault-view-balance,.account-vault-view-actions{display:none!important}
.account-vault-bottom-dock{pointer-events:auto;position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:stretch;z-index:48;border:1px solid rgba(181,142,55,.55);border-bottom:0;border-radius:7px 7px 0 0;background:linear-gradient(180deg,rgba(25,21,15,.97),rgba(10,9,7,.98));box-shadow:0 -8px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(243,211,128,.06);overflow:hidden;backdrop-filter:blur(10px)}
.account-vault-bottom-dock button,.vault-design-dock button{min-width:118px;padding:.82rem 1.05rem;border:0;border-right:1px solid rgba(190,151,62,.18);background:transparent;color:#c8c0aa;font:850 .62rem/1 Inter,sans-serif;letter-spacing:.025em;cursor:pointer;transition:.15s}
.account-vault-bottom-dock button:last-child,.vault-design-dock button:last-of-type{border-right:0}
.account-vault-bottom-dock button:hover,.account-vault-bottom-dock button.is-active,.vault-design-dock button:hover,.vault-design-dock button.is-active{background:linear-gradient(180deg,rgba(166,126,42,.22),rgba(88,62,18,.12));color:#f1d58b}
.account-vault-bottom-dock button span,.vault-design-dock button span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;border-radius:999px;background:#4b3917;color:#f5d982;font-size:.5rem}

/* Design Mode now uses a drawer docked to the room instead of a floating top HUD. */
.account-dashboard.is-design-mode .account-vault-view-controls{opacity:0!important;pointer-events:none!important}
.vault-design-topbar,.vault-design-tabs,.vault-design-status{display:none!important}
.vault-design-tray{left:18px!important;right:18px!important;bottom:47px!important;max-height:282px!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;border:1px solid #6f5725!important;border-bottom-color:rgba(111,87,37,.45)!important;border-radius:8px 8px 0 0!important;background:linear-gradient(180deg,rgba(16,13,9,.975),rgba(8,7,5,.985))!important;box-shadow:0 -16px 42px rgba(0,0,0,.58)!important;overflow:hidden!important;backdrop-filter:blur(12px)!important}
.vault-drawer-header{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 10px 7px 14px;border-bottom:1px solid rgba(190,151,62,.2);background:linear-gradient(90deg,rgba(187,145,48,.08),transparent 38%)}
.vault-drawer-header>div:first-child span{display:block;color:#8f7946;font:900 .43rem/1 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.vault-drawer-header>div:first-child strong{display:block;margin-top:4px;color:#efd28a;font:800 .78rem/1 "Roboto Slab",serif}
.vault-drawer-controls{display:flex;gap:6px;align-items:center}
.vault-drawer-controls button,.vault-drawer-header>button{min-height:32px;padding:.45rem .62rem;border:1px solid #655020;border-radius:4px;background:#21190d;color:#d8c085;font:850 .48rem/1 Inter,sans-serif;text-transform:uppercase;cursor:pointer}
.vault-drawer-controls button:hover,.vault-drawer-header>button:hover{border-color:#b88b33;color:#f2d790;background:#31230f}
.vault-drawer-controls button:disabled{opacity:.42;cursor:default}
.vault-design-items{padding:10px 12px 12px!important;gap:10px!important;overflow-x:auto!important;overflow-y:hidden!important}
.vault-design-items.is-points{display:grid!important;place-items:center!important;overflow:hidden!important}

.vault-design-dock{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:60;display:flex;align-items:stretch;pointer-events:auto;border:1px solid rgba(181,142,55,.68);border-bottom:0;border-radius:7px 7px 0 0;background:linear-gradient(180deg,rgba(29,24,16,.99),rgba(11,9,6,.99));box-shadow:0 -8px 28px rgba(0,0,0,.5),inset 0 1px 0 rgba(243,211,128,.08);overflow:visible;backdrop-filter:blur(10px)}
.vault-design-dock{position:absolute}
.vault-dock-unsaved{position:absolute;right:-7px;top:-7px;width:12px;height:12px;border:2px solid #171006;border-radius:50%;background:#d6a83e;box-shadow:0 0 10px rgba(214,168,62,.7)}

.vault-points-drawer{position:absolute;left:50%;bottom:47px;transform:translateX(-50%);z-index:59;width:min(460px,calc(100% - 36px));pointer-events:auto;border:1px solid #6f5725;border-bottom-color:rgba(111,87,37,.5);border-radius:8px 8px 0 0;background:linear-gradient(180deg,rgba(18,15,10,.98),rgba(8,7,5,.99));box-shadow:0 -16px 38px rgba(0,0,0,.52);overflow:hidden;backdrop-filter:blur(12px)}
.vault-points-panel{min-height:138px;display:grid;place-items:center;align-content:center;padding:18px;text-align:center;background:radial-gradient(circle at 50% 25%,rgba(209,166,62,.09),transparent 55%)}
.vault-points-panel strong{color:#f0d27d;font:800 2.6rem/1 "Roboto Slab",serif;text-shadow:0 0 18px rgba(217,174,67,.12)}
.vault-points-panel span{margin-top:9px;color:#9f906e;font:850 .58rem/1 Inter,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.vault-points-panel.is-design-panel{width:100%;min-height:160px}

.vault-drawer-preview{display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:6px 10px;border-bottom:1px solid rgba(190,151,62,.14);background:rgba(13,11,7,.72)}
.vault-drawer-preview>span{margin-right:auto;color:#9d927a;font-size:.52rem}
.vault-drawer-preview button{min-height:30px;padding:.42rem .58rem;border:1px solid #6b5220;border-radius:4px;background:#251b0c;color:#e3c77f;font:850 .47rem/1 Inter,sans-serif;cursor:pointer}
.vault-drawer-preview button:disabled{opacity:.42;cursor:default}
.vault-preview-actions{display:none!important}

@media(max-width:820px){
  .account-vault-bottom-dock,.vault-design-dock{left:8px;right:8px;bottom:0;transform:none;justify-content:center}
  .account-vault-bottom-dock button,.vault-design-dock button{flex:1 1 0;min-width:0;padding:.72rem .45rem;font-size:.54rem}
  .vault-design-tray{left:8px!important;right:8px!important;bottom:43px!important;max-height:45vh!important}
  .vault-points-drawer{bottom:43px;width:calc(100% - 16px)}
  .vault-drawer-header{padding-left:10px;gap:8px}
  .vault-drawer-controls{gap:4px}.vault-drawer-controls button{padding:.42rem .48rem;font-size:.43rem}
}

/* ---------- v5.11.6.155: Persistent Vault bottom dock positioning fix ---------- */
/* The Vault View control layer must span the whole Vault, otherwise bottom:0 on the dock
   resolves against the tiny top-control content box rather than the room viewport. */
.account-vault-view-controls{
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:auto!important;
  height:auto!important;
}
.account-dashboard.is-vault-view .account-vault-view-controls{
  opacity:1!important;
  transform:none!important;
}
.account-vault-bottom-dock{
  bottom:0!important;
  visibility:visible!important;
  opacity:1!important;
}


/* ---------- v5.11.6.156: Vault drawer tab navigation ---------- */
/* The quick dock belongs only to View My Vault. */
.account-dashboard:not(.is-vault-view) .account-vault-bottom-dock{display:none!important}
.account-dashboard:not(.is-vault-view) [data-vault-design-root]{display:none!important}

/* In normal Vault View the compact dock sits on the bottom edge. */
.account-dashboard.is-vault-view:not(.is-design-mode) .account-vault-bottom-dock{display:flex!important}
.account-dashboard.is-design-mode .account-vault-bottom-dock{display:none!important}
.account-vault-bottom-dock button[data-vault-quick-tab="points"]{min-width:150px}

/* Expanded tools become one clean bottom drawer with the tabs embedded in its top edge. */
.vault-design-tray{
  left:18px!important;right:18px!important;bottom:0!important;max-height:292px!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  border:1px solid #6f5725!important;border-bottom:0!important;border-radius:9px 9px 0 0!important;
  overflow:visible!important;padding-top:30px!important;
}
.vault-drawer-tabbar{
  position:absolute;left:50%;top:-1px;transform:translate(-50%,-50%);z-index:4;
  display:flex;align-items:stretch;border:1px solid rgba(181,142,55,.72);border-radius:7px;
  background:linear-gradient(180deg,rgba(31,26,17,.995),rgba(12,10,7,.995));
  box-shadow:0 6px 18px rgba(0,0,0,.42);overflow:hidden;white-space:nowrap
}
.vault-drawer-tabbar button{
  min-width:130px;padding:.72rem .9rem;border:0;border-right:1px solid rgba(190,151,62,.18);
  background:transparent;color:#c7bfa9;font:850 .58rem/1 Inter,sans-serif;cursor:pointer
}
.vault-drawer-tabbar button:nth-child(2){min-width:160px}
.vault-drawer-tabbar button:last-child{border-right:0}
.vault-drawer-tabbar button:hover,.vault-drawer-tabbar button.is-active{background:linear-gradient(180deg,rgba(171,130,43,.25),rgba(86,61,18,.13));color:#f2d58b}
.vault-drawer-tabbar button span{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;border-radius:999px;background:#4b3917;color:#f5d982;font-size:.5rem}

/* Save is the only secondary design action. Closing/minimizing is done by clicking the active tab again. */
.vault-drawer-save{
  position:absolute;right:12px;top:9px;z-index:3;min-height:31px;padding:.42rem .65rem;
  border:1px solid #655020;border-radius:4px;background:#21190d;color:#d8c085;
  font:850 .46rem/1 Inter,sans-serif;text-transform:uppercase;cursor:pointer
}
.vault-drawer-save:hover{border-color:#b88b33;color:#f2d790;background:#31230f}
.vault-drawer-save:disabled{opacity:.44;cursor:default}
.vault-drawer-header,.vault-drawer-controls,.vault-design-dock{display:none!important}
.vault-design-items{padding-top:12px!important}
.vault-drawer-preview{margin-top:0}

/* Cache Points is an information drawer, not a design tool. */
.vault-points-drawer{bottom:0!important;padding-top:30px;overflow:visible!important;border-bottom:0!important}
.vault-points-panel{min-height:150px}
.vault-points-title{display:block!important;margin:0 0 11px!important;color:#e6ca82!important;font:800 .82rem/1 "Roboto Slab",serif!important;letter-spacing:.02em!important;text-transform:none!important}
.vault-points-panel strong{display:block;color:#f0d27d;font:800 2.35rem/1 "Roboto Slab",serif}
.vault-points-panel strong small{font-size:.82rem;color:#cbb276}
.vault-points-caption{display:block!important;margin-top:9px!important;color:#857a64!important;font:750 .52rem/1 Inter,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important}

@media(max-width:820px){
  .vault-design-tray{left:8px!important;right:8px!important;bottom:0!important;padding-top:26px!important;max-height:46vh!important}
  .vault-drawer-tabbar{width:calc(100% - 74px);max-width:520px}
  .vault-drawer-tabbar button{flex:1 1 0;min-width:0!important;padding:.65rem .35rem;font-size:.49rem}
  .vault-drawer-save{right:8px;top:7px;padding:.38rem .48rem;font-size:.42rem}
  .vault-points-drawer{bottom:0!important;padding-top:26px;width:calc(100% - 16px)}
}


/* ---------- v5.11.6.157: Live Cache Points tab balance ---------- */
.account-vault-bottom-dock button[data-vault-quick-tab="points"],
.vault-drawer-tabbar button[data-vault-drawer="points"]{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.05;
}
.vault-tab-label{display:block;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;text-transform:none!important}
.vault-tab-points{display:block;color:#f2d47d;font:900 .72rem/1 "Roboto Slab",serif;letter-spacing:.02em;text-shadow:0 0 10px rgba(218,173,61,.12)}
.account-vault-bottom-dock button[data-vault-quick-tab="points"]{padding-top:.52rem;padding-bottom:.5rem}
.account-vault-bottom-dock button[data-vault-quick-tab="points"] .vault-tab-points{font-size:.74rem}
.vault-drawer-tabbar button[data-vault-drawer="points"]{padding-top:.55rem;padding-bottom:.5rem}
.vault-drawer-tabbar button[data-vault-drawer="points"] .vault-tab-points{font-size:.68rem}

/* v5.11.6.158 - My Cache Code redemption */
.vault-points-drawer{width:min(580px,calc(100% - 36px))}
.vault-points-panel{min-height:280px;align-content:start;place-items:center;padding:22px 24px 24px}
.vault-points-panel.is-design-panel{min-height:280px}
.vault-code-redeem{width:min(100%,470px);margin-top:20px;padding-top:16px;border-top:1px solid rgba(204,164,72,.24);text-align:left}
.vault-code-heading{display:grid;gap:4px}.vault-code-heading strong{font:800 .82rem/1.15 "Roboto Slab",serif!important;color:#e8ca78!important;text-shadow:none!important}.vault-code-heading span{margin:0!important;color:#8e897c!important;font:600 .57rem/1.45 Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.vault-code-redeem form{display:grid;gap:7px;margin-top:12px}.vault-code-redeem label{color:#a89568;font:850 .55rem/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}.vault-code-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.vault-code-entry input{min-width:0;height:42px;padding:0 12px;border:1px solid rgba(194,151,55,.44);border-radius:5px;background:#090806;color:#f0d58a;font:800 .73rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em;text-transform:uppercase;outline:none}.vault-code-entry input:focus{border-color:#d9ae4c;box-shadow:0 0 0 2px rgba(217,174,76,.12)}.vault-code-entry button{min-width:88px;border:1px solid #765b25;border-radius:5px;background:linear-gradient(180deg,#3c2c12,#251b0d);color:#eed284;font:850 .62rem/1 Inter,sans-serif}.vault-code-entry button:disabled{opacity:.5;cursor:default}.vault-code-message{width:100%;margin-top:10px!important;padding:8px 10px;border-radius:5px;font:700 .58rem/1.4 Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important}.vault-code-message.is-success{background:rgba(43,118,76,.18);border:1px solid rgba(77,164,111,.32);color:#9fd7af!important}.vault-code-message.is-error{background:rgba(142,51,45,.16);border:1px solid rgba(190,82,72,.3);color:#e2a09a!important}
@media(max-width:620px){.vault-points-drawer{width:calc(100% - 12px)!important}.vault-points-panel{padding:18px 14px 20px}.vault-code-entry{grid-template-columns:1fr}.vault-code-entry button{height:40px}}

/* ---------- v5.11.6.159: Focus placement + size variants ---------- */
/* Keep a compact tool dock visible while the full drawer auto-hides during placement/preview. */
.vault-design-collapsed{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:52;pointer-events:auto;border:1px solid rgba(181,142,55,.58);border-bottom:0;border-radius:8px 8px 0 0;background:linear-gradient(180deg,rgba(24,20,14,.98),rgba(10,8,5,.99));box-shadow:0 -10px 30px rgba(0,0,0,.5);overflow:hidden;backdrop-filter:blur(10px)}
.vault-design-collapsed .vault-drawer-tabbar{position:static!important;transform:none!important;margin:0!important;width:auto!important;max-width:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.vault-design-collapsed .vault-drawer-tabbar button{min-width:132px}

/* Preview mode uses the object itself as the cancel control, freeing the entire lower grid area. */
.vault-placed-object.is-preview::after{display:none!important;content:none!important}
.vault-preview-cancel{position:absolute;left:50%;top:-31px;transform:translateX(-50%);z-index:12;min-width:max-content;padding:6px 10px;border:1px solid #75a9ae;border-radius:999px;background:linear-gradient(180deg,#12373b,#0a2528);color:#c8f0f3;font:900 8px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.42)}
.vault-preview-cancel:hover,.vault-preview-cancel:focus-visible{border-color:#d8b85f;color:#f3dc96;outline:none}
.vault-placed-object.is-placement-focus{filter:drop-shadow(0 0 13px rgba(232,191,84,.62)) drop-shadow(0 12px 16px rgba(0,0,0,.38))}
.vault-placed-object.is-placement-focus::after{content:none;display:none}

/* S/M/L catalog variants share art/slot behavior but advertise their room scale clearly. */
.vault-size-badge{display:inline-grid!important;place-items:center!important;min-width:18px!important;height:18px!important;margin-left:6px!important;padding:0 5px!important;border:1px solid rgba(211,171,72,.5)!important;border-radius:999px!important;background:rgba(100,73,20,.34)!important;color:#f1d47e!important;font:900 8px/1 Inter,sans-serif!important;letter-spacing:.02em!important;vertical-align:middle!important;text-transform:uppercase!important}
.vault-catalog-copy>span,.vault-inventory-card>div>span{display:flex!important;align-items:center!important;gap:2px!important}

@media(max-width:820px){
  .vault-design-collapsed{left:8px;right:8px;transform:none}
  .vault-design-collapsed .vault-drawer-tabbar{width:100%!important}
  .vault-design-collapsed .vault-drawer-tabbar button{flex:1 1 0;min-width:0!important}
  .vault-preview-cancel{top:-29px}
}


/* ---------- v5.11.6.160: grouped size selectors + active object action ---------- */
.vault-catalog-eyebrow{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.vault-catalog-eyebrow>span{margin:0!important}
.vault-size-options{display:flex;align-items:center;gap:4px}
.vault-size-options button{display:grid;place-items:center;width:23px;height:23px;padding:0;border:1px solid rgba(175,137,55,.45);border-radius:999px;background:rgba(48,37,18,.72);color:#bda765;font:900 8px/1 Inter,sans-serif;cursor:pointer;transition:.15s}
.vault-size-options button:hover,.vault-size-options button:focus-visible{border-color:#d5aa4d;color:#f3d98b;outline:none}
.vault-size-options button.is-selected{border-color:#e2bd61;background:linear-gradient(180deg,#5a431a,#2f220d);color:#ffe397;box-shadow:0 0 0 1px rgba(227,190,97,.12),0 0 10px rgba(227,190,97,.12)}
.vault-active-store{position:absolute;left:50%;top:-31px;transform:translateX(-50%);z-index:15;min-width:max-content;padding:6px 12px;border:1px solid #b78a32;border-radius:999px;background:linear-gradient(180deg,#4a3513,#24190a);color:#f2d78a;font:900 8px/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.44)}
.vault-active-store:hover,.vault-active-store:focus-visible{border-color:#efd277;color:#fff0b4;outline:none}
.vault-placed-object.is-placement-focus .vault-active-store,.vault-container-child.is-placement-focus .vault-active-store{display:none!important}
.vault-placed-object.is-active-object{filter:drop-shadow(0 0 12px rgba(225,184,76,.46)) drop-shadow(0 12px 16px rgba(0,0,0,.36))}
@media(max-width:820px){.vault-size-options button{width:21px;height:21px;font-size:7px}.vault-active-store{top:-29px}}


/* ---------- v5.11.6.161: Drawer action alignment + grouped Inventory ---------- */
/* Make the drawer action row explicit: preview actions left, Save Layout right. */
.vault-design-tray{grid-template-rows:auto minmax(0,1fr)!important;padding-top:58px!important}
.vault-drawer-actionbar{position:absolute;left:10px;right:10px;top:30px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:34px;pointer-events:auto}
.vault-drawer-actionleft{display:flex;align-items:center;justify-content:flex-start;min-width:0}
.vault-drawer-preview{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
.vault-drawer-preview>span{display:none!important}
.vault-drawer-preview button{min-height:30px!important}
.vault-drawer-save{position:static!important;margin-left:auto!important;min-height:30px!important;flex:0 0 auto}
.vault-design-items{padding-top:8px!important}

/* The Cache Points label is plain; the live point number is the highlighted badge. */
.account-vault-bottom-dock button[data-vault-quick-tab="points"] .vault-tab-label,
.vault-drawer-tabbar button[data-vault-drawer="points"] .vault-tab-label{display:block!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important}
.account-vault-bottom-dock button[data-vault-quick-tab="points"] .vault-tab-points,
.vault-drawer-tabbar button[data-vault-drawer="points"] .vault-tab-points{display:inline-grid!important;place-items:center!important;min-width:30px!important;height:20px!important;margin:0!important;padding:0 7px!important;border-radius:999px!important;background:#4b3917!important;color:#f5d982!important;box-shadow:inset 0 0 0 1px rgba(222,183,87,.13),0 0 10px rgba(218,173,61,.08)!important;font-size:.64rem!important}

/* Group size variants into one inventory family card, matching Catalog behavior. */
.vault-inventory-family-card{flex:0 0 330px;grid-template-columns:70px minmax(0,1fr) 90px;min-height:108px;align-items:center}
.vault-inventory-family-copy{min-width:0}
.vault-inventory-family-card .vault-catalog-eyebrow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.vault-inventory-family-card .vault-size-options{margin-left:auto}
.vault-inventory-size-options button{position:relative}
.vault-inventory-size-options button:not(.is-owned){opacity:.46}
.vault-inventory-size-options button.is-owned::after{content:"";position:absolute;right:-1px;top:-1px;width:6px;height:6px;border-radius:50%;background:#e0bb5d;box-shadow:0 0 6px rgba(224,187,93,.55)}
.vault-inventory-family-card .vault-inventory-actions{min-width:84px}
.vault-inventory-family-card .vault-inventory-actions button:disabled{opacity:.42;cursor:default}

@media(max-width:820px){
  .vault-design-tray{padding-top:55px!important}
  .vault-drawer-actionbar{left:8px;right:8px;top:27px;gap:6px}
  .vault-drawer-preview button,.vault-drawer-save{font-size:.42rem!important;padding:.38rem .46rem!important}
  .vault-inventory-family-card{flex-basis:292px;grid-template-columns:58px minmax(0,1fr) 78px}
}

/* ---------- v5.11.6.162: purchase confirmation + Vault category browser ---------- */
/* The grid footprint doubles as a simple placement instruction while an object is active. */
.vault-object-footprint{align-items:center;justify-content:center;text-align:center}
.vault-footprint-hint{display:none;max-width:calc(100% - 8px);padding:3px 5px;border-radius:4px;background:rgba(17,12,5,.78);color:#f3d98b;font:900 6px/1.2 Inter,sans-serif;letter-spacing:.03em;text-transform:uppercase;text-shadow:0 1px 2px #000;box-shadow:0 2px 8px rgba(0,0,0,.28)}
.account-dashboard.is-design-mode .vault-placed-object:hover .vault-footprint-hint,
.account-dashboard.is-design-mode .vault-placed-object:focus-visible .vault-footprint-hint,
.account-dashboard.is-design-mode .vault-placed-object.is-dragging .vault-footprint-hint,
.account-dashboard.is-design-mode .vault-placed-object.is-preview .vault-footprint-hint,
.account-dashboard.is-design-mode .vault-placed-object.is-placement-focus .vault-footprint-hint{display:block}

/* Catalog / Inventory: category -> subcategory -> cards. */
.vault-design-tray{max-height:338px!important}
.vault-design-items{display:block!important;overflow:hidden!important;min-height:0!important}
.vault-browser{width:100%;height:100%;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}
.vault-browser-nav{display:grid;gap:6px;min-width:0;padding:0 2px}
.vault-browser-level{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;overflow-y:hidden;padding:1px 0 3px;scrollbar-width:thin;scrollbar-color:#6d5324 transparent}
.vault-browser-level button{flex:0 0 auto;display:flex;align-items:center;gap:6px;min-height:29px;padding:0 10px;border:1px solid rgba(122,96,43,.52);border-radius:999px;background:rgba(22,18,11,.9);color:#aaa28e;font:800 .5rem/1 Inter,sans-serif;letter-spacing:.02em;cursor:pointer;transition:.15s}
.vault-browser-level button:hover,.vault-browser-level button:focus-visible{border-color:#b58b38;color:#ecd28b;outline:none}
.vault-browser-level button.is-active{border-color:#d3aa50;background:linear-gradient(180deg,rgba(91,68,24,.92),rgba(42,31,13,.96));color:#ffe39b;box-shadow:0 0 0 1px rgba(221,178,76,.08),0 5px 12px rgba(0,0,0,.18)}
.vault-browser-level button b{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:rgba(209,167,65,.14);color:#d8bb71;font:900 .43rem/1 Inter,sans-serif}
.vault-browser-level.is-subcategories{padding-left:8px;border-left:2px solid rgba(191,151,59,.28)}
.vault-browser-level.is-subcategories button{min-height:25px;padding:0 9px;border-radius:5px;background:rgba(11,10,7,.72);font-size:.46rem}
.vault-browser-cards{display:flex;align-items:stretch;gap:10px;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;padding:1px 2px 8px;scrollbar-gutter:stable;scrollbar-color:#725724 #17110a}
.vault-browser-cards .vault-catalog-card,.vault-browser-cards .vault-inventory-card{flex-shrink:0}

/* A deliberate purchase step prevents an accidental click from spending Cache Points. */
.vault-purchase-confirm-backdrop{position:absolute;inset:0;z-index:120;display:grid;place-items:center;padding:18px;background:rgba(3,3,2,.68);backdrop-filter:blur(5px);pointer-events:auto}
.vault-purchase-confirm{width:min(430px,calc(100% - 24px));display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px 14px;padding:18px;border:1px solid #9a7430;border-radius:9px;background:linear-gradient(180deg,#1c160d,#0b0906);box-shadow:0 24px 70px rgba(0,0,0,.68),inset 0 1px rgba(255,226,147,.06);color:#d6c79f}
.vault-purchase-kicker{grid-column:1/-1;color:#9d844d;font:900 .46rem/1 Inter,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.vault-purchase-confirm h3{grid-column:1/-1;margin:0;color:#f2d588;font:800 1rem/1.15 "Roboto Slab",serif}
.vault-purchase-confirm-art{grid-row:3/5;width:92px;height:92px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(141,108,42,.45);border-radius:6px;background:#080704}
.vault-purchase-confirm-art .vault-object-image,.vault-purchase-confirm-art .vault-object-art{position:relative!important;inset:auto!important;width:90%!important;height:90%!important;display:grid!important;place-items:center!important;overflow:hidden!important}
.vault-purchase-confirm-art .vault-object-image>img{width:100%!important;height:100%!important;object-fit:contain!important}
.vault-purchase-confirm-art .vault-nameplate-copy{display:none!important}
.vault-purchase-confirm-totals{display:grid;gap:5px}
.vault-purchase-confirm-totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:5px;border-bottom:1px solid rgba(179,140,54,.12)}
.vault-purchase-confirm-totals span{color:#8d856f;font:700 .52rem/1 Inter,sans-serif}
.vault-purchase-confirm-totals strong{color:#eed181;font:850 .62rem/1 "Roboto Slab",serif}
.vault-purchase-confirm p{margin:0;color:#9b9687;font:600 .56rem/1.45 Inter,sans-serif}
.vault-purchase-confirm-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.vault-purchase-confirm-actions button{min-height:36px;padding:0 13px;border:1px solid #594722;border-radius:5px;background:#17130d;color:#cfc09a;font:850 .54rem/1 Inter,sans-serif;cursor:pointer}
.vault-purchase-confirm-actions button:hover,.vault-purchase-confirm-actions button:focus-visible{border-color:#ac8334;color:#f1d485;outline:none}
.vault-purchase-confirm-actions button.is-primary{border-color:#9f792f;background:linear-gradient(180deg,#4a3512,#2c1f0c);color:#f5d98b}

@media(max-width:820px){
  .vault-design-tray{max-height:50vh!important}
  .vault-browser-level button{min-height:27px;padding:0 8px;font-size:.46rem}
  .vault-browser-level.is-subcategories button{min-height:24px;font-size:.43rem}
  .vault-purchase-confirm{grid-template-columns:72px minmax(0,1fr);padding:14px;gap:8px 10px}.vault-purchase-confirm-art{width:72px;height:72px}
}


/* ---------- v5.11.6.163: Vault fullscreen + mobile landscape ---------- */
/* Small centered control docked into the upper edge of the Vault scene. */
.account-vault-fullscreen{
  position:absolute;left:50%;top:0;z-index:68;transform:translateX(-50%);
  min-height:32px;padding:.48rem .9rem;border:1px solid rgba(163,126,45,.72);border-top:0;
  border-radius:0 0 7px 7px;background:linear-gradient(180deg,rgba(31,25,16,.98),rgba(11,9,6,.98));
  box-shadow:0 7px 18px rgba(0,0,0,.34),inset 0 1px 0 rgba(240,205,116,.08);
  color:#dbc181;font:850 .52rem/1 Inter,sans-serif;letter-spacing:.045em;text-transform:uppercase;
  cursor:pointer;white-space:nowrap;opacity:0;pointer-events:none;transition:color .15s,border-color .15s,background .15s,opacity .2s;
}
.account-dashboard.is-vault-view .account-vault-fullscreen{opacity:1;pointer-events:auto}
.account-vault-fullscreen:hover,.account-vault-fullscreen:focus-visible{border-color:#d4a94d;background:linear-gradient(180deg,#382a15,#171006);color:#fff0ba;outline:none}
.account-dashboard.is-design-mode .account-vault-fullscreen{opacity:.86;pointer-events:auto}
.account-dashboard:not(.is-vault-view) .account-vault-fullscreen{display:none!important}

/* Native fullscreen target and the fallback fixed-viewport mode use the same geometry. */
.account-dashboard:fullscreen,
.account-dashboard:-webkit-full-screen,
.account-dashboard.is-vault-pseudo-fullscreen{
  width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;max-width:none!important;
  margin:0!important;border:0!important;border-radius:0!important;background:#050403!important;box-shadow:none!important;overflow:hidden!important;
}
.account-dashboard.is-vault-pseudo-fullscreen{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
}
body.my-cache-vault-pseudo-fullscreen{overflow:hidden!important}
.account-dashboard:fullscreen .account-vault-world,
.account-dashboard:-webkit-full-screen .account-vault-world,
.account-dashboard.is-vault-pseudo-fullscreen .account-vault-world{inset:0!important}
.account-dashboard:fullscreen .account-vault-fullscreen,
.account-dashboard:-webkit-full-screen .account-vault-fullscreen,
.account-dashboard.is-vault-pseudo-fullscreen .account-vault-fullscreen{top:0}

@media(max-width:820px){
  .account-vault-fullscreen{min-height:28px;padding:.42rem .72rem;font-size:.46rem;border-radius:0 0 6px 6px}
}

/* ---------- v5.11.6.164: Mobile Vault fit-first UI + touch placement ---------- */
/* Interactive room objects own their touch gesture. Browser/camera gestures must never steal a placement drag. */
.account-dashboard.is-vault-view .vault-placed-object,
.account-dashboard.is-vault-view .vault-container-child,
.account-dashboard.is-vault-view [data-vault-preview-object]{
  touch-action:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}
.account-dashboard.is-design-mode .vault-placed-object.is-designable,
.account-dashboard.is-design-mode .vault-container-child.is-designable{cursor:grab}
.account-dashboard.is-design-mode .vault-placed-object.is-dragging,
.account-dashboard.is-design-mode .vault-container-child.is-dragging{cursor:grabbing}
.account-dashboard.is-vault-view .account-vault-world{overscroll-behavior:contain}

/* Mobile controls become a compact HUD instead of consuming the room. */
@media(max-width:900px){
  .account-vault-return{
    left:max(8px,env(safe-area-inset-left))!important;top:max(7px,env(safe-area-inset-top))!important;
    min-width:0!important;min-height:32px!important;padding:.42rem .58rem!important;
    font-size:.47rem!important;border-radius:5px!important;
  }
  .account-vault-fullscreen{
    min-height:26px!important;padding:.38rem .62rem!important;font-size:.42rem!important;
    border-radius:0 0 6px 6px!important;
  }

  /* Normal Vault View dock: centered, narrower, and one-line points on mobile. */
  .account-vault-bottom-dock{
    left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;
    width:min(520px,calc(100% - 20px))!important;justify-content:center!important;
    border-radius:8px 8px 0 0!important;
  }
  .account-vault-bottom-dock button{
    flex:1 1 0!important;min-width:0!important;min-height:42px!important;
    padding:.48rem .42rem!important;font-size:.49rem!important;
  }
  .account-vault-bottom-dock button[data-vault-quick-tab="points"]{
    min-width:0!important;flex-direction:row!important;gap:6px!important;padding:.42rem .45rem!important;
  }
  .account-vault-bottom-dock button[data-vault-quick-tab="points"] .vault-tab-points{
    min-width:28px!important;height:18px!important;padding:0 6px!important;font-size:.58rem!important;
  }
  .account-vault-bottom-dock button span{min-width:16px;height:16px;font-size:.45rem}

  /* Focus-placement dock uses the same compact footprint. */
  .vault-design-collapsed{
    left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;
    width:min(520px,calc(100% - 20px))!important;border-radius:8px 8px 0 0!important;
  }
  .vault-design-collapsed .vault-drawer-tabbar{width:100%!important}
  .vault-design-collapsed .vault-drawer-tabbar button{min-height:42px!important;padding:.48rem .35rem!important;font-size:.47rem!important}

  /* Expanded Catalog/Inventory becomes a shallow centered bottom sheet. */
  .vault-design-tray{
    left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%)!important;
    width:min(680px,calc(100% - 14px))!important;max-height:min(42dvh,220px)!important;
    padding-top:42px!important;border-radius:8px 8px 0 0!important;
  }
  .vault-drawer-tabbar{
    width:min(520px,calc(100% - 76px))!important;max-width:none!important;
  }
  .vault-drawer-tabbar button{
    min-width:0!important;min-height:38px!important;padding:.46rem .32rem!important;font-size:.46rem!important;
  }
  .vault-drawer-tabbar button[data-vault-drawer="points"]{
    flex-direction:row!important;gap:5px!important;padding:.38rem .32rem!important;
  }
  .vault-drawer-tabbar button[data-vault-drawer="points"] .vault-tab-points{
    min-width:26px!important;height:17px!important;padding:0 5px!important;font-size:.55rem!important;
  }
  .vault-drawer-actionbar{left:7px!important;right:7px!important;top:20px!important;min-height:26px!important;gap:5px!important}
  .vault-drawer-preview{gap:4px!important}
  .vault-drawer-preview button,.vault-drawer-save{
    min-height:25px!important;padding:.32rem .4rem!important;font-size:.39rem!important;border-radius:4px!important;
  }
  .vault-design-items{padding:5px 7px 7px!important}

  /* Category navigation remains usable without spending a quarter of the screen on chips. */
  .vault-browser{gap:4px!important}
  .vault-browser-nav{gap:3px!important;padding:0!important}
  .vault-browser-level{gap:4px!important;padding:0 0 2px!important}
  .vault-browser-level button{min-height:22px!important;padding:0 7px!important;font-size:.41rem!important;gap:4px!important}
  .vault-browser-level button b{min-width:14px!important;height:14px!important;padding:0 3px!important;font-size:.38rem!important}
  .vault-browser-level.is-subcategories{padding-left:5px!important}
  .vault-browser-level.is-subcategories button{min-height:21px!important;padding:0 7px!important;font-size:.39rem!important}
  .vault-browser-cards{gap:7px!important;padding:0 1px 5px!important}

  /* Mobile cards prioritize art, item, size, price and action; long catalog prose can wait for desktop. */
  .vault-browser-cards .vault-catalog-card{
    flex-basis:245px!important;min-height:82px!important;
    grid-template-columns:48px minmax(0,1fr) 68px!important;gap:.4rem!important;padding:.42rem!important;
  }
  .vault-browser-cards .vault-catalog-art{height:48px!important;margin-top:0!important}
  .vault-browser-cards .vault-catalog-art .vault-object-art{width:40px!important;height:40px!important}
  .vault-browser-cards .vault-catalog-copy h4{margin:.12rem 0!important;font-size:.62rem!important}
  .vault-browser-cards .vault-catalog-copy p{display:none!important}
  .vault-browser-cards .vault-catalog-copy small{margin-top:.18rem!important;font-size:.39rem!important;line-height:1.15!important}
  .vault-browser-cards .vault-catalog-eyebrow{gap:4px!important;flex-wrap:nowrap!important}
  .vault-browser-cards .vault-catalog-eyebrow>span{font-size:.39rem!important}
  .vault-browser-cards .vault-size-options{gap:3px!important}
  .vault-browser-cards .vault-size-options button{width:19px!important;height:19px!important;font-size:6.5px!important}
  .vault-browser-cards .vault-catalog-buy{min-width:68px!important;gap:.22rem!important}
  .vault-browser-cards .vault-catalog-buy strong{font-size:.68rem!important}
  .vault-browser-cards .vault-catalog-buy button{padding:.34rem .35rem!important;font-size:.4rem!important}

  .vault-browser-cards .vault-inventory-family-card{
    flex-basis:245px!important;min-height:82px!important;
    grid-template-columns:48px minmax(0,1fr) 70px!important;gap:.4rem!important;padding:.42rem!important;
  }
  .vault-browser-cards .vault-inventory-art{height:48px!important}
  .vault-browser-cards .vault-inventory-art .vault-object-art{width:40px!important;height:40px!important}
  .vault-browser-cards .vault-inventory-family-card h4{font-size:.62rem!important;margin:.12rem 0!important}
  .vault-browser-cards .vault-inventory-family-card small{font-size:.39rem!important;line-height:1.15!important}
  .vault-browser-cards .vault-inventory-actions{min-width:70px!important;gap:.2rem!important}
  .vault-browser-cards .vault-inventory-actions button{padding:.34rem .32rem!important;font-size:.39rem!important}
  .vault-browser-cards .vault-layer-actions{gap:.18rem!important}

  /* Short landscape screens need dialogs/info panels to scroll rather than cover the entire Vault. */
  .vault-points-drawer{
    width:min(540px,calc(100% - 14px))!important;max-height:min(68dvh,300px)!important;overflow:auto!important;
    padding-top:24px!important;
  }
  .vault-points-panel,.vault-points-panel.is-design-panel{min-height:0!important;padding:14px 16px 16px!important}
  .vault-points-panel>strong{font-size:1.8rem!important}
  .vault-code-redeem{margin-top:12px!important;padding-top:10px!important}
  .vault-purchase-confirm-backdrop{padding:8px!important}
  .vault-purchase-confirm{max-height:90dvh!important;overflow:auto!important;padding:12px!important}
}

@media(max-width:900px) and (orientation:landscape){
  .vault-design-tray{max-height:min(40dvh,190px)!important}
  .vault-browser-cards .vault-catalog-card,.vault-browser-cards .vault-inventory-family-card{min-height:76px!important}
  .vault-browser-cards .vault-catalog-art,.vault-browser-cards .vault-inventory-art{height:44px!important}
  .vault-browser-cards .vault-catalog-copy small,.vault-browser-cards .vault-inventory-family-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* ---------- v5.11.6.165: Explicit placement commit flow ---------- */
/* Save Layout is retired. A new Inventory placement stays in focus mode until the
   customer explicitly chooses Place Here; previews stay focused until purchased or stopped. */
.vault-drawer-actionbar,.vault-drawer-save{display:none!important}
.vault-design-tray{padding-top:36px!important}
.vault-design-tray>.vault-drawer-tabbar{top:10px!important}
.vault-design-items{padding-top:2px!important}

/* Context actions live with the object so the room stays visible while deciding. */
.vault-object-context-actions{
  position:absolute;left:50%;top:-34px;transform:translateX(-50%);z-index:18;
  display:flex;align-items:center;justify-content:center;gap:6px;min-width:max-content;
  pointer-events:auto;filter:none!important
}
.vault-placement-pill{
  min-height:25px;padding:6px 10px;border:1px solid #75a9ae;border-radius:999px;
  background:linear-gradient(180deg,#12373b,#0a2528);color:#c8f0f3;
  font:900 8px/1 Inter,sans-serif;letter-spacing:.045em;text-transform:uppercase;
  cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.42);touch-action:manipulation
}
.vault-placement-pill.is-primary{
  border-color:#bb8c32;background:linear-gradient(180deg,#4a3513,#24190a);color:#f3d88a
}
.vault-placement-pill:hover,.vault-placement-pill:focus-visible{border-color:#efd277;color:#fff0b4;outline:none}
.vault-placement-pill:disabled{opacity:.48;cursor:default}
.vault-container-child.is-placement-focus{filter:drop-shadow(0 0 10px rgba(232,191,84,.62)) drop-shadow(0 7px 7px rgba(0,0,0,.4))}

/* During preview/new placement the bottom tabs remain visible as a location cue, but
   the drawer cannot reopen until the contextual action is completed. */
.vault-design-collapsed.is-placement-locked .vault-drawer-tabbar{opacity:.92}
.vault-drawer-tabbar.is-placement-locked button{cursor:default}

@media(max-width:900px){
  .vault-design-tray{padding-top:32px!important}
  .vault-design-tray>.vault-drawer-tabbar{top:9px!important}
  .vault-design-items{padding-top:1px!important}
  .vault-object-context-actions{top:-31px;gap:4px}
  .vault-placement-pill{min-height:22px;padding:5px 8px;font-size:7px}
  .vault-active-store{top:-28px!important;padding:5px 9px!important;font-size:7px!important}
}

/* ---------- v5.11.6.166: Placement actions + tap-to-minimize ---------- */
/* Pending Inventory objects use .vault-object-context-actions for Place / Cancel.
   Store remains the single contextual action for committed active objects. */
.vault-object-context-actions.is-placement-actions{pointer-events:auto}


/* ---------- v5.11.6.168: Contextual placed-object layer controls ---------- */
/* Layer ordering belongs to the object in the room, not its Inventory card. */
.vault-object-context-actions.is-active-actions{gap:5px}
.vault-object-context-actions.is-active-actions .vault-placement-pill{min-width:54px}
.vault-object-context-actions.is-active-actions .vault-placement-pill.is-store{
  border-color:#bb8c32;background:linear-gradient(180deg,#4a3513,#24190a);color:#f3d88a
}
.vault-object-context-actions.is-active-actions .vault-placement-pill:disabled{opacity:.32}
@media(max-width:900px){
  .vault-object-context-actions.is-active-actions{gap:3px}
  .vault-object-context-actions.is-active-actions .vault-placement-pill{min-width:44px;padding-left:7px;padding-right:7px}
}

/* ---------- v5.11.6.169: Mobile selected-object action menu ---------- */
/* On touch/mobile screens the tiny object-anchored Back / Forward / Store pills are
   replaced by a larger menu. A tap opens it; a drag never does. */
.vault-mobile-object-menu{display:none}
@media (pointer:coarse), (max-width:900px){
  .vault-mobile-object-menu{
    position:absolute;left:50%;bottom:58px;z-index:76;transform:translateX(-50%);
    display:block;width:min(420px,calc(100% - 22px));padding:10px;
    border:1px solid rgba(197,153,58,.86);border-radius:12px;
    background:linear-gradient(180deg,rgba(25,20,13,.98),rgba(9,8,6,.99));
    box-shadow:0 -8px 28px rgba(0,0,0,.52),inset 0 0 0 1px rgba(246,213,125,.06);
    backdrop-filter:blur(12px);pointer-events:auto;color:#eee5d1
  }
  .vault-mobile-object-menu-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
  .vault-mobile-object-menu-head>div{min-width:0;display:grid;gap:2px}
  .vault-mobile-object-menu-head span{font:800 8px/1 Inter,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#a78e55}
  .vault-mobile-object-menu-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 13px/1.15 Inter,sans-serif;color:#f1dc9d}
  .vault-mobile-object-menu-close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid rgba(177,142,67,.7);border-radius:999px;background:#17130d;color:#ead79c;font:700 22px/1 Inter,sans-serif;touch-action:manipulation}
  .vault-mobile-object-menu-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
  .vault-mobile-object-menu-actions button{min-height:44px;padding:8px 6px;border:1px solid #77622e;border-radius:8px;background:linear-gradient(180deg,#282116,#12100b);color:#e9d59b;font:900 10px/1 Inter,sans-serif;letter-spacing:.05em;text-transform:uppercase;touch-action:manipulation}
  .vault-mobile-object-menu-actions button.is-store{border-color:#a77e2e;background:linear-gradient(180deg,#463211,#281c09);color:#f2d88b}
  .vault-mobile-object-menu-actions button:disabled{opacity:.32}
  .vault-mobile-object-menu>small{display:block;margin-top:7px;text-align:center;color:#948a77;font:650 8px/1.2 Inter,sans-serif;letter-spacing:.025em}
  .vault-object-context-actions.is-active-actions{display:none!important}
}
@media (pointer:coarse) and (max-height:500px){
  .vault-mobile-object-menu{bottom:50px;width:min(390px,calc(100% - 16px));padding:7px 8px;border-radius:9px}
  .vault-mobile-object-menu-head{margin-bottom:5px}
  .vault-mobile-object-menu-head strong{font-size:11px}
  .vault-mobile-object-menu-close{width:30px;height:30px;flex-basis:30px;font-size:19px}
  .vault-mobile-object-menu-actions button{min-height:38px;font-size:9px}
  .vault-mobile-object-menu>small{margin-top:5px;font-size:7px}
}


/* ---------- v5.11.6.170: Desktop active controls + drawer close ---------- */
/* Selected-object actions render in the scene action layer so furniture with a higher
   saved z-index can never cover the controls or steal their clicks. */
.vault-object-context-actions.is-scene-action-overlay{
  z-index:20000!important;pointer-events:auto!important;isolation:isolate;
}
.vault-object-context-actions.is-scene-action-overlay .vault-placement-pill{pointer-events:auto}

/* Familiar explicit close affordance for the open Vault tool drawer. */
.vault-design-tray,.vault-points-drawer{position:absolute}
.vault-drawer-close{
  position:absolute;right:10px;top:9px;z-index:85;display:grid;place-items:center;
  width:32px;height:32px;padding:0;border:1px solid rgba(183,145,62,.62);border-radius:999px;
  background:linear-gradient(180deg,rgba(34,28,18,.98),rgba(14,12,8,.99));color:#e7cf91;
  font:700 21px/1 Inter,sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3);
  touch-action:manipulation
}
.vault-drawer-close:hover,.vault-drawer-close:focus-visible{border-color:#e7c56d;color:#fff0bd;outline:none}
@media(max-width:900px){
  .vault-drawer-close{right:7px;top:7px;width:30px;height:30px;font-size:19px}
}
@media (pointer:coarse), (max-width:900px){
  .vault-object-context-actions.is-scene-action-overlay{display:none!important}
}


/* ---------- v5.11.6.171: Explicit Design Mode exit controls ---------- */
/* The drawer × means exit Design Mode. Catalog/Inventory tabs and empty-room taps remain the
   lightweight ways to collapse the drawer without leaving Design Mode. */
.account-vault-done{
  position:absolute;right:28px;top:20px;z-index:69;display:none;
  min-width:104px;min-height:50px;padding:.7rem 1rem;border:1px solid #98732c;border-radius:3px;
  background:linear-gradient(180deg,rgba(28,23,15,.98),rgba(10,8,6,.98));
  box-shadow:inset 0 0 0 1px rgba(240,204,112,.08),0 8px 22px rgba(0,0,0,.34);
  color:#ebd49a;font:750 .67rem/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;
  cursor:pointer;pointer-events:auto;touch-action:manipulation;
}
.account-dashboard.is-vault-view.is-design-mode .account-vault-done{display:block}
.account-vault-done:hover,.account-vault-done:focus-visible{
  border-color:#d2a848;background:linear-gradient(180deg,#332817,#151008);color:#fff0bd;
  box-shadow:inset 0 0 0 1px rgba(255,224,139,.16),0 8px 22px rgba(0,0,0,.42),0 0 18px rgba(211,166,61,.08);outline:none
}
@media(max-width:900px){
  .account-vault-done{
    right:max(8px,env(safe-area-inset-right));top:max(7px,env(safe-area-inset-top));
    min-width:72px;min-height:32px;padding:.42rem .58rem;font-size:.47rem;border-radius:5px
  }
}

/* v5.11.6.178: slot editing keeps its own controls available on touch/mobile even
   though ordinary scene-level object action pills are replaced by the mobile menu. */
@media (pointer:coarse), (max-width:900px){
  .account-dashboard.is-vault-slot-editing .vault-object-context-actions.is-slot-edit-actions{display:flex!important}
}

/* ---------- v5.11.6.181: Store/remove confirmations + cleaner selected-slot actions ---------- */
.vault-action-confirm-copy{display:grid;gap:8px;align-content:start;min-width:0}
.vault-action-confirm-copy p{margin:0;color:#b8af98;font:650 .58rem/1.45 Inter,sans-serif}
.vault-action-confirm-warning{display:grid;gap:4px;padding:9px 10px;border:1px solid rgba(202,154,58,.38);border-radius:6px;background:rgba(116,72,12,.18)}
.vault-action-confirm-warning strong{color:#f0d28b;font:850 .58rem/1.2 Inter,sans-serif}
.vault-action-confirm-warning span{color:#c9baa0;font:650 .54rem/1.45 Inter,sans-serif}
.vault-action-confirm-tip{padding-top:7px;border-top:1px solid rgba(190,151,62,.16);color:#8f927f;font:650 .52rem/1.45 Inter,sans-serif}
.vault-action-confirm .vault-purchase-confirm-actions .is-store{border-color:#8e6330;background:linear-gradient(180deg,#4a2b12,#2b180c);color:#f0c886}
.vault-object-context-actions.is-slot-edit-selected>.vault-placement-pill.is-store:disabled{opacity:.42;cursor:default}

/* ---------- v5.11.6.186: Vault door art refresh ---------- */
/* The Vault entrance remains a pure foreground illusion layer. It never participates in
   the room grid, placement, collisions, or inventory logic. This refresh swaps in the
   newly approved full-state artwork: one open-state PNG and one closed-state PNG. */
.vault-door-foreground{
  position:absolute;inset:0;z-index:24;pointer-events:none;user-select:none;overflow:hidden;
}
.vault-door-state-art{
  position:absolute;display:block;height:auto;max-width:none;
  pointer-events:none;user-select:none;-webkit-user-drag:none;
  opacity:0;transition:opacity .24s ease;will-change:opacity;
}
/* Closed-door seam cleanup: the only remaining issue was a faint top reveal behind the closed
   vault art. Keep the open state unchanged, and push the closed foreground slightly higher with a
   tiny extra overhang so the top seam is fully covered while preserving the current bottom fit. */
.vault-door-state-open{
  inset:0;top:-10px;width:100%;height:100%;transform:scale(1.055);transform-origin:50% 0;
}
.vault-door-state-closed{
  inset:0;top:-14px;width:100%;height:100%;transform:scale(1.08);transform-origin:50% 0;
}
.account-vault-scene[data-vault-door-state="open"] .vault-door-state-open{opacity:1}
.account-vault-scene[data-vault-door-state="closed"] .vault-door-state-closed{opacity:1}
.account-vault-scene[data-vault-door-state="hidden"] .vault-door-state-art{opacity:0}

/* A fully closed foreground blocks the room during editing, so Design Mode temporarily
   presents the approved open-state art while the user's selected state is preserved. */
.account-dashboard.is-design-mode .account-vault-scene[data-vault-door-state="closed"] .vault-door-state-closed{opacity:0}
.account-dashboard.is-design-mode .account-vault-scene[data-vault-door-state="closed"] .vault-door-state-open{opacity:1}

/* Outside dedicated Vault View the account dashboard keeps its standard scene without
   the vault-door foreground. */
.account-dashboard:not(.is-vault-view) .vault-door-foreground{opacity:0}

/* Single compact preview control for Open / Closed / Hidden. */
.account-vault-door-toggle{
  position:absolute;left:calc(50% + 82px);top:0;z-index:68;
  min-height:32px;padding:.48rem .72rem;border:1px solid rgba(163,126,45,.72);border-top:0;
  border-radius:0 0 7px 7px;background:linear-gradient(180deg,rgba(31,25,16,.98),rgba(11,9,6,.98));
  box-shadow:0 7px 18px rgba(0,0,0,.34),inset 0 1px 0 rgba(240,205,116,.08);
  color:#dbc181;font:850 .5rem/1 Inter,sans-serif;letter-spacing:.045em;text-transform:uppercase;
  cursor:pointer;white-space:nowrap;opacity:0;pointer-events:none;
  transition:color .15s,border-color .15s,background .15s,opacity .2s;
}
.account-dashboard.is-vault-view .account-vault-door-toggle{opacity:1;pointer-events:auto}
.account-vault-door-toggle:hover,.account-vault-door-toggle:focus-visible{
  border-color:#d4a94d;background:linear-gradient(180deg,#382a15,#171006);color:#fff0ba;outline:none
}
.account-dashboard.is-design-mode .account-vault-door-toggle{opacity:0;pointer-events:none}
.account-dashboard:not(.is-vault-view) .account-vault-door-toggle{display:none!important}
.account-dashboard:fullscreen .account-vault-door-toggle,
.account-dashboard:-webkit-full-screen .account-vault-door-toggle,
.account-dashboard.is-vault-pseudo-fullscreen .account-vault-door-toggle{top:0}

@media(max-width:820px){
  .account-vault-door-toggle{left:calc(50% + 68px);min-height:28px;padding:.42rem .58rem;font-size:.44rem;border-radius:0 0 6px 6px}
}
@media(prefers-reduced-motion:reduce){.vault-door-state-art{transition:none!important}}
/* Editing exception: while Design Mode is active, the open foreground is lowered beneath
   grid/object controls so the doorway never prevents selecting or positioning Vault items. */
.account-dashboard.is-design-mode .vault-door-foreground{z-index:6}