:root{font-family:Arial,"Malgun Gothic",sans-serif;color:#fff;background:#101713;color-scheme:dark;letter-spacing:0}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff70;background:#101713a6;border-radius:4px}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}[hidden]{display:none!important}header{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:24px max(24px,env(safe-area-inset-right)) 24px max(24px,env(safe-area-inset-left))}header nav{display:flex;gap:24px}.brand{font-weight:700;font-size:20px}h1{font-size:28px;margin:24px}#choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 24px 32px}#choices a{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#28362d}#choices img{width:100%;height:100%;object-fit:cover;transition:transform .3s}#choices a:hover img{transform:scale(1.025)}#choices span{position:absolute;bottom:0;left:0;right:0;padding:32px 20px 20px;background:linear-gradient(transparent,#000a);font-size:23px;font-weight:700}#viewer{position:fixed;inset:0;width:100%;height:100dvh;background:#101713;overflow:hidden;touch-action:pan-y}#photo{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}#viewer .overlay{position:absolute;inset:0 0 auto;padding-top:max(18px,env(safe-area-inset-top));background:linear-gradient(#0009,transparent);justify-content:flex-start}#viewer header button{width:44px;height:44px;flex:none}#room-name{font-size:19px;margin:0;flex:1}#viewer header a{font-size:14px;padding:12px;background:#10171399;border-radius:4px}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;font-size:40px;line-height:1}.left{left:20px}.right{right:20px}#counter{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:9px 16px;background:#101713b8;border-radius:4px;font-size:14px;font-variant-numeric:tabular-nums}#photo-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px;background:#101713d9;border-radius:4px}#photo-status:empty{display:none}#retry{position:absolute;top:60%;left:50%;transform:translateX(-50%);padding:12px 20px}@media(max-width:600px){header{padding:18px 16px;gap:12px}header nav{gap:16px;font-size:14px}.brand{font-size:17px}h1{font-size:24px;margin:22px 16px}#choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 24px}#choices a{aspect-ratio:3/4}#choices span{font-size:19px;padding:28px 12px 14px}.arrow{width:36px;height:48px;font-size:32px}.left{left:10px}.right{right:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Five edge-to-edge photographic destinations, with no nested card frame. */
#selection{height:100dvh;position:relative;overflow:hidden}#selection>header{position:absolute;inset:0 0 auto;z-index:2;background:linear-gradient(#000c,transparent);padding-bottom:42px}#selection>h1{position:absolute;left:24px;top:82px;margin:0;z-index:2;font-size:26px;text-shadow:0 2px 6px #000}#choices{width:100%;height:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:1fr;padding:0;gap:0}#choices a{aspect-ratio:auto;height:100%;min-height:0;border-radius:0}#choices img{display:block}#choices span{font-size:24px;padding:50px 20px 32px}#choices a:focus-visible{outline-offset:-4px}#choices a:hover img{transform:scale(1.04)}@media(max-width:700px){#selection>header{padding:16px 12px 28px}.brand{font-size:15px}header nav{gap:12px;font-size:12px}#selection>h1{top:62px;left:16px;font-size:20px}#choices{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:40% 30% 30%}#choices a:first-child{grid-column:1/-1}#choices span{font-size:21px;padding:26px 16px 16px}#choices a:last-child span{padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media(max-height:450px) and (orientation:landscape){#choices{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:1fr}#choices a:first-child{grid-column:auto}#selection>h1{top:60px;font-size:18px}#choices span{font-size:18px;padding:20px 10px 12px}}
@keyframes selection-in{from{opacity:0}to{opacity:1}}#selection{animation:selection-in .6s ease-out}@media(prefers-reduced-motion:reduce){#selection{animation:none}}