.pm-enclosure-page .pm-free-scene[data-enclosure-viewer]{touch-action:none;overflow:hidden;isolation:isolate}
.pm-enclosure-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}
.pm-enclosure-character{position:absolute;z-index:1;pointer-events:none;background-repeat:no-repeat;transform-origin:50% 100%}
.pm-enclosure-shadow{position:absolute;z-index:1;pointer-events:none;background:#253d4260;border-radius:50%;filter:blur(5px);transform:translate(-50%,-50%)}
.pm-enclosure-shadow[hidden]{display:none}
.pm-enclosure-object{position:absolute;z-index:2;min-width:44px;min-height:44px;border:0;border-radius:12px;background:transparent;cursor:pointer;padding:0}
.pm-enclosure-object:hover{outline:2px solid #fafafaaa;outline-offset:-2px}
.pm-enclosure-object:focus-visible{outline:3px solid #3653a0;outline-offset:-3px;background:#ffffff26}
.pm-enclosure-greet[hidden],.pm-enclosure-greeting[hidden]{display:none}
.pm-enclosure-greet{z-index:3}
.pm-enclosure-greeting{position:absolute;z-index:4;box-sizing:border-box;width:max-content;max-width:min(320px,calc(100% - 32px));padding:12px 16px;border:1px solid #b8ccd0;border-radius:18px 18px 18px 5px;background:#fffef9;color:#193542;box-shadow:0 5px 20px #13263326;font:500 clamp(.875rem,1.5vw,1rem)/1.45 system-ui;overflow-wrap:break-word;pointer-events:none}
.pm-enclosure-page .pm-scene-direction{z-index:2}
.pm-enclosure-status{position:absolute!important;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.pm-enclosure-card{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(400px,calc(100% - 40px));max-height:calc(100% - 40px);overflow:auto;box-sizing:border-box;border:1px solid #acc0c4;border-radius:18px;padding:24px;background:#fffef9;color:#193542;box-shadow:0 12px 48px #13263345;font:1rem/1.5 system-ui}
.pm-enclosure-card[hidden],.pm-enclosure-canvas[hidden],.pm-enclosure-character[hidden]{display:none}
.pm-enclosure-card h2{font-size:1.35rem;margin:0 0 12px}.pm-enclosure-card p{margin:0 0 20px}
.pm-enclosure-card button{min-height:44px;border:1px solid #536c77;border-radius:10px;background:#fff;color:inherit;padding:8px 16px;font:inherit;cursor:pointer}
.pm-enclosure-loading{cursor:progress}
.pm-enclosure-card{display:flex;flex-direction:column;padding:0;overflow:hidden}
.pm-enclosure-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:16px 20px;border-bottom:1px solid #ded8eb;background:#fffef9}
.pm-enclosure-card-header h2{margin:0;font-size:1.15rem;overflow-wrap:anywhere}
.pm-enclosure-card-close{flex:none;font-size:.85rem!important;max-width:48%}
.pm-enclosure-card-body{padding:20px;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y pinch-zoom}
.pm-enclosure-card-personal{width:min(1100px,calc(100% - 32px));height:calc(100% - 32px);max-height:calc(100% - 32px);border-color:#bfb0d3;background:#fffdf9}
.pm-enclosure-card-personal .pm-enclosure-card-body{flex:1}
.pm-enclosure-wallet-amount{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:clamp(1.5rem,4vw,2.25rem);color:#364d58}
.pm-enclosure-wallet-amount img{width:48px;height:48px;object-fit:contain}
@media(max-width:600px),(max-height:440px){.pm-enclosure-card-personal{width:calc(100% - 12px);height:calc(100% - 12px);max-height:calc(100% - 12px)}.pm-enclosure-card-header{padding:7px 10px;gap:8px}.pm-enclosure-card-header h2{font-size:1rem}.pm-enclosure-card-body{padding:10px}.pm-enclosure-card-close{font-size:.75rem!important;padding:5px 8px!important}}

/* Short landscape screens give the existing scene more room; other pages keep their shell. */
@media(orientation:landscape) and (max-height:600px) and (max-width:1400px){
 .content-page:has(>#view>.pm-enclosure-page)>.pm-site-header{flex-wrap:nowrap;align-items:center;gap:8px;padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))}
 .content-page:has(>#view>.pm-enclosure-page)>.pm-site-header .pm-brand{font-size:.9rem;gap:5px;flex:none}
 .content-page:has(>#view>.pm-enclosure-page)>.pm-site-header .pm-brand-logo{height:24px;max-width:36px}
 .content-page:has(>#view>.pm-enclosure-page)>.pm-site-header .pm-online-switch{order:0;flex:0 0 auto;width:auto;flex-wrap:nowrap;gap:0;font-size:.8rem;min-width:0;margin-left:0;padding:0}
 .content-page:has(>#view>.pm-enclosure-page)>.pm-site-header .pm-online-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:4px 8px;white-space:nowrap}
 .content-page:has(>#view>.pm-enclosure-page)>.pm-site-header .pm-header-actions{flex:0 0 auto;flex-wrap:nowrap;width:auto;gap:6px;margin-left:auto}
 .content-page:has(>#view>.pm-enclosure-page)>.pm-site-header .pm-treasury{min-width:80px;max-width:110px;font-size:.75rem;grid-template-columns:24px minmax(0,1fr)}
 .content-page:has(>#view>.pm-enclosure-page)>.pm-site-header .pm-treasury img{width:24px;height:24px}
 .content-page:has(>#view>.pm-enclosure-page)>.pm-site-footer{flex-direction:row;align-items:center;gap:8px;padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))}
 .content-page:has(>#view>.pm-enclosure-page) .pm-footer-copy{font-size:.75rem;gap:6px;line-height:1.2}
 .content-page:has(>#view>.pm-enclosure-page)>.pm-site-footer nav{gap:8px;font-size:.75rem;flex-wrap:nowrap}
 .content-page:has(>#view>.pm-enclosure-page)>.pm-site-footer nav a{display:inline-flex;align-items:center;min-height:44px}
 .pm-enclosure-page>.pm-free-navigation{top:6px}
 .pm-enclosure-page .pm-free-pq{width:max-content;max-width:calc(100% - 112px)}
 .pm-enclosure-page .pm-free-pq .content-zone-inner{font-size:.8rem;padding:4px 10px}
}