/* Full-card, text-free coastal journey. The app chooser floats over it. */
#mosaic .as-demo-card{isolation:isolate;background:#163a49;color:#fff;border-color:#afc3c5}
#mosaic .as-demo-card .as-scenery{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
#mosaic .as-demo-card .as-journey{position:absolute;top:0;left:0;width:100%;will-change:transform}
#mosaic .as-demo-card .as-journey img{display:block;width:100%;height:auto}
#mosaic .as-demo-card .as-journey .as-continuation{margin-top:-180px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 180px);mask-image:linear-gradient(to bottom,transparent 0,#000 180px)}
#mosaic .as-demo-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#051a28b8 0%,#061b2d55 35%,#061b2d38 63%,#061a26a8 100%)}
#mosaic .as-demo-card .card-heading,#mosaic .as-demo-card .card-copy,#mosaic .as-demo-card .card-art,#mosaic .as-demo-card .shortcut{position:relative;z-index:2}
#mosaic .as-demo-card .card-meta,#mosaic .as-demo-card .card-copy h2,#mosaic .as-demo-card .card-copy p,#mosaic .as-demo-card .shortcut{color:#fff;border-color:#ffffffad;text-shadow:0 2px 12px #001929a3}
#mosaic .as-demo-card .card-art{align-items:center;justify-content:center;margin:10px 0;padding:0;overflow:visible}
#mosaic .as-chooser{width:min(100%,560px);padding:23px 25px 16px;border:1px solid #ffffff9c;border-radius:13px;background:linear-gradient(135deg,#311b18df,#58321edb);box-shadow:0 18px 35px #09202b66;backdrop-filter:blur(10px);color:#fff;text-shadow:none}
#mosaic .as-chooser>strong{display:block;font-size:clamp(20px,1.75vw,27px);line-height:1.1}
#mosaic .as-chooser-caption{display:block;margin-top:5px;margin-bottom:17px;font-size:12px;color:#ffffffbf}
#mosaic .as-choice-row{display:grid;grid-template-columns:minmax(126px,1.35fr) repeat(3,minmax(0,1fr));align-items:center;gap:6px;margin:6px 0}
#mosaic .as-direction{font-size:clamp(11px,.9vw,14px);font-weight:700;white-space:nowrap}
#mosaic .as-choice-row button{appearance:none;min-height:43px;padding:6px 3px;color:#fff;background:transparent;border:0;border-bottom:2px solid #ffffff36;border-radius:0;font-size:clamp(11px,.9vw,14px);font-weight:700;cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}
#mosaic .as-choice-row button:hover,#mosaic .as-choice-row button[aria-pressed="true"]{color:#ffe2ac;border-color:#ffd18c;background:#ffffff10}
#mosaic .as-choice-row button:focus-visible{outline:3px solid #fff;outline-offset:3px}
#mosaic .as-instruction{display:block;margin-top:15px;color:#ffffffaf;font-size:10px}
#mosaic .as-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:680px){#mosaic .as-demo-card{min-height:750px}#mosaic .as-chooser{padding:17px 12px}#mosaic .as-choice-row{grid-template-columns:minmax(94px,1.15fr) repeat(3,minmax(0,1fr));gap:2px}#mosaic .as-direction,#mosaic .as-choice-row button{font-size:10px}}
@media(prefers-reduced-motion:reduce){#mosaic .as-demo-card .as-journey{will-change:auto}}