#shotam-room-frame,#shotam-skin-frame,#shotam-hat-frame{position:fixed;inset:0;width:100vw;height:100dvh;border:0;z-index:40;background:transparent}#shotam-room-frame[hidden],#shotam-skin-frame[hidden],#shotam-hat-frame[hidden]{display:none}.shotam-modal.has-room>.shotam-modal__box{visibility:hidden}.shotam-modal.has-room{overflow:hidden}#room-placeholder{display:flex;min-height:330px;align-items:center;justify-content:center;flex-direction:column;color:#eee;text-align:center;font-family:ShotamUI,monospace}#room-placeholder[hidden]{display:none}#room-placeholder h2{font-size:30px;font-weight:normal}#room-placeholder p{font-size:20px;color:#aaa}

#shotam-banner-frame{position:fixed;inset:0;width:100vw;height:100dvh;border:0;z-index:41;background:transparent}#shotam-banner-frame[hidden]{display:none}

.shotam-modal--profile .shotam-modal__box{position:relative}
#room-placeholder{position:absolute;left:0;right:0;top:64px;bottom:0;min-height:0;padding:0 24px;z-index:5;overflow:auto}
#room-placeholder h2{margin:0 0 12px}

#shotam-auth-step-approved .wardrobe-header{display:none}
.shotam-modal--profile:has(#shotam-auth-step-approved:not(.hidden)) #shotam-auth-close{display:none}
#shotam-auth-step-approved .wardrobe-body,#shotam-auth-step-approved #color-page{height:100%}
#shotam-auth-step-approved .wardrobe-body{padding-top:24px}
#room-placeholder{top:0}

.shotam-modal--profile .shotam-modal__box{border:0;box-shadow:none;background:#222}
@media(min-width:651px){.shotam-modal--profile .shotam-modal__box{width:min(1120px,calc(100vw - 48px),calc((100dvh - 112px)*16/9));height:auto;aspect-ratio:16/9;margin-bottom:32px}}
#window-caption{position:absolute;right:0;top:calc(100% + 8px);display:flex;align-items:center;gap:.35em;font:20px/1 ShotamUI,monospace;color:#eee;text-shadow:2px 2px #0009;white-space:nowrap;pointer-events:none}
#window-caption #wardrobe-item-name{font:inherit;margin:0;white-space:nowrap;overflow:visible}
#window-caption #wardrobe-price{display:flex;height:16px;margin:0}#window-caption #wardrobe-price:empty{display:none}
#window-caption .price-heart{width:20px;height:16px;background-size:120px 16px}
.shotam-modal__box:has(#shotam-auth-step-approved[data-screen=item]) #window-caption .nick,.shotam-modal__box:not(:has(#shotam-auth-step-approved[data-screen=item])) #window-caption :is(#wardrobe-item-name,#wardrobe-price){display:none}
@media(max-width:650px){#window-caption{font-size:15px}}
#window-status{position:absolute;right:0;top:calc(100% + 36px);max-width:100%;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font:20px/1.2 ShotamUI,monospace;color:#eee;text-shadow:2px 2px #0009;text-align:right;pointer-events:none}
#window-status #wardrobe-feedback,#window-status #color-status{position:static;max-width:none;min-height:0;margin:0;font:inherit;color:inherit;text-align:inherit}
#window-status :is(#wardrobe-feedback,#color-status):empty{display:none}
.shotam-modal__box:not(:has(#shotam-auth-step-approved[data-screen=item])) #wardrobe-feedback,.shotam-modal__box:not(:has(#shotam-auth-step-approved[data-screen=color])) #window-status>#color-owned,.shotam-modal__box:not(:has(#shotam-auth-step-approved[data-screen=color])) #color-status{display:none}
#window-status>#color-owned:not([hidden]){position:static;display:flex;justify-content:flex-end;max-width:100%;pointer-events:auto}
@media(max-width:650px){#window-status{font-size:15px;top:calc(100% + 31px)}}
#room-placeholder{display:none!important}
#window-status .note:empty{display:none}.shotam-modal__box:has(#shotam-auth-step-approved:not([data-screen=home])) #window-status .note{display:none}
.purchase-dialog{background:#222;border:0;box-shadow:none;color:#eee;padding:24px;font:20px/1.4 ShotamUI,monospace}
.purchase-dialog p{font-size:20px}.purchase-dialog button{background:#303030;border:0;color:#eee;font:20px ShotamUI,monospace;padding:10px}.purchase-dialog button:hover{background:#3a3a3a;filter:none}
.shotam-modal:not(.shotam-modal--profile) .shotam-modal__box{background:#222;border:0;box-shadow:none}
.shotam-modal:not(.shotam-modal--profile) :is(#window-caption,#window-status){display:none}
#window-caption{left:0;right:auto;font-size:min(54px,4.82vw);line-height:1}
#window-caption #wardrobe-price{height:.4em}#window-caption .price-heart{width:.5em;height:.4em;background-size:auto 100%}
#window-caption #wardrobe-price{height:.7em}#window-caption .price-heart{width:.88em;height:.7em}
#window-status{left:0;right:auto;top:calc(100% + 16px + min(54px,4.82vw));align-items:flex-start;text-align:left}
#window-status>#color-owned:not([hidden]){justify-content:flex-start}
@media(min-width:651px){.shotam-modal--profile .shotam-modal__box{margin-bottom:calc(8px + min(54px,4.82vw))}}
::view-transition-old(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){mix-blend-mode:normal;image-rendering:pixelated;animation:shotam-wipe .8s steps(48,jump-none) both;
 -webkit-mask:var(--shotam-wipe) 0 0/100% 4800% no-repeat;mask:var(--shotam-wipe) 0 0/100% 4800% no-repeat}
@keyframes shotam-wipe{to{-webkit-mask-position:0 100%;mask-position:0 100%}}