:root{--ink:#243d38;--muted:#697b76;--hot:#ed7059;--hot2:#ff9b68;--aqua:#49b8bb;--cream:#fffaf0;--paper:#fffefb;--line:#eadfce;--shadow:0 18px 55px rgba(37,65,56,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f3efe6;font-family:"Yu Gothic UI","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,58px);background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:900;letter-spacing:.04em}.brand-mark{display:grid;place-items:center;width:45px;height:45px;color:white;background:linear-gradient(145deg,var(--hot2),var(--hot));border-radius:16px;box-shadow:0 7px 18px #ed705950}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.12em}.favorite-link{padding:10px 15px;border:1px solid #ecd7ce;border-radius:999px;background:#fff8f3;font-size:13px;font-weight:800}.favorite-link b{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;color:white;background:var(--hot);border-radius:50%}
.category-tabs{display:flex;gap:9px;padding:9px clamp(18px,4vw,58px);overflow-x:auto;background:var(--paper);box-shadow:0 6px 16px #263f3709}.category-tabs a{padding:7px 15px;border-radius:999px;background:#ede9df;color:#53635e;font-size:13px;font-weight:800;white-space:nowrap}.category-tabs a.active,.category-tabs a:hover{color:white;background:var(--hot)}
.explorer{height:calc(100dvh - 128px);min-height:620px;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.area-tabs{display:flex;gap:10px;align-items:center;padding:10px clamp(18px,4vw,58px);font-size:13px}.area-tabs span{color:var(--muted)}.area-tabs b{padding:6px 13px;color:white;background:var(--aqua);border-radius:999px}.explorer-stage{position:relative;width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(440px,1.16fr) minmax(360px,.84fr) 210px;gap:0;padding:0 clamp(14px,2.5vw,38px) 22px;overflow:hidden}.map-panel{min-width:0;min-height:0;height:100%;overflow:hidden;background:radial-gradient(circle at 84% 34%,#d8f2f0 0 10%,transparent 34%),linear-gradient(145deg,#fffdf6,#e7f3e7);border-radius:28px 0 0 28px;box-shadow:var(--shadow)}.map-panel>h1{position:absolute;z-index:4;margin:22px 0 0 26px;font-size:clamp(20px,2vw,29px)}.map-canvas{position:relative;width:100%;height:100%;min-height:500px}.map-canvas>img{position:absolute;inset:5% -3% 0;width:106%;height:93%;object-fit:contain;filter:drop-shadow(0 18px 12px rgba(31,74,61,.25));transform:scale(1.1)}.terrain{position:absolute;border-radius:50%;opacity:.27;filter:blur(2px)}.terrain-a{left:24%;top:18%;width:40%;height:27%;background:radial-gradient(ellipse,#7c6543 0 9%,#6b9259 31%,transparent 70%);transform:rotate(-18deg)}.terrain-b{left:27%;top:42%;width:30%;height:34%;background:radial-gradient(ellipse,#668954,#92be7c 42%,transparent 70%)}
.map-character{--x:50%;--y:50%;position:absolute;z-index:8;left:var(--x);top:var(--y);width:38px;height:45px;padding:0;border:3px solid white;border-radius:55% 55% 50% 50%;color:white;background:linear-gradient(145deg,var(--aqua),#278f94);box-shadow:0 5px 13px #254f4880;cursor:pointer;transform:translate(-50%,-50%);transition:.2s}.map-character:after{content:"";position:absolute;left:50%;bottom:-8px;width:12px;height:12px;background:inherit;transform:translateX(-50%) rotate(45deg);z-index:-1}.map-character span{font-size:19px}.map-character:hover,.map-character.active{width:49px;height:57px;background:linear-gradient(145deg,var(--hot2),var(--hot));transform:translate(-50%,-55%)}.character-talk{position:absolute;z-index:10;left:22px;bottom:20px;width:min(330px,54%);padding:14px 17px;background:#fffffff0;border:2px solid white;border-radius:17px;box-shadow:0 8px 25px #26443b2c}.character-talk:before{content:"♨";float:left;display:grid;place-items:center;width:36px;height:36px;margin-right:10px;color:white;background:var(--hot);border-radius:50%}.character-talk b{font-size:14px}.character-talk p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.card-side{position:relative;min-width:0;min-height:0;height:100%;overflow:hidden;background:#e9e4da}.card-rail{height:100%;min-height:0;padding:0 15px 55vh 20px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:#b6afa2 transparent}.onsen-card{position:relative;min-height:430px;margin-bottom:17px;overflow:hidden;background:white;border-radius:0 23px 23px 0;box-shadow:var(--shadow);opacity:.43;transform:scale(.965);scroll-snap-align:center;transition:.25s}.onsen-card.active{opacity:1;transform:scale(1)}.card-image{position:relative}.card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.favorite-button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;color:var(--hot);background:#fffffff0;box-shadow:0 5px 18px #263d3830;font-size:25px;cursor:pointer}.card-image>.favorite-button{position:absolute;right:14px;bottom:14px}.favorite-button.active{color:white;background:var(--hot)}.card-body{padding:17px 21px 22px}.eyebrow{margin:0;color:var(--aqua);font-size:11px;font-weight:900;letter-spacing:.16em}.card-body h2{margin:2px 0 7px;font-size:clamp(23px,2.1vw,32px)}.one-line{min-height:42px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.detail-button{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:11px 15px;color:white;background:var(--ink);border-radius:11px;font-size:13px;font-weight:800}.detail-button:hover{background:var(--hot)}.slide-controls{position:absolute;z-index:12;right:23px;bottom:18px;display:flex;align-items:center;gap:11px;padding:6px;background:#ffffffd9;border-radius:999px;box-shadow:0 5px 17px #223d3536}.slide-controls button{display:grid;place-items:center;width:35px;height:35px;border:0;border-radius:50%;color:white;background:var(--ink);font-size:23px;cursor:pointer}.slide-controls span{font-size:11px}.slide-controls span b{font-size:14px}
.travel-drawer{position:relative;z-index:9;margin:0;padding:21px 15px;background:var(--ink);color:white;border-radius:0 28px 28px 0;box-shadow:var(--shadow)}.travel-drawer h2{margin:0;font-size:17px}.drawer-place{margin:5px 0 17px;color:#aad9d4;font-size:12px;font-weight:800}.travel-grid{display:grid;gap:8px}.travel-grid a{padding:10px 9px;border:1px solid #ffffff21;border-radius:10px;background:#ffffff0b;font-size:12px}.travel-grid a:hover{background:var(--hot)}.wires{position:absolute;z-index:7;inset:0 clamp(14px,2.5vw,38px) 22px;pointer-events:none;overflow:visible}.wires path{fill:none;stroke:var(--hot);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 1px 1px white)}.wires circle{fill:var(--hot);stroke:white;stroke-width:2}
.site-footer{padding:27px;text-align:center;color:#77837f;background:#e7e1d7;font-size:12px}.site-footer p{margin:0}.single-onsen{background:var(--paper)}.hero{position:relative;min-height:56vh;display:flex;align-items:end;padding:clamp(24px,5vw,70px);color:white;background:linear-gradient(0deg,#17302bc9,transparent 65%),var(--hero) center/cover}.hero h1{margin:3px 0 17px;font-size:clamp(38px,7vw,82px);text-shadow:0 4px 20px #0008}.hero p{font-weight:900;letter-spacing:.16em}.favorite-button.labeled{width:auto;padding:0 18px;font-size:13px;gap:7px}.single-layout{max-width:1180px;display:grid;grid-template-columns:1fr 250px;gap:55px;margin:auto;padding:55px 25px 80px}.onsen-content section{margin:65px 0}.onsen-content h2{padding-bottom:11px;border-bottom:3px solid #ede5d8;font-size:28px}.onsen-content h2:before{content:"♨";margin-right:9px;color:var(--hot)}.onsen-content p{line-height:2}.lead{margin:0;padding:25px 28px;background:var(--cream);border-left:5px solid var(--hot);font-size:18px;font-weight:800}.video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#172c28;border-radius:20px}.video-frame iframe{width:100%;height:100%}.external-panel{display:block;padding:25px;background:#edf7f5;border-radius:16px;font-weight:800}.related-grid,.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-grid a,.archive-grid article{overflow:hidden;background:white;border:1px solid var(--line);border-radius:15px}.related-grid img,.archive-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.related-grid b{display:block;padding:12px}.single-tools{position:sticky;top:25px;align-self:start;padding:20px;background:var(--ink);color:white;border-radius:20px}.single-tools h2{font-size:18px}.single-tools a{display:flex;justify-content:space-between;margin-top:8px;padding:12px;background:#ffffff10;border-radius:10px;font-size:13px}.single-tools a:hover{background:var(--hot)}
.favorites-page,.archive-page,.simple-page{max-width:1160px;min-height:65vh;margin:auto;padding:65px 25px}.favorites-page>header{text-align:center}.favorites-page h1,.archive-page h1{font-size:clamp(32px,5vw,57px)}.favorite-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.favorite-item{overflow:hidden;background:white;border-radius:17px;box-shadow:var(--shadow)}.favorite-item img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.favorite-item div{padding:15px}.favorite-item h2{margin:0 0 10px}.favorite-item button{border:0;color:var(--hot);background:none;cursor:pointer}.favorite-empty{text-align:center;margin:70px}.favorite-empty span{font-size:50px}.favorite-empty a{display:inline-block;padding:11px 17px;color:white;background:var(--hot);border-radius:999px}.archive-grid article a{display:block}.archive-grid h2,.archive-grid p{padding:0 15px}.archive-grid p{color:var(--muted)}
@media(max-width:1050px){.explorer-stage{grid-template-columns:minmax(380px,1fr) minmax(340px,.85fr)}.travel-drawer{position:absolute;right:20px;top:16px;width:190px;border-radius:20px;transform:translateX(calc(100% - 45px));transition:.25s}.travel-drawer:hover,.travel-drawer:focus-within{transform:none}.travel-drawer h2{writing-mode:vertical-rl;position:absolute;left:12px;top:55px}.travel-drawer>*:not(h2){margin-left:30px}.single-layout{grid-template-columns:1fr}.single-tools{position:static}}
@media(max-width:720px){.site-header{height:68px;padding:0 13px}.brand{font-size:19px}.brand-mark{width:36px;height:36px;border-radius:12px}.favorite-link{font-size:0}.favorite-link:before{content:"♡";font-size:20px}.favorite-link b{font-size:11px}.category-tabs{padding:7px 12px}.explorer{height:calc(100dvh - 108px);min-height:650px}.area-tabs{padding:7px 12px}.explorer-stage{grid-template-columns:1fr;grid-template-rows:42% 58%;padding:0 9px 10px;gap:9px}.map-panel{border-radius:18px}.map-panel>h1{margin:11px 0 0 14px;font-size:17px}.map-canvas{min-height:0}.character-talk{left:10px;bottom:9px;width:62%;padding:8px 10px}.character-talk:before{width:27px;height:27px}.character-talk b{font-size:11px}.character-talk p{display:none}.map-character{width:29px;height:34px}.map-character:hover,.map-character.active{width:36px;height:42px}.map-character span{font-size:14px}.card-side{background:transparent}.card-rail{display:flex;gap:10px;padding:0 62vw 8px 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.onsen-card{flex:0 0 86vw;min-height:0;margin:0;border-radius:18px;scroll-snap-align:center}.card-body{padding:11px 14px 14px}.card-body h2{font-size:22px}.one-line{min-height:0;font-size:11px}.detail-button{margin-top:9px;padding:8px 11px}.slide-controls{right:13px;bottom:10px}.travel-drawer{display:none}.wires{inset:0 9px 10px}.single-layout{padding:35px 17px}.hero{min-height:45vh;padding:25px 18px}.related-grid,.archive-grid,.favorite-list{grid-template-columns:1fr}.favorites-page,.archive-page{padding:38px 16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* 0.2: fixed 1600x900 map world */
.prefecture-explorer .map-panel{position:relative;background:#f7f3ea;overflow:hidden}.map-viewport{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none}.map-viewport.dragging{cursor:grabbing}.map-world{position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;will-change:transform;user-select:none}.outside-land{position:absolute;inset:0;background:#f7f3ea}.sea-field{position:absolute;inset:0;background:#f1f8f7;clip-path:polygon(66% 9%,100% 9%,100% 100%,53% 100%,54% 93%,55% 86%,56% 78%,56% 70%,57% 62%,58% 54%,59% 46%,60% 38%,62% 29%,63% 21%,66% 9%)}.terrain-map{position:absolute;inset:0;width:1600px;height:900px;object-fit:contain;pointer-events:none;filter:drop-shadow(22px 25px 16px rgba(27,65,52,.22))}.prefecture-explorer .map-character{left:var(--x);top:var(--y)}.map-toolbar{position:absolute;z-index:15;top:18px;right:18px;display:flex;gap:6px;padding:6px;background:#ffffffe8;border-radius:999px;box-shadow:0 6px 18px #263d3824}.map-toolbar button{height:34px;min-width:34px;padding:0 10px;border:0;border-radius:999px;color:white;background:var(--ink);font-size:12px;font-weight:800;cursor:pointer}.map-toolbar button:hover{background:var(--hot)}.landmark{position:absolute;z-index:4;display:grid;justify-items:center;color:#314f47;font-size:19px;font-weight:900;text-shadow:0 2px 3px white,0 0 8px white}.landmark i{font-style:normal;font-size:31px;filter:drop-shadow(0 3px 2px #183b3160)}.lm-takachiho{left:803px;top:141px}.lm-aoshima{left:878px;top:601px}.lm-kirishima{left:637px;top:560px}.lm-airport{left:867px;top:564px}.neighbor-arrow{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:9px 15px;color:#53645f;background:#ffffffdc;border:1px solid #e6ded1;border-radius:999px;box-shadow:0 7px 20px #263d3826;font-size:16px;font-weight:900}.neighbor-arrow span{display:grid;place-items:center;width:29px;height:29px;color:white;background:var(--aqua);border-radius:50%}.neighbor-arrow:hover span{background:var(--hot)}.arrow-north{left:720px;top:28px}.arrow-west{left:335px;top:375px}.arrow-south{left:600px;top:825px}.prefecture-explorer .character-talk{z-index:16}
.home-gateway{overflow:hidden;background:var(--paper)}.gateway-hero{min-height:610px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:70px clamp(25px,8vw,130px);background:radial-gradient(circle at 78% 45%,#cbeee8 0 8%,transparent 30%),linear-gradient(145deg,#fffaf0,#eef8f4)}.gateway-kicker{color:var(--hot);font-weight:900;letter-spacing:.12em}.gateway-hero h1{margin:10px 0 20px;font-size:clamp(42px,6vw,83px);line-height:1.14}.gateway-hero h1 em{color:var(--hot);font-style:normal}.gateway-hero>div>p:not(.gateway-kicker){max-width:610px;color:var(--muted);line-height:1.9}.gateway-hero>div>a{display:inline-flex;gap:35px;margin-top:25px;padding:14px 20px;color:white;background:var(--ink);border-radius:999px;font-weight:900}.gateway-orb{justify-self:center;display:grid;place-items:center;width:min(34vw,430px);aspect-ratio:1;color:white;background:radial-gradient(circle at 35% 30%,#ffab75,var(--hot) 56%,#cf574a);border:16px solid #ffffff80;border-radius:46% 54% 56% 44%/54% 45% 55% 46%;box-shadow:0 35px 70px #c85f4b45;animation:orb 8s ease-in-out infinite}.gateway-orb span{font-size:100px;line-height:1}.gateway-orb b{font-size:30px}.gateway-orb small{margin-top:-30px}@keyframes orb{50%{border-radius:57% 43% 45% 55%/43% 58% 42% 57%;transform:translateY(-10px)}}.gateway-categories{position:relative;z-index:2;max-width:1150px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:-45px auto 80px;padding:0 20px}.gateway-categories a{display:grid;gap:6px;padding:25px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.gateway-categories a:hover{transform:translateY(-5px)}.gateway-categories span{font-size:28px}.gateway-categories b{font-size:20px}.gateway-categories small{color:var(--muted)}.region-gateway{max-width:1180px;margin:auto;padding:35px 25px 100px}.region-gateway header p{color:var(--aqua);font-weight:900;letter-spacing:.18em}.region-gateway h2{font-size:40px}.japan-stage{display:grid;grid-template-columns:1fr 330px;gap:40px;padding:35px;background:#f1f8f7;border-radius:28px}.japan-placeholder{display:grid;place-items:center;align-content:center;min-height:430px;color:var(--aqua);background:#fff;border-radius:22px;font-size:100px}.japan-placeholder small{text-align:center;color:var(--muted);font-size:14px;line-height:1.8}.japan-stage nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-content:center}.japan-stage nav a{display:flex;justify-content:space-between;padding:13px;background:white;border-radius:11px;font-weight:800}.japan-stage nav a:hover{color:white;background:var(--hot)}
@media(max-width:720px){.map-toolbar{top:8px;right:8px}.map-toolbar button{height:29px;min-width:29px}.landmark{font-size:15px}.landmark i{font-size:25px}.gateway-hero{grid-template-columns:1fr;min-height:660px;padding:45px 20px}.gateway-hero h1{font-size:43px}.gateway-orb{width:260px}.gateway-orb span{font-size:60px}.gateway-orb b{font-size:22px}.gateway-categories{grid-template-columns:1fr 1fr;margin-top:-25px}.japan-stage{grid-template-columns:1fr;padding:18px}.japan-placeholder{min-height:260px}.japan-stage nav{grid-template-columns:1fr 1fr}}
.map-city{position:absolute;z-index:4;padding:5px 9px 5px 22px;color:#35534b;background:#ffffffe0;border:1px solid #dbe6e1;border-radius:999px;box-shadow:0 3px 10px #27483e25;font-size:15px;font-weight:900;line-height:1}.map-city:before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;background:var(--hot);border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px var(--hot);transform:translateY(-50%)}.city-miyazaki{left:855px;top:549px}.city-nobeoka{left:961px;top:202px}.city-miyakonojo{left:699px;top:645px}.city-hyuga{left:943px;top:285px}@media(max-width:720px){.map-city{font-size:13px;padding:4px 7px 4px 18px}.map-city:before{left:6px;width:6px;height:6px}}
.children-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:13px;padding:9px;border:1px solid currentColor;border-radius:11px;color:var(--group-color,var(--aqua));background:#fff;cursor:pointer;font-size:12px;font-weight:900}.children-toggle span{display:grid;place-items:center;width:21px;height:21px;color:white;background:currentColor;border-radius:50%;font-size:16px}.children-toggle[aria-expanded="true"]{color:white;background:var(--group-color,var(--aqua));border-color:transparent}.children-toggle[aria-expanded="true"] span{color:var(--group-color,var(--aqua));background:white}.group-shiratori{--group-color:#7878d4}.group-okukirishima{--group-color:#d97942}.child-card{border:3px solid var(--group-color);border-left-width:9px}.child-card .eyebrow{color:var(--group-color)}.child-card .detail-button{background:var(--group-color)}.prefecture-explorer[data-active-group="shiratori"] .wires path{stroke:#7878d4}.prefecture-explorer[data-active-group="shiratori"] .wires circle{fill:#7878d4}.prefecture-explorer[data-active-group="shiratori"] .map-character.active{background:linear-gradient(145deg,#9999ef,#6868c4)}.prefecture-explorer[data-active-group="okukirishima"] .wires path{stroke:#d97942}.prefecture-explorer[data-active-group="okukirishima"] .wires circle{fill:#d97942}.prefecture-explorer[data-active-group="okukirishima"] .map-character.active{background:linear-gradient(145deg,#efa06f,#c96735)}
.card-title-row{display:flex;align-items:end;justify-content:space-between;gap:10px}.card-title-row h2{min-width:0;margin-right:auto}.card-title-row .children-toggle{flex:0 0 auto;width:auto;margin:0 0 5px;padding:5px 8px;gap:5px;border-radius:999px;white-space:nowrap;font-size:10px}.card-title-row .children-toggle span{width:17px;height:17px;font-size:13px}@media(max-width:720px){.card-title-row{align-items:center}.card-title-row .children-toggle{margin-bottom:2px;padding:4px 7px}.card-title-row .children-toggle span{width:15px;height:15px}}
.card-title-row .children-toggle{margin-bottom:3px;padding:9px 13px;gap:7px;color:white;background:var(--group-color,var(--aqua));border:0;box-shadow:0 5px 13px color-mix(in srgb,var(--group-color,var(--aqua)) 32%,transparent);font-size:12px}.card-title-row .children-toggle span{width:23px;height:23px;color:var(--group-color,var(--aqua));background:white;font-size:17px}.card-title-row .children-toggle:hover{filter:brightness(.94);transform:translateY(-1px)}.video-play-button{position:absolute;z-index:4;left:50%;top:50%;display:grid;grid-template-columns:auto auto;align-items:center;gap:7px;padding:7px 13px 7px 7px;color:white;background:#203f39d9;border:2px solid #ffffffd9;border-radius:999px;box-shadow:0 8px 28px #102d2770;cursor:pointer;transform:translate(-50%,-50%);transition:.2s}.video-play-button span{display:grid;place-items:center;width:39px;height:39px;padding-left:3px;color:var(--hot);background:white;border-radius:50%;font-size:16px}.video-play-button small{font-size:12px;font-weight:900}.video-play-button:hover{background:var(--hot);transform:translate(-50%,-50%) scale(1.07)}.video-modal{width:min(960px,92vw);max-width:none;padding:0;overflow:hidden;background:#102824;border:0;border-radius:22px;box-shadow:0 30px 100px #0009;color:white}.video-modal::backdrop{background:#10211edb;backdrop-filter:blur(7px)}.video-modal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 17px}.video-modal-head b{font-size:16px}.video-modal-head button{display:grid;place-items:center;width:36px;height:36px;color:white;background:#ffffff17;border:0;border-radius:50%;font-size:25px;cursor:pointer}.video-modal-frame{aspect-ratio:16/9;background:#000}.video-modal-frame iframe{display:block;width:100%;height:100%;border:0}@media(max-width:720px){.card-title-row{align-items:end}.card-title-row .children-toggle{padding:7px 9px;font-size:11px}.card-title-row .children-toggle span{width:20px;height:20px}.video-play-button{padding:5px 10px 5px 5px}.video-play-button span{width:32px;height:32px}.video-modal{width:96vw;border-radius:15px}}
.card-meta-row{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:1px}.card-meta-row .eyebrow{margin:0}.card-meta-row .video-play-button{position:static;display:flex;padding:4px 10px 4px 5px;color:white;background:var(--hot);border:0;box-shadow:0 4px 12px #ed705940;transform:none}.card-meta-row .video-play-button span{width:25px;height:25px;color:var(--hot);font-size:11px}.card-meta-row .video-play-button small{font-size:11px}.card-meta-row .video-play-button:hover{background:var(--ink);transform:translateY(-1px) scale(1.02)}@media(max-width:720px){.card-meta-row{min-height:29px}.card-meta-row .video-play-button{padding:3px 8px 3px 4px}.card-meta-row .video-play-button span{width:22px;height:22px}}
.guide-host{position:absolute;z-index:16;left:10px;bottom:4px;width:min(430px,68%);height:230px;pointer-events:none}.guide-host>img{position:absolute;left:0;bottom:-8px;width:155px;max-height:225px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 8px 9px #24443a48);transform-origin:50% 100%}.guide-host .character-talk{left:115px;bottom:78px;width:310px;max-width:calc(100% - 110px);padding:13px 16px 13px 45px}.guide-host .character-talk:before{position:absolute;left:9px;top:13px;float:none;margin:0}.guide-host .character-talk:after{content:"";position:absolute;left:18px;bottom:-14px;border:8px solid transparent;border-top-color:#fffffff0;transform:rotate(18deg)}.guide-host.is-talking>img{animation:guide-nod .48s ease}.guide-host.is-happy>img{animation:guide-happy .7s ease}.guide-host.is-happy .character-talk{border-color:#ffd38d;background:#fff8e8f2}@keyframes guide-nod{35%{transform:rotate(-2deg) translateY(-4px)}70%{transform:rotate(2deg)}}@keyframes guide-happy{25%{transform:translateY(-12px) rotate(-3deg)}50%{transform:translateY(0) rotate(3deg)}75%{transform:translateY(-6px)}}@media(max-width:720px){.guide-host{left:2px;bottom:-2px;width:75%;height:125px}.guide-host>img{width:82px;max-height:122px}.guide-host .character-talk{left:64px;bottom:45px;width:235px;max-width:calc(100% - 58px);padding:8px 9px 8px 33px}.guide-host .character-talk:before{left:6px;top:7px;width:22px;height:22px}.guide-host .character-talk b{font-size:10px}.guide-host .character-talk p{display:none}}

/* 0.4.1: mascot motion */
.guide-mascot-motion{position:absolute;left:0;bottom:-8px;width:155px;max-height:225px;transform-origin:50% 100%;animation:guide-idle 4.8s ease-in-out infinite}.guide-mascot-motion>img{display:block;width:100%;max-height:225px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 8px 9px #24443a48);transform-origin:50% 100%}.guide-host .character-talk{transform-origin:left bottom}.guide-host.is-talking .guide-mascot-motion>img{animation:guide-nod .55s ease}.guide-host.is-talking .character-talk,.guide-host.is-peek .character-talk,.guide-host.is-happy .character-talk{animation:bubble-pop .42s ease}.guide-host.is-happy .guide-mascot-motion>img{animation:guide-happy .8s ease}.guide-host.is-pointing .guide-mascot-motion{animation:guide-lean .8s ease}.guide-host.is-peek .guide-mascot-motion{animation:guide-peek 1.1s ease}@keyframes guide-idle{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-3px) rotate(-.45deg)}55%{transform:translateY(-3px) rotate(.35deg)}}@keyframes guide-lean{35%{transform:translateX(8px) rotate(2deg)}70%{transform:translateX(3px) rotate(-1deg)}}@keyframes guide-peek{22%{transform:translateX(-8px) rotate(-3deg)}50%{transform:translateX(6px) rotate(2deg)}75%{transform:translateX(0) rotate(-1deg)}}@keyframes bubble-pop{0%{transform:scale(.94);opacity:.72}65%{transform:scale(1.025);opacity:1}100%{transform:scale(1)}}@media(max-width:720px){.guide-mascot-motion{width:82px;max-height:122px}.guide-mascot-motion>img{max-height:122px}}@media(prefers-reduced-motion:reduce){.guide-mascot-motion,.guide-mascot-motion>img,.guide-host .character-talk{animation:none!important}}
.card-rail{cursor:grab}.card-rail.is-swiping{cursor:grabbing}.onsen-card{user-select:none;-webkit-user-select:none}.card-image img{-webkit-user-drag:none}@media(max-width:720px){.card-rail{touch-action:pan-y;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}}