/* A's soft typography and Bam portraits, C's illustrations and navigation. */
:root{color:#242b57;--muted:#737891;--blue:#3876d6;--purple:#8052d2;--green:#3c907c;--orange:#c88531;--rose:#d9699b}
html{background:#d8edf9}body::before{background:radial-gradient(ellipse at 5% 0%,#d0eafb 0%,transparent 52%),radial-gradient(ellipse at 100% 15%,#f7e3ef 0%,transparent 46%),linear-gradient(150deg,#f8f6ff,#f5faff 56%,#fff9ed)}
.bam-art{display:block;background-image:url('bam-atlas.png');background-size:400% 200%;background-repeat:no-repeat;aspect-ratio:1;pointer-events:none;flex-shrink:0}
.art-face{background-position:0% 0%}.art-fly{background-position:33.333333% 0%}.art-sleep{background-position:66.666667% 0%}.art-car{background-position:100% 0%}.art-osaka{background-position:0% 100%}.art-usj{background-position:33.333333% 100%}.art-drive{background-position:66.666667% 100%}.art-kyoto{background-position:100% 100%}.art-osaka,.art-usj,.art-drive,.art-kyoto{clip-path:inset(9% 0 0)}
.brand{font-weight:700;font-size:19px;color:#242b57}.bam-avatar{width:64px;height:64px;background:#fff8e9;border:2px solid #f0d9ac;box-shadow:0 3px 12px #5361a010;overflow:hidden}.bam-avatar .bam-art{width:64px;height:64px}
h1{font-weight:700;letter-spacing:-1.7px;color:#242b57}h2,h3{color:#242b57}.section-top h2{color:#242b57}.page-heading>.eyebrow{color:#69719c;letter-spacing:2px}.home-heading{position:relative;padding-right:115px}.home-heading .page-heading{margin-bottom:22px}.header-kyoto{width:130px;position:absolute;right:-6px;bottom:0;opacity:.95}
.countdown-card{position:relative;overflow:hidden;min-height:225px;padding:26px 26px 0;background:linear-gradient(110deg,#dfefff,#e6e6fd 58%,#f7e7f6);border:1px solid #ffffffb8;box-shadow:0 8px 25px #717ba412}.countdown-card>div:first-child{position:relative;z-index:1;max-width:62%}.countdown-card .eyebrow{color:#414977}.countdown strong{font-size:76px;font-weight:700;color:#242b57}.countdown span{color:#525b86}.countdown-bam{width:190px;position:absolute;right:-5px;bottom:37px}.countdown-footer{position:relative;z-index:2;color:#535b86;border-color:#9eadd144;background:linear-gradient(90deg,#e7efff,#f4ecfc);margin:0 -26px;padding:15px 26px;width:calc(100% + 52px);font-size:12px}.section-top>.subtle{font-size:12px}
.day-card{position:relative;overflow:hidden;min-height:98px;padding:15px;gap:13px;border:1px solid #ffffffb0;border-radius:21px;box-shadow:0 3px 14px #5664a408;background:linear-gradient(100deg,var(--tint),var(--soft))}.day-card .date-box{position:relative;z-index:1;background:#ffffff88;min-width:53px;padding:9px 4px;border-radius:16px}.day-card .day-copy{position:relative;z-index:1;flex:1;min-width:0;padding-right:78px}.day-card .day-copy strong{color:#283258;font-size:19px}.day-card .day-copy span{font-size:12px;max-width:220px;color:#536180}.day-card>.icon{position:relative;z-index:1;width:16px;color:#414973}.day-art{position:absolute;right:20px;bottom:-17px;width:124px;opacity:.86}.day-list{gap:13px}
.day-card[data-tone="0"]{--tint:#eee8ff;--soft:#dcecfc}.day-card[data-tone="1"]{--tint:#eee4ff;--soft:#dcecff}.day-card[data-tone="2"]{--tint:#d7f1e9;--soft:#e7f7ef}.day-card[data-tone="3"]{--tint:#fff0cb;--soft:#fff7df}
.home-grid aside>.stay-card{position:relative;overflow:hidden;background:linear-gradient(120deg,#fff8f5,#f7f2ff);border:1px solid #fff}.stay-card .section-top{position:relative;z-index:1}.stay-card h3{color:#283258!important}.stay-card .stay-name{position:relative;z-index:1;padding-right:110px;color:#283258;font-size:19px}.stay-card .stay-bam{position:absolute;width:160px;right:-9px;bottom:4px}.stay-card>.subtle,.stay-card .text-button{position:relative;z-index:1}.stay-card .text-button{color:#526cb1!important;padding:10px 14px;border:1px solid #c0d6f7;border-radius:20px;background:#f7fbff;margin-top:17px}.kyoto-stay{background:linear-gradient(120deg,#fffaf0,#fff2e7)!important}.stay-card .tag{font-size:11px}.stay-card .stay-name br{display:none}
.road-heading{position:relative;min-height:200px;border-radius:25px;overflow:hidden;margin-bottom:20px;background:linear-gradient(110deg,#d9eefb,#f0faff 58%,#e9f4ef)}.road-heading .page-heading{position:relative;z-index:1;padding:27px 25px;margin:0;max-width:58%}.road-bam{position:absolute;right:-7px;bottom:-22px;width:245px}.route-summary{margin:18px 0 24px}.map-card{box-shadow:0 6px 24px #626e9010;border:1px solid #fff}#map{height:380px}.route-list{background:#ffffffc7!important;border:1px solid #fff;padding:8px 18px}.route-stop{border:0;margin:9px 0;border-radius:18px;background:linear-gradient(110deg,var(--soft),#ffffffa6)}.route-stop summary{padding:15px 12px;gap:10px}.route-stop strong{color:#283258;font-size:15px}.route-stop small{font-size:12px}.route-stop .num{font-weight:700;background:#fff9;min-width:32px;width:32px;height:32px}.route-stop-content{padding:0 13px 16px 54px}.route-stop .expand-icon{background:none;width:22px;height:22px}.route-stop .expand-icon .icon{width:17px}.route-stop.selected{box-shadow:inset 0 0 0 1px var(--stop)}.route-stop:nth-child(1){--stop:#3c907c;--soft:#e1f3e6}.route-stop:nth-child(2){--stop:#397ddd;--soft:#e4efff}.route-stop:nth-child(3){--stop:#8859d7;--soft:#efe7ff}.route-stop:nth-child(4){--stop:#c89436;--soft:#fff0d5}
.decorated-hotel{position:relative;overflow:hidden}.info-bam{position:absolute;right:2px;bottom:2px;width:100px;opacity:.85}.decorated-hotel>.button{position:relative;z-index:1}.hotel-card,.event-card,.flight-card,.maybe-card{box-shadow:0 5px 20px #747c9910}.saved-grid>.card{background:linear-gradient(115deg,#f5eefe,#fffcff);border-color:#fff}.maybe-card:nth-child(3n+2){background:linear-gradient(115deg,#edf7f1,#fcfffa)}.maybe-card:nth-child(3n){background:linear-gradient(115deg,#fff2e8,#fffdf9)}
nav{background:#ffffffec;border:1px solid #fff;border-radius:25px;box-shadow:0 8px 32px #53608018}nav button[data-view=home]{--nav:#8451d9;--nav-soft:#f1eaff}nav button[data-view=days]{--nav:#3c907c;--nav-soft:#eaf8f2}nav button[data-view=route]{--nav:#397ddd;--nav-soft:#eaf2ff}nav button[data-view=details]{--nav:#cf7e2b;--nav-soft:#fff3e5}nav button[data-view=saved]{--nav:#d96799;--nav-soft:#fff0f6}nav button{position:relative;border:0!important;min-height:58px}nav button.active{background:var(--nav-soft);box-shadow:none}nav button.active:after{content:'';position:absolute;bottom:3px;width:24px;height:3px;border-radius:3px;background:var(--nav)}nav button .icon{stroke-width:1.7}nav button span{font-weight:500}
@media(min-width:681px){.home-grid{grid-template-columns:1.2fr 1fr}.day-art{width:139px}.road-heading{min-height:230px}.road-bam{width:300px;right:55px;bottom:-29px}.road-heading .page-heading{padding:45px}.stay-card{min-height:230px}.home-heading{padding-right:170px}.header-kyoto{width:155px}}
@media(max-width:680px){header{padding-bottom:8px}.brand{font-size:18px;gap:12px}.bam-avatar,.bam-avatar .bam-art{width:54px;height:54px}main{padding-top:16px}h1{font-size:34px}.home-heading{padding-right:97px}.home-heading h1{font-size:31px;letter-spacing:-1.3px}.home-heading .eyebrow{font-size:10px;letter-spacing:1.3px}.header-kyoto{width:106px;right:-10px;bottom:-8px}.countdown-card{padding:22px 20px 0;min-height:204px;margin-bottom:25px}.countdown{gap:12px;margin:12px 0 21px}.countdown strong{font-size:66px;letter-spacing:-4px}.countdown span{font-size:14px}.countdown-bam{width:168px;right:-9px;bottom:37px}.countdown-card .eyebrow{font-size:10px}.countdown-footer{padding:13px 20px;margin:0 -20px;width:calc(100% + 40px);font-size:11px}.day-card{min-height:91px;gap:10px;padding:12px}.day-card .day-copy{padding-right:65px}.day-card .day-copy strong{font-size:17px}.day-card .day-copy span{font-size:11px;line-height:1.45;max-width:130px}.day-art{width:110px;right:13px;bottom:-14px;opacity:.77}.day-card .date-box{min-width:47px}.date-box strong{font-size:26px}.date-box small{font-size:10px}.section-top h2{font-size:22px}.home-grid{gap:24px}.stay-card .stay-name{font-size:18px;padding-right:90px}.stay-card .stay-bam{width:145px;right:-11px;bottom:1px}.road-heading{min-height:170px}.road-heading .page-heading{padding:23px 20px;max-width:59%}.road-heading h1{font-size:32px}.road-heading .eyebrow{font-size:10px;letter-spacing:1.3px}.road-bam{width:190px;right:-10px;bottom:-17px}#map{height:340px}.route-stop strong{font-size:14px}.map-footer .button{font-size:12px;padding:11px 13px}.info-bam{width:83px;opacity:.7}nav{padding:7px 5px}nav button span{font-size:10px}}
@media(max-width:360px){main{padding-left:16px;padding-right:16px}.home-heading h1{font-size:28px}.countdown-bam{width:143px;right:-10px}.countdown strong{font-size:58px}.countdown-card>div:first-child{max-width:65%}.day-art{width:91px;opacity:.65}.day-card .day-copy{padding-right:45px}.brand{font-size:17px}}