/* 11-Z §4aj: 画面の横幅を入れ物の内側へ。寸法・リンク文言は仮。 */
html,body{max-width:100vw;overflow-x:hidden}
body .view,body .view>.content,#entryScreen,#thanksScreen,#addressScreen,#addressResult,#openingScreen{
 box-sizing:border-box;max-width:100vw;min-width:0;overflow-x:hidden;
}
body .view>.content{max-width:100%}
.view img,.view video,#entryScreen img,#entryScreen video{max-width:100%}
#openingBackdrop,#openingBackdropPoster{inset:0;width:100%;height:100%}
#collection.collection-shelf{margin-inline:0;max-width:100%}
.exchange-row>div{min-width:0;overflow-wrap:anywhere}
.exchange-balance{flex-wrap:wrap;gap:8px;overflow-wrap:anywhere}
.toast{max-width:calc(100vw - 24px);white-space:normal;overflow-wrap:anywhere}

/* ガチャの帯はチケットと食数への入口だけ。食数画面の帯は保持。 */
#mealHistoryOpen{display:none}
body:not(.entry-active):has(#earth.active){--meal-header-height:76px}
body:not(.entry-active):has(#earth.active) .topbar #mealChildOpen,
body:has(#earth.active) .dialog-meal-summary{display:none}
body:not(.entry-active):has(#earth.active) .topbar #mealHistoryOpen{
 display:block;align-self:center;max-width:100%;min-height:32px;padding:4px 8px;
 border:0;background:transparent;color:#F6F0E6;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;
}
body:not(.entry-active):has(#earth.active) .topbar .ticket,
body:not(.entry-active):has(#earth.active) .topbar .ticket b{font-size:18px;color:#F6F0E6}
body .topbar{max-width:100vw}

/* 図鑑の拡大には帯を付けず、画面近くまで絵を広げる。 */
body #collectionDialog{width:calc(100vw - 16px);max-width:100vw;max-height:96dvh;padding:0;overflow-x:hidden}
#collectionDialog .collection-detail{padding:56px 4px 12px}
#collectionDialog .collection-large{width:100%;height:calc(96dvh - 200px);max-height:none;object-fit:contain;border:0;padding:0;background:transparent}
#collectionDialog .collection-close{width:auto;min-width:56px;font-size:14px;border-radius:12px}
#collection .shelf-resident:disabled{cursor:default}