:root{color:#f4efe6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#061014;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,Noto Serif JP,Georgia,serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 52% 18%,#b7dad538,#0000 22rem),radial-gradient(circle at 50% 0,#fcf7e51f,#0000 34rem),linear-gradient(145deg,#03090b 0%,#07161a 42%,#170f0b 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{isolation:isolate;min-height:100vh;padding:28px;position:relative}.app-shell:before{z-index:-2;pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:80px 80px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.app-shell:after{z-index:-1;pointer-events:none;content:"";background:radial-gradient(at 50% 100%,#efe5cd2e,#0000 38%),linear-gradient(#0000,#00000094);height:46vh;position:fixed;inset:auto 0 0}.hero-panel{grid-template-columns:minmax(0,1fr) minmax(220px,360px);align-items:end;gap:32px;max-width:1240px;min-height:34vh;margin:0 auto;padding:60px 0 36px;display:grid}.hero-copy{max-width:800px}.kicker,.panel-eyebrow{color:#94b9b7;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;font-family:Hiragino Sans,Yu Gothic,YuGothic,system-ui,sans-serif;font-size:12px}h1,h2{letter-spacing:0;margin:0;font-weight:500;line-height:1.12}h1{max-width:760px;font-size:clamp(44px,7vw,96px)}h2{font-size:clamp(34px,5vw,62px)}.hero-copy p:last-child,.panel-lead{color:#f4efe6c7;max-width:650px;font-family:Hiragino Sans,Yu Gothic,YuGothic,system-ui,sans-serif;font-size:16px;line-height:1.9}.stat-strip{background:#c4dfd93d;border:1px solid #e8e2d12e;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;min-width:0;margin:0;padding:1px;display:grid;overflow:hidden}.stat-strip div{background:#081316c7;padding:18px}.stat-strip dt{color:#f4efe694;font-family:Hiragino Sans,Yu Gothic,YuGothic,system-ui,sans-serif;font-size:12px}.stat-strip dd{margin:8px 0 0;font-size:36px}.atlas-layout{perspective:1400px;grid-template-columns:minmax(440px,1.1fr) minmax(360px,.9fr);align-items:stretch;gap:28px;max-width:1240px;margin:0 auto 48px;display:grid}.map-shell,.detail-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffffff14,#0000 38%),#060f11a8;border:1px solid #e8e2d129;border-radius:8px;min-height:620px;box-shadow:0 28px 80px #00000052}.map-shell{transform-origin:50%;flex-direction:column;justify-content:center;padding:24px;display:flex}.map-grid{aspect-ratio:9/16;grid-template-rows:repeat(16,minmax(28px,1fr));grid-template-columns:repeat(9,minmax(38px,1fr));gap:6px;width:min(100%,560px);margin:0 auto;display:grid}.prefecture-cell{color:#f4efe6a3;background:#dcebe712;border:1px solid #dcebe729;border-radius:6px;place-items:center;min-width:0;min-height:0;padding:0;transition:transform .26s,border-color .26s,background .26s,box-shadow .26s,color .26s,filter .26s;display:grid}.prefecture-cell span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;font-family:Hiragino Sans,Yu Gothic,YuGothic,system-ui,sans-serif;font-size:11px;line-height:1.1;overflow:hidden}.prefecture-cell:hover{color:#fff8e6;border-color:#e8e2d19e;transform:translateY(-2px)}.prefecture-cell[data-covered=true]{color:#f8f1df;background:linear-gradient(#9abcb557,#9abcb51f)}.prefecture-cell[data-active=true]{color:#061014;background:#e8dec1;border-color:#f6edd4;box-shadow:0 0 28px #e8dec16b}.app-shell[data-transitioning=true] .prefecture-cell[data-active=true]{filter:saturate(1.25)brightness(1.18);box-shadow:0 0 34px #e8dec185,0 0 90px #94b9b738}.map-legend{color:#f4efe699;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-family:Hiragino Sans,Yu Gothic,YuGothic,system-ui,sans-serif;font-size:12px;display:flex}.legend-dot{border:1px solid #dcebe752;border-radius:50%;width:10px;height:10px}.legend-dot--covered{background:#9abcb580}.detail-panel{transform-origin:50% 90%;padding:34px;animation:.72s cubic-bezier(.18,.92,.18,1) both panel-surfacing;position:relative;overflow:hidden}.detail-panel:before,.detail-panel:after{pointer-events:none;content:"";position:absolute;inset:0}.detail-panel:before{opacity:.7;background:radial-gradient(circle at 26% 14%,#dff0ea2e,#0000 20rem),linear-gradient(110deg,#0000 0 42%,#ffffff0f 48%,#0000 58%)}.detail-panel:after{mix-blend-mode:screen;opacity:.72;background:repeating-linear-gradient(105deg,#0000 0 28px,#e8dec109 29px 30px,#0000 31px 64px);animation:9s linear infinite panel-current}.app-shell[data-transitioning=true] .detail-panel{animation:.56s cubic-bezier(.64,0,.78,0) both panel-dive,.72s cubic-bezier(.18,.92,.18,1) .56s both panel-surfacing}.detail-panel>*{z-index:1;position:relative}.meta-line{color:#f4efe69e;font-family:Hiragino Sans,Yu Gothic,YuGothic,system-ui,sans-serif}.card-list{gap:12px;margin-top:28px;display:grid}.atlas-card{color:#f4efe6;text-align:left;background:#ffffff0e;border:1px solid #e8e2d124;border-radius:8px;gap:8px;width:100%;padding:18px;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s;animation:.76s cubic-bezier(.16,1,.3,1) both content-rise;display:grid}.atlas-card:nth-child(2){animation-delay:70ms}.atlas-card:nth-child(3){animation-delay:.14s}.atlas-card:nth-child(4){animation-delay:.21s}.atlas-card:hover{background:#ffffff17;border-color:#e8e2d16b;transform:translate(4px);box-shadow:0 18px 42px #0000003d}.atlas-card span,.atlas-card small,.text-button,.source-box{font-family:Hiragino Sans,Yu Gothic,YuGothic,system-ui,sans-serif}.atlas-card span{color:#94b9b7;font-size:12px}.atlas-card strong{font-size:22px;font-weight:500}.atlas-card small{color:#f4efe6a3;font-size:13px;line-height:1.65}.text-button{color:#c9ded9;background:0 0;border:0;margin:0 0 22px;padding:0;font-size:13px}.text-button:hover{color:#fff8e6}.taste-row{flex-wrap:wrap;gap:10px;margin:28px 0;display:flex}.taste-row span{color:#061014;background:#e8dec1;border-radius:999px;padding:8px 12px;font-family:Hiragino Sans,Yu Gothic,YuGothic,system-ui,sans-serif;font-size:13px}.sake-spec{border:1px solid #e8e2d124;border-radius:8px;gap:1px;margin:0;display:grid;overflow:hidden}.sake-spec div{background:#ffffff0d;grid-template-columns:96px 1fr;gap:16px;padding:14px;display:grid}.sake-spec dt,.sake-spec dd{margin:0;font-family:Hiragino Sans,Yu Gothic,YuGothic,system-ui,sans-serif;font-size:13px}.sake-spec dt{color:#f4efe685}.source-box{color:#f4efe69e;gap:8px;margin-top:24px;font-size:12px;display:grid}.source-box a{color:#c9ded9}.water-transition{z-index:10;pointer-events:none;mix-blend-mode:screen;position:fixed;inset:0}.water-transition[data-refracting=true]{mix-blend-mode:normal}.water-transition:before,.water-transition:after{pointer-events:none;content:"";opacity:0;position:absolute;inset:-8%}.water-transition:before{filter:blur(.2px);background:radial-gradient(circle at 50% 48%,#ffffff70 0 1px,#0000 2px),radial-gradient(circle at 50% 48%,#0000 0 10%,#c7e3df3d 11%,#0000 20%),radial-gradient(circle at 50% 48%,#0000 0 30%,#e8dec12e 31%,#0000 48%)}.water-transition:after{background:linear-gradient(105deg,#0000,#e8dec12e,#0000),repeating-linear-gradient(100deg,#0000 0 44px,#b9dad614 45px 47px,#0000 48px 96px);transform:translate(-12%)rotate(.001deg)}.water-transition:has(.water-transition__fallback){filter:saturate(1.1)}.water-transition__canvas,.water-transition__fallback{width:100%;height:100%;position:absolute;inset:0}.water-transition__fallback{opacity:0}.water-transition[data-mode=fallback] .water-transition__fallback{animation:1.28s cubic-bezier(.16,1,.3,1) sake-ripple}.water-transition[data-mode=fallback]:before{animation:1.28s cubic-bezier(.16,1,.3,1) deep-ripple}.water-transition[data-mode=fallback]:after{animation:1.28s cubic-bezier(.16,1,.3,1) light-sweep}@keyframes panel-dive{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(10px);transform:translateY(42px)scale(.96)}}@keyframes panel-surfacing{0%{opacity:0;filter:blur(12px);transform:translateY(42px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes panel-current{0%{transform:translate(-10%)}to{transform:translate(10%)}}@keyframes content-rise{0%{opacity:0;filter:blur(8px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes deep-ripple{0%{opacity:0;transform:scale(.72)}34%{opacity:1}to{opacity:0;transform:scale(1.32)}}@keyframes light-sweep{0%{opacity:0;transform:translate(-16%)rotate(.001deg)}40%{opacity:.9}to{opacity:0;transform:translate(16%)rotate(.001deg)}}@keyframes sake-ripple{0%{opacity:0;background:radial-gradient(circle,#ffffffe6 0 2px,#0000 3px),radial-gradient(circle,#cbe5e26b 0 1%,#0000 2%);transform:scale(.72)}45%{opacity:.9;background:radial-gradient(circle,#0000 0 8%,#dbeee885 9%,#0000 16%),radial-gradient(circle,#0000 0 20%,#e8dec147 21%,#0000 32%)}to{opacity:0;background:radial-gradient(circle,#0000 0 34%,#dbeee83d 35%,#0000 50%),radial-gradient(circle,#0000 0 54%,#e8dec124 55%,#0000 74%);transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=960px){.app-shell{padding:18px}.hero-panel,.atlas-layout{grid-template-columns:1fr}.hero-panel{min-height:auto;padding-top:42px}.atlas-layout{gap:18px}.map-shell,.detail-panel{min-height:auto}.map-grid{grid-template-columns:repeat(9,minmax(28px,1fr));gap:4px}}@media (width<=560px){h1{font-size:42px}.stat-strip{grid-template-columns:1fr}.detail-panel,.map-shell{padding:18px}.prefecture-cell span{font-size:10px}}