/* Island artwork and palette only; approved phone layout lives in suitcase.css. */
.island #home{background:#e9f3cf}
.island.catalog-open #home{background:#e9f3cf url('/cloud/assets/island-menu.png') center/cover no-repeat}
.island #intro{background:#fff8df}
.island #intro::before{display:none}
.island .suitcase-art{object-position:right center}
.island-logo,.island-menu-logo{display:none}
.island #intro h1{left:3%;top:8%;width:36%}
.island #intro .suitcase-title{display:none}
.island #intro .island-logo{display:block;width:100%;height:42cqh;object-fit:contain;object-position:left center;pointer-events:none;user-select:none}
.island .suitcase-title,.island .suitcase-title>span+span{color:#14978c;text-shadow:0 2px 0 #a5e4c8,0 4px 0 #087c73,0 7px 9px #547e5033}
/* Display the approved button artwork, cropping only its transparent padding.
   The original native button/text still provide the hit area and accessible name. */
.island #continue{left:4%;bottom:33%;width:30%;height:auto;aspect-ratio:2030/490;min-height:52px;margin-bottom:clamp(6px,1.5cqh,14px);padding:0;border:0;border-radius:999px;background:transparent url('/cloud/assets/island-continue.png') 49.295% 51.282%/107% 147.755% no-repeat;box-shadow:none;color:transparent;text-shadow:none}
.island .suitcase-brand,.island .suitcase-brand::first-line{color:#168e82}
.island .brand-button{height:clamp(44px,10cqh,86px);background:none;border-radius:0;padding:0}
.island .brand-button .suitcase-brand{display:none}
.island .brand-button>.island-menu-logo{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:left center;pointer-events:none}
.island .catalog h2{color:#28796b}
.island #sound{background:#fffcdf;box-shadow:0 4px 0 #98b888,0 6px 12px #517a3422}
.island .cards.carousel-track .game-card{border-color:#75bf98;box-shadow:0 5px 0 #398f70,0 9px 14px #416c552c}
@container(max-aspect-ratio:2/1){.island #intro h1{left:1%;width:29%}.island #continue{left:2%;bottom:8%;width:25%;font-size:4.8cqh}}
@container(max-aspect-ratio:16/10){.island #intro h1{top:26%;left:2%;width:36%}.island #intro .island-logo{height:25cqh}.island #continue{bottom:34%;left:3%;width:33%;font-size:3.8cqh}}