:root{--u:calc(100vw / 1440);--pad:max(20px, calc(30 * var(--u)));--fg:#fff;--accent:#ff5fa8;--panel-bg:#12100ed1;font-family:Inter,Helvetica Neue,Hiragino Sans,Noto Sans JP,sans-serif}html,body{height:100%;color:var(--fg);touch-action:none;background:#000;margin:0;overflow:hidden}#app{z-index:0;position:fixed;inset:0}canvas{display:block}button{font:inherit;color:inherit}.backdrop,.site-header,.hero{z-index:1;pointer-events:none;position:fixed}.fade{width:100%;position:absolute;left:0}.fade-top{height:max(96px, calc(167 * var(--u)));background:linear-gradient(#14100c59,#14100c00);top:0}.fade-bottom{height:max(260px, calc(366 * var(--u)));background:linear-gradient(#14100c00,#14100c4d);bottom:0}.site-header,.hero{padding-left:max(var(--pad), env(safe-area-inset-left));padding-right:max(var(--pad), env(safe-area-inset-right));left:0;right:0}.site-header{top:max(14px, calc(15 * var(--u)), env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{pointer-events:auto;line-height:0;display:grid}.logo img{height:clamp(54px, calc(76 * var(--u)), 96px);grid-area:1/1;width:auto;transition:opacity 1.2s;display:block}.logo-day{filter:drop-shadow(0 1px 6px #ffffff59)}.logo-night{opacity:0;filter:drop-shadow(0 1px 6px #00000073)}body.is-night .logo-day{opacity:0}body.is-night .logo-night{opacity:1}.nav{gap:clamp(12px, calc(24 * var(--u)), 32px);margin-left:auto;display:flex}.nav button{pointer-events:auto;cursor:pointer;letter-spacing:-.02em;font-size:clamp(13px, calc(14 * var(--u)), 18px);background:0 0;border:0;padding:0}.nav button:hover,.nav button:focus-visible{text-underline-offset:25%;text-decoration:underline}.settings-toggle{margin-left:auto}.nav:not(:focus-within){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero{bottom:max(20px, calc(28 * var(--u)), env(safe-area-inset-bottom));justify-content:center;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=720px){.nav{gap:12px}.nav button{font-size:12px}}.boot{z-index:10;background:#000;place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.boot p{letter-spacing:.04em;margin:0;font-size:13px}.boot.is-done{opacity:0;pointer-events:none}.tooltip{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.04em;pointer-events:none;white-space:nowrap;background:#0009;border-radius:999px;padding:6px 10px;font-size:12px;position:fixed;top:0;left:0}.immerse{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.14em;cursor:pointer;background:#00000059;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:8px 16px 8px 12px;font-size:12px;font-weight:600;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.immerse svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.immerse:hover,.immerse:focus-visible{border-color:#fff}.immerse[aria-pressed=true]{color:#111;background:#fff;border-color:#fff}.weather-panel{z-index:2;top:calc(max(14px, calc(15 * var(--u)), env(safe-area-inset-top)) + 40px);right:max(var(--pad), env(safe-area-inset-right));max-width:calc(100vw - 2 * var(--pad));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border-radius:12px;gap:6px;padding:10px 12px;font-size:12px;display:grid;position:fixed}.weather-panel[hidden]{display:none}.settings-toggle{pointer-events:auto;width:30px;height:30px;color:var(--fg);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000004d;border:1px solid #ffffff47;border-radius:50%;align-self:center;place-items:center;padding:0;display:grid}.settings-toggle[hidden]{display:none}.settings-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .4s}.settings-toggle:hover,.settings-toggle:focus-visible,.settings-toggle[aria-expanded=true]{border-color:#ffffffb3}.settings-toggle[aria-expanded=true] svg{transform:rotate(60deg)}.weather-status{opacity:.85;margin:0 0 2px}.weather-row{flex-wrap:wrap;gap:4px;display:flex}.weather-row button{cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:999px;padding:4px 10px;font-size:12px}.weather-row button:hover{border-color:#ffffffb3}.weather-row button.is-active{color:#000;background:#fff;border-color:#fff}:root{--holo-top:32vh;--holo-fg:#dbeeff;--holo-accent:#7cc4ff;--holo-edge:#78beff8c}.panel-scrim{z-index:4;background:radial-gradient(at 50% 40%,#0a1e501f,#00051466);position:fixed;inset:0}body:not(.is-holo) .holo-beam{visibility:hidden}.holo-beam{z-index:5;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.panel{z-index:6;top:var(--holo-top);bottom:max(5vh, env(safe-area-inset-bottom));width:min(680px, calc(100vw - 2 * var(--pad)));box-sizing:border-box;color:var(--holo-fg);border:1px solid var(--holo-edge);text-shadow:0 0 8px #50aaff8c;touch-action:pan-y;transform-origin:50% 0;background:repeating-linear-gradient(#96d2ff12 0 1px,#0000 1px 3px),linear-gradient(#2878ff4d,#102c8c66 45%,#060e3c94);border-top-color:#aadcffe6;border-radius:4px;padding:28px 32px 32px;animation:.7s cubic-bezier(.2,.8,.2,1) holo-in,5s .7s infinite holo-flicker;position:fixed;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 0 24px #3c8cff59,inset 0 0 40px #3c8cff2e,inset 0 1px #c8e6ff80}@keyframes holo-in{0%{clip-path:inset(0 0 100%);opacity:0}12%{opacity:.9}18%{opacity:.35}28%{opacity:1}to{clip-path:inset(0)}}.panel.is-closing{pointer-events:none;animation:.4s cubic-bezier(.6,0,.8,.2) forwards holo-out}@keyframes holo-out{0%{clip-path:inset(0);opacity:1}30%{opacity:.5}45%{opacity:.9}to{clip-path:inset(0 0 100%);opacity:0}}@keyframes holo-flicker{0%,91%,to{opacity:1}92%{opacity:.82}93%{opacity:.97}95%{opacity:.88}}.panel-close{border:1px solid var(--holo-edge);width:34px;height:34px;color:var(--holo-fg);cursor:pointer;text-shadow:inherit;background:#1e5adc33;border-radius:50%;font-size:17px;line-height:1;position:absolute;top:14px;right:14px}.panel-close:hover{background:#3c8cff59}.panel-kicker{color:var(--holo-accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-size:12px}.panel-title{letter-spacing:-.02em;border-bottom:1px solid #78beff4d;margin:0 0 20px;padding-bottom:14px;font-size:40px}.panel-body{font-size:14px;line-height:1.8}.panel-body a{color:#a9d8ff}.panel-body ul{padding-left:1.2em}@media (width<=600px){.panel{padding:22px 20px 24px}.panel-title{font-size:32px}}@media (prefers-reduced-motion:reduce){.panel,.panel.is-closing{animation:none}}.hero,.backdrop,.weather-panel{transition:opacity .6s}.is-zoomed .hero,.is-zoomed .backdrop,.is-holo .hero,.is-holo .weather-panel{opacity:0;pointer-events:none}.zoom-back{left:50%;bottom:max(24px, env(safe-area-inset-bottom));z-index:20;color:#fff;font:inherit;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:1px solid #ffffff73;border-radius:999px;padding:10px 22px;font-size:14px;position:fixed;transform:translate(-50%)}.zoom-back:hover{background:#000000a6}.about-view{z-index:4;opacity:0;cursor:default;outline:none;transition:opacity .35s steps(4,end);position:fixed;inset:0}.about-view.is-open{opacity:1}body.is-about .site-header{z-index:5}body.is-about .hero,body.is-goods .hero{visibility:hidden}.about-noise{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;mix-blend-mode:screen;position:fixed;inset:0}.about-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:absolute;inset:0;overflow:auto}.about-scroll::-webkit-scrollbar{display:none}.about-page{box-sizing:border-box;will-change:transform;min-height:100%;position:relative}.about-view[data-mode=pc] .about-page{height:100%}.about-view[data-mode=pc] .about-phone,.about-view[data-mode=phone] .about-pc{display:none}.about-piece{position:absolute}.about-piece[hidden]{display:none}.about-phone{margin:0 auto}.about-sheet{filter:drop-shadow(0 1px 1.5px #0009)drop-shadow(0 0 12px #0000004d);flex:none;max-width:none;display:block}.about-view.is-open .about-sheet{animation:.9s step-end .15s both about-flicker}@keyframes about-flicker{0%{opacity:0}12%{opacity:.85}18%{opacity:0}30%{opacity:1}36%{opacity:.15}48%{opacity:1}to{opacity:1}}.about-page.is-glitch .about-sheet{filter:drop-shadow(3px 0 #ff0046b3)drop-shadow(-3px 0 #00d2ffb3)drop-shadow(0 1px 1.5px #0009)}@media (prefers-reduced-motion:reduce){.about-view.is-open .about-sheet{animation:none}}.site-header .logo{transition:opacity .25s}body.is-about-scrolled .site-header .logo{opacity:0;pointer-events:none}.news-list{gap:10px;margin:0;list-style:none;display:grid;padding:0!important}.news-link{width:100%;color:inherit;font:inherit;text-align:left;text-shadow:inherit;cursor:pointer;background:#1e5adc24;border:1px solid #78beff59;border-radius:4px;gap:4px;padding:14px 16px;transition:background .2s,border-color .2s;display:grid}.news-link:hover,.news-link:focus-visible{background:#3c8cff4d;border-color:#aadcffcc;outline:none}.news-link .news-date{color:var(--holo-accent);letter-spacing:.08em;font-size:12px}.news-link .news-title{font-size:16px;font-weight:700;line-height:1.5}.news-link .news-excerpt{opacity:.8;font-size:13px;line-height:1.6}.news-link .news-more{color:var(--holo-accent);letter-spacing:.06em;justify-self:end;font-size:12px}.news-nav:not(:has(:focus-visible)){clip-path:inset(50%);opacity:0;pointer-events:none}.news-nav{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:20;flex-wrap:wrap;justify-content:center;gap:8px;width:max-content;max-width:calc(100vw - 24px);display:flex;position:fixed;transform:translate(-50%)}.news-nav[hidden]{display:none}.news-nav button,.news-nav a{color:#e6f3ff;font:inherit;letter-spacing:.06em;white-space:nowrap;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081e5a8c;border:1px solid #96cdff99;border-radius:999px;padding:10px 18px;font-size:14px;text-decoration:none;transition:background .2s;box-shadow:0 0 14px #3c8cff40}.news-nav button:hover:not(:disabled),.news-nav a:hover{background:#1e5adc99}.news-nav button:disabled{opacity:.35;cursor:default}.news-nav .news-nav-close{padding:10px 14px}@media (width<=600px){.news-nav{gap:6px}.news-nav button,.news-nav a{letter-spacing:.02em;padding:9px 12px;font-size:13px}}body.is-news .hero,body.is-news .settings-toggle{opacity:0;pointer-events:none}.goods-list{gap:14px;margin:1.2em 0 0;list-style:none;display:grid;padding:0!important}.goods-item{background:#ffffff0a;border:1px solid #ffffff2e;border-radius:6px;align-items:flex-start;gap:14px;padding:12px;display:flex}.goods-image{object-fit:cover;background:#ffffff14;border-radius:4px;flex:none;width:84px;height:84px}.goods-image.is-empty{background:repeating-linear-gradient(45deg,#ffffff0f 0 6px,#0000 6px 12px),#ffffff0d}.goods-text{min-width:0}.goods-text h3{margin:.3em 0 .1em;font-size:1.02em}.goods-text p{margin:.2em 0 0}.goods-price{opacity:.85}.goods-status{letter-spacing:.06em;border:1px solid;border-radius:999px;padding:1px 8px;font-size:.78em;display:inline-block}.goods-status.is-on{color:#8ff0c0}.goods-status.is-pre{color:#9fd0ff}.goods-status.is-soon{color:#f5d98a}.goods-status.is-sold{color:#ff9a9a;opacity:.85}.panel,.member-card{scrollbar-gutter:stable}.panel::-webkit-scrollbar{width:10px}.member-card::-webkit-scrollbar{width:10px}.panel::-webkit-scrollbar-track{background:linear-gradient(#8cc8ff47,#8cc8ff47) 50%/1px 100% no-repeat;margin:14px 0}.member-card::-webkit-scrollbar-track{background:linear-gradient(#8cc8ff47,#8cc8ff47) 50%/1px 100% no-repeat;margin:14px 0}.panel::-webkit-scrollbar-thumb{background:linear-gradient(#bfe4ff,#5aa8ff) padding-box padding-box;border:3px solid #0000;border-radius:999px;min-height:36px;box-shadow:0 0 8px #5aaaffe6}.member-card::-webkit-scrollbar-thumb{background:linear-gradient(#bfe4ff,#5aa8ff) padding-box padding-box;border:3px solid #0000;border-radius:999px;min-height:36px;box-shadow:0 0 8px #5aaaffe6}.panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(#e6f4ff,#7cc4ff) padding-box padding-box}.member-card::-webkit-scrollbar-thumb:hover{background:linear-gradient(#e6f4ff,#7cc4ff) padding-box padding-box}.panel::-webkit-scrollbar-button{display:none}.member-card::-webkit-scrollbar-button{display:none}.panel::-webkit-scrollbar-corner{display:none}.member-card::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.panel,.member-card{scrollbar-width:thin;scrollbar-color:#7cc4ff transparent}}.member-beam{z-index:5;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.member-card{z-index:6;box-sizing:border-box;color:var(--holo-fg);border:1px solid var(--holo-edge);text-shadow:0 0 8px #50aaff8c;touch-action:pan-y;background:repeating-linear-gradient(#96d2ff12 0 1px,#0000 1px 3px),linear-gradient(#060e3c94,#102c8c66 55%,#2878ff4d);border-bottom-color:#aadcffe6;border-radius:4px;padding:18px 22px 20px;animation:.7s cubic-bezier(.2,.8,.2,1) member-in,5s .7s infinite holo-flicker;position:fixed;overflow-y:auto;box-shadow:0 0 24px #3c8cff59,inset 0 0 40px #3c8cff2e,inset 0 -1px #c8e6ff80;container:member/inline-size}.member-card.is-closing{pointer-events:none;animation:.4s cubic-bezier(.6,0,.8,.2) forwards member-out}@keyframes member-in{0%{clip-path:inset(100% 0 0);opacity:0}12%{opacity:.9}18%{opacity:.35}28%{opacity:1}to{clip-path:inset(0)}}@keyframes member-out{0%{clip-path:inset(0);opacity:1}30%{opacity:.5}45%{opacity:.9}to{clip-path:inset(100% 0 0);opacity:0}}.member-head{color:var(--holo-accent);letter-spacing:.22em;border-bottom:1px solid #78beff4d;justify-content:space-between;align-items:baseline;margin:0 40px 14px 0;padding-bottom:10px;font-size:11px;font-weight:600;display:flex}.member-head i{opacity:.5;margin:0 .3em;font-style:normal}.member-no{font-variant-numeric:tabular-nums;opacity:.8}.member-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:18px;display:grid}.member-grid>.member-photo{grid-row:1/span 3}.member-grid>.member-bio,.member-grid>.member-links{grid-column:2}.member-grid.is-text{grid-template-columns:1fr}.member-grid.is-text>*{grid-column:1}@container member (width<=420px){.member-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:12px 14px}.member-grid>.member-photo{grid-row:auto}.member-grid>.member-bio,.member-grid>.member-links{grid-column:1/-1}.member-brand{display:none}.member-fields{gap:6px}}.member-photo{aspect-ratio:4/5;border:1px solid #8cc8ff8c;margin:0;position:relative;overflow:hidden;box-shadow:0 0 18px #3c8cff59,inset 0 0 0 1px #c8e6ff26}.member-photo img{object-fit:cover;opacity:.7;filter:saturate(.75)contrast(1.05)brightness(1.1);width:100%;height:100%;display:block}.member-photo:after{content:"";pointer-events:none;background:repeating-linear-gradient(#96d2ff1f 0 1px,#0000 1px 3px),linear-gradient(#78c8ff1f,#2878ff0d 45%,#2878ff47);position:absolute;inset:0}.member-photo:before{content:"";z-index:1;background:linear-gradient(var(--holo-accent), var(--holo-accent)) top left / 12px 1px no-repeat, linear-gradient(var(--holo-accent), var(--holo-accent)) top left / 1px 12px no-repeat, linear-gradient(var(--holo-accent), var(--holo-accent)) bottom right / 12px 1px no-repeat, linear-gradient(var(--holo-accent), var(--holo-accent)) bottom right / 1px 12px no-repeat;opacity:.8;pointer-events:none;position:absolute;inset:5px}.member-fields{gap:10px;margin:0;display:grid}.member-fields dt{color:var(--holo-accent);letter-spacing:.22em;opacity:.85;margin-bottom:2px;font-size:10px;font-weight:600}.member-fields dd{margin:0;font-size:13px;line-height:1.5}.member-fields div:first-child dd{letter-spacing:.08em;font-size:17px;font-weight:600}.member-bio{border-top:1px solid #78beff40;margin-top:0;padding-top:12px;font-size:14px;line-height:1.8}.member-bio p{margin:0 0 .8em}.member-links{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.member-links a{border:1px solid var(--holo-edge);color:var(--holo-fg);border-radius:999px;padding:5px 12px;font-size:12px;text-decoration:none;display:inline-block}.member-links a:hover{background:#3c8cff4d}@media (prefers-reduced-motion:reduce){.member-card,.member-card.is-closing{animation:none}}
