/* Luatthang: homepage and four additional travel themes. */
.journey-welcome{background:#d9e8e9!important}
.journey-welcome>header.top,.journey-welcome>footer{display:none!important}
.journey-welcome #app{width:100%;max-width:none;padding:0;margin:0}
.journey-welcome [class*="message-dock"],.journey-welcome [class*="assignment-dock"]{display:none!important}
.journey-screen{position:relative;isolation:isolate;display:flex;min-height:100vh;min-height:100svh;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#234c55;background:#d7e9eb;font-family:ui-rounded,"Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif}
.journey-backdrop,.journey-shade{position:absolute;inset:0;z-index:-2}
.journey-backdrop{background-image:var(--journey-background);background-position:center;background-size:cover}
.journey-shade{z-index:-1;background:radial-gradient(ellipse at 50% 46%,#fff4dc55 0%,transparent 65%),linear-gradient(0deg,#17383e33,transparent 22%)}
.journey-top{position:absolute;top:max(22px,env(safe-area-inset-top));left:3%;right:3%;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px}
.journey-place,.journey-brand,.journey-login{border:1px solid #fff9;border-radius:30px;padding:10px 17px;box-shadow:0 3px 0 #1b384a44,0 6px 16px #182c3422;font-weight:800;font-size:13px;line-height:1.3}
.journey-place{justify-self:start;background:#fff5dfed}
.journey-brand{background:#173c50ed;color:#fff7df;letter-spacing:.07em;text-align:center}
.journey-login{justify-self:end;background:#fff5dfed}
.journey-center{display:flex;flex-direction:column;align-items:center;text-align:center;padding:110px 18px 65px;width:100%;gap:15px}
.journey-title{margin:0;letter-spacing:-.045em;line-height:1.04;font-weight:1000;font-size:clamp(54px,7.9vw,116px);filter:drop-shadow(0 8px 5px #183f4f66)}
.journey-title span{display:block;color:#528f99;paint-order:stroke fill;-webkit-text-stroke:clamp(5px,.75vw,11px) #fff4db;text-shadow:0 3px #356771,0 6px #234c55,0 9px #234c55}
.journey-title span+span{color:#eee6d5;-webkit-text-stroke:clamp(2px,.35vw,5px) #234c55;text-shadow:0 3px #234c55,0 6px #234c55;filter:drop-shadow(2px 0 #fff4db) drop-shadow(-2px 0 #fff4db) drop-shadow(0 2px #fff4db)}
.journey-motto{margin:10px 0 0;padding:9px 21px;background:#fff3d9f5;border:1px solid #fff9;border-radius:30px;box-shadow:0 3px 0 #85755166;font-weight:700;font-size:clamp(12px,1.5vw,19px);line-height:1.4}
.journey-enter{display:flex;align-items:center;justify-content:center;gap:25px;width:min(340px,88vw);min-height:68px;border-radius:45px;border:2px solid #fff1ac;background:linear-gradient(#ffe28a,#f4cd63 65%,#e9b947);box-shadow:0 6px 0 #a3792b,0 12px 20px #18383f44;color:#234c55;font-weight:900;font-size:clamp(20px,2.1vw,27px);letter-spacing:.02em;margin:8px 0 6px;transition:transform .15s}
.journey-enter:hover{transform:translateY(-2px)}
.journey-enter:active{transform:translateY(3px);box-shadow:0 3px 0 #a3792b}
.journey-enter[aria-busy=true]{opacity:.8;cursor:wait}
.journey-enter span{font-size:1.25em}
.journey-switch{display:flex;gap:14px;padding:6px}
.journey-switch button{display:grid;place-items:center;width:53px;height:53px;border-radius:50%;border:3px solid #fff2cf;background:#fff5df;box-shadow:0 4px 0 #66543366;font-size:28px;transition:transform .15s;line-height:1;padding:0}
.journey-switch button[aria-pressed=true]{outline:3px solid #386f78;outline-offset:4px;transform:translateY(-2px);background:#fff}
.journey-screen :is(a,button):focus-visible{outline:4px solid #173c50;outline-offset:6px}
.journey-selection{font-size:13px;font-weight:700;color:#234c55;margin:0;background:#fff5dfd9;padding:5px 12px;border-radius:18px}
.journey-domain{position:absolute;bottom:max(14px,env(safe-area-inset-bottom));font-weight:800;font-size:13px;background:#fff5dfc9;padding:3px 12px;border-radius:20px}
:root[data-theme="japan-spring"]{--season-bg:#fff5f7;--season-wash:#eef6ef;--season-header:#713450;--season-header-end:#a44c72;--season-accent:#87365f;--season-mark:#db7699;--season-soft:#fff0f5;--season-line:#edcbd9;--season-art:url('/journey/japan-spring.webp');--season-text:#43283b}
:root[data-theme="japan-summer"]{--season-bg:#effbfc;--season-wash:#fff7d9;--season-header:#07536a;--season-header-end:#087d8d;--season-accent:#075d78;--season-mark:#d59326;--season-soft:#e5f7f8;--season-line:#afdce0;--season-art:url('/journey/japan-summer.webp');--season-text:#163e4c}
:root[data-theme="japan-autumn"]{--season-bg:#fff7eb;--season-wash:#f9efe5;--season-header:#684029;--season-header-end:#a45432;--season-accent:#824120;--season-mark:#bb6034;--season-soft:#fff0df;--season-line:#e7ccb1;--season-art:url('/journey/japan-autumn.webp');--season-text:#463425}
:root[data-theme="japan-winter"]{--season-bg:#f0f7ff;--season-wash:#edf2fb;--season-header:#1e405e;--season-header-end:#47739a;--season-accent:#234d78;--season-mark:#77a8ce;--season-soft:#e9f2fb;--season-line:#bcd2e5;--season-art:url('/journey/japan-winter.webp');--season-text:#233b55}
:root[data-theme^="japan-"] .hero:after{right:0;width:39%;height:100%;background-size:cover;border-radius:0 18px 18px 0;mask-image:linear-gradient(to right,transparent,#000 25%)}
:root[data-theme^="japan-"] .hero>*{max-width:68%}
.theme-choice[class*="theme-japan-"] .theme-preview img{object-fit:cover;border-radius:7px}
.theme-group-title{font-size:16px;margin:18px 0 10px}
@media(max-width:700px){
 .journey-top{top:max(14px,env(safe-area-inset-top));left:14px;right:14px;grid-template-columns:1fr auto;gap:12px}
 .journey-brand{grid-column:1;grid-row:1;font-size:10px;padding:10px;justify-self:start;letter-spacing:.025em}
 .journey-login{grid-column:2;grid-row:1;font-size:12px;padding:9px 12px}
 .journey-place{grid-column:1/-1;grid-row:2;font-size:11px;padding:7px 11px}
 .journey-backdrop{background-position:65% center}
 .journey-shade{background:linear-gradient(0deg,#18383e33,transparent 30%),radial-gradient(ellipse at 50% 48%,#fff4df99,transparent 80%)}
 .journey-center{padding-top:155px;padding-bottom:80px;gap:17px}
 .journey-title{font-size:clamp(46px,12.4vw,80px)}
 .journey-motto{max-width:95%;font-size:12px;padding:9px 13px;margin-top:6px}
 .journey-enter{min-height:61px;width:min(310px,85vw);margin-top:9px}
 .journey-switch{gap:15px}.journey-switch button{width:48px;height:48px;font-size:26px}
 .journey-selection{font-size:11px}
 :root[data-theme^="japan-"] .hero:after{width:43%;opacity:.3}
 :root[data-theme^="japan-"] .hero>*{max-width:100%}
}
@media(max-height:550px) and (min-width:701px){.journey-center{padding-top:85px;padding-bottom:45px;gap:8px}.journey-title{font-size:62px}.journey-enter{min-height:50px}.journey-switch button{width:40px;height:40px;font-size:23px}.journey-motto{margin-top:2px;padding:5px 15px}.journey-selection{display:none}}
@media(prefers-reduced-motion:reduce){.journey-screen *{transition:none!important}}