:root{--bg: #080809;--bg-elevated: #111114;--bg-card: #16161a;--bg-soft: #1c1c22;--ink: #f4efe6;--ink-muted: #b8b0a4;--ink-dim: #8a8378;--red: #c8102e;--red-deep: #8b0e22;--red-glow: rgba(200, 16, 46, .35);--orange: #d97706;--gold: #c9a66b;--line: rgba(244, 239, 230, .1);--line-strong: rgba(244, 239, 230, .18);--shadow: 0 24px 60px rgba(0, 0, 0, .45);--radius: 16px;--radius-sm: 10px;--nav-h: 76px;--font-display: "Cormorant Garamond", "Noto Serif JP", Georgia, serif;--font-jp: "Noto Serif JP", serif;--font-sans: "Outfit", system-ui, sans-serif;--max: 1180px;--ease: cubic-bezier(.22, 1, .36, 1)}@media(prefers-reduced-motion:reduce){:root{--motion: 0}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-weight:400;line-height:1.6;min-height:100vh}img{max-width:100%;display:block}button,input{font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;background:var(--gold);color:#111;padding:8px 14px;border-radius:8px;font-weight:600}.skip-link:focus{top:12px}.app{min-height:100vh}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.section{padding:96px 0;position:relative;scroll-margin-top:calc(var(--nav-h) + 8px)}.section-kicker{display:inline-block;letter-spacing:.28em;text-transform:uppercase;font-size:.72rem;color:var(--gold);margin-bottom:12px}.section-title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4rem);font-weight:600;line-height:1.05;margin:0 0 12px;letter-spacing:.02em}.section-lead{color:var(--ink-muted);max-width:46ch;margin:0 0 40px;font-size:1.05rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:14px 26px;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--red);color:var(--ink);box-shadow:0 10px 30px var(--red-glow)}.btn-primary:hover{background:#dd1a3a}.btn-ghost{background:#f4efe60f;color:var(--ink);border-color:#f4efe659}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-gold{background:transparent;color:var(--gold);border-color:var(--gold)}.btn-gold:hover{background:var(--gold);color:#111}.price{font-variant-numeric:tabular-nums;color:var(--gold);font-weight:500;letter-spacing:.04em}.tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;border:1px solid var(--line);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.tag-signature{border-color:#c9a66b73;color:var(--gold)}.tag-popular{border-color:#c8102e73;color:#f07187}.tag-new{border-color:#d9770680;color:#f0b45a}.spice{display:inline-flex;gap:4px;align-items:center}.spice-dot{width:7px;height:7px;border-radius:50%;background:#f4efe62e}.spice-dot.on{background:var(--red);box-shadow:0 0 8px var(--red-glow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.nav{position:sticky;top:0;z-index:40;height:var(--nav-h);display:flex;align-items:center;background:#080809b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav-inner{width:min(var(--max),calc(100% - 40px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;flex-direction:column;line-height:1}.logo-mark{font-family:var(--font-display);font-size:1.55rem;letter-spacing:.32em;font-weight:600}.logo-sub{font-size:.62rem;letter-spacing:.28em;color:var(--gold);text-transform:uppercase;margin-top:4px}.nav-links{display:flex;align-items:center;gap:18px;list-style:none;margin:0;padding:0}.nav-links a{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);transition:color .2s var(--ease);white-space:nowrap}.nav-links .btn{letter-spacing:.12em;padding:12px 18px}.nav-links a:hover{color:var(--ink)}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:10px;cursor:pointer}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{display:block;width:18px;height:1.5px;background:currentColor;position:relative;margin:0 auto}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.hero{position:relative;min-height:calc(100svh - var(--nav-h));display:grid;place-items:center;overflow:hidden;isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-2;background-color:#14080b;background-image:radial-gradient(ellipse at 18% 10%,rgba(200,16,46,.38),transparent 42%),radial-gradient(ellipse at 82% 88%,rgba(217,119,6,.22),transparent 38%),url(https://images.unsplash.com/photo-1579871494447-9811cf80d66c?auto=format&fit=crop&w=1800&q=80);background-position:center;background-size:cover;background-repeat:no-repeat;transform:scale(1.06);animation:drift 28s var(--ease) infinite alternate}.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#08080947,#0808096b 45%,#080809d1),linear-gradient(90deg,rgba(8,8,9,.35),transparent 55%)}.hero-pattern{position:absolute;inset:0;z-index:-1;opacity:.08;background-image:radial-gradient(circle at 20px 20px,#fff 1.2px,transparent 1.4px);background-size:42px 42px;pointer-events:none}.steam{position:absolute;inset:auto 12% 8%;height:180px;pointer-events:none;z-index:0;opacity:.28;filter:blur(18px);background:radial-gradient(ellipse at 30% 80%,rgba(244,239,230,.45),transparent 60%),radial-gradient(ellipse at 70% 90%,rgba(244,239,230,.3),transparent 55%);animation:steam 8s ease-in-out infinite}.hero-content{position:relative;z-index:1;text-align:center;padding:72px 20px 88px;animation:rise 1.1s var(--ease) both}.hero-jp{font-family:var(--font-jp);letter-spacing:.5em;font-size:.8rem;color:var(--gold);margin-bottom:18px}.hero h1{font-family:var(--font-display);font-size:clamp(4.2rem,12vw,8.5rem);line-height:.85;letter-spacing:.18em;margin:0;font-weight:600;color:#f7f1e6;text-shadow:0 12px 40px rgba(0,0,0,.55)}.hero-sub{margin:18px 0 8px;letter-spacing:.42em;text-transform:uppercase;font-size:clamp(.72rem,1.6vw,.9rem);color:var(--ink-muted)}.hero-tagline{font-family:var(--font-display);font-style:italic;font-size:clamp(1.6rem,3vw,2.4rem);margin:18px 0 36px;color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}@keyframes drift{0%{transform:scale(1.06) translateZ(0)}to{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}@keyframes steam{0%,to{transform:translateY(0) scaleX(1);opacity:.2}50%{transform:translateY(-18px) scaleX(1.08);opacity:.38}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px}.filter-btn{background:transparent;color:var(--ink-muted);border:1px solid var(--line);border-radius:999px;padding:10px 16px;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;cursor:pointer;transition:.2s var(--ease)}.filter-btn:hover{color:var(--ink);border-color:var(--line-strong)}.filter-btn[aria-pressed=true]{color:#1a140c;border-color:var(--gold);background:var(--gold)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.menu-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .35s var(--ease),border-color .35s var(--ease)}.menu-card:hover{transform:translateY(-6px);border-color:var(--line-strong)}.menu-card-image{aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(145deg,#1a1a20,#2a1a1d);position:relative}.menu-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.menu-card:hover .menu-card-image img{transform:scale(1.06)}.image-fallback{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-size:3rem;color:var(--gold);letter-spacing:.1em}.menu-card-body{padding:18px 18px 20px}.menu-card-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.menu-card h3{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:600}.menu-card p{margin:8px 0 14px;color:var(--ink-muted);font-size:.95rem}.menu-card-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.builder{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:28px;align-items:start}.builder-steps{display:grid;gap:28px}.step h3{font-family:var(--font-display);font-size:1.7rem;margin:0 0 6px}.step-note{color:var(--ink-dim);margin:0 0 16px;font-size:.92rem}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.option{text-align:left;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;color:var(--ink);cursor:pointer;transition:.2s var(--ease)}.option:hover{border-color:var(--line-strong)}.option[aria-pressed=true]{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:#c8102e14}.option strong{display:block;font-family:var(--font-display);font-size:1.15rem;font-weight:600}.option small{display:block;color:var(--ink-muted);margin:4px 0 8px}.option-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.heat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.heat-meter{margin-top:16px;height:8px;border-radius:999px;background:#222;overflow:hidden}.heat-meter>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c9a66b,#d97706,#c8102e);transition:width .4s var(--ease)}.summary{position:sticky;top:calc(var(--nav-h) + 18px);background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.summary h3{font-family:var(--font-display);margin:0 0 16px;font-size:1.6rem}.summary dl{margin:0;display:grid;gap:10px}.summary div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px;font-size:.92rem}.summary dt{color:var(--ink-dim)}.summary dd{margin:0;text-align:right}.summary-total{display:flex;justify-content:space-between;margin:16px 0;font-size:1.15rem}.summary-actions{display:flex;gap:10px;flex-wrap:wrap}.summary-actions .btn{flex:1;min-width:120px}.confirm{text-align:center;padding:48px 16px}.confirm h3{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);letter-spacing:.08em;margin:0 0 12px}.confirm p{color:var(--ink-muted)}.secret{background:radial-gradient(ellipse at top,rgba(200,16,46,.12),transparent 50%),var(--bg)}.secret-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.classified{background:#0c0c0f;border:1px dashed rgba(201,166,107,.35);border-radius:var(--radius);padding:28px 24px;min-height:360px;display:flex;flex-direction:column}.classified .stamp{font-size:.68rem;letter-spacing:.28em;color:var(--red);margin-bottom:16px}.classified h3{font-family:var(--font-display);font-size:1.8rem;margin:0 0 8px}.mystery{font-family:var(--font-display);font-size:2.4rem;letter-spacing:.2em;color:var(--ink-dim);margin:8px 0 18px}.classified p{color:var(--ink-muted);flex:1}.fate-card{border:1px solid var(--gold);padding:18px;border-radius:12px;background:linear-gradient(180deg,rgba(201,166,107,.08),transparent);animation:rise .5s var(--ease)}.fate-card h4{font-family:var(--font-display);font-size:1.5rem;margin:0 0 6px}.level-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.level-btn{border:1px solid var(--line);background:transparent;color:var(--ink-muted);padding:8px 12px;border-radius:8px;cursor:pointer;letter-spacing:.08em;font-size:.75rem}.level-btn[aria-pressed=true]{border-color:var(--red);color:var(--ink)}.level-99{border-color:var(--red);color:#f07187}.violence{color:var(--red);font-family:var(--font-display);font-size:1.5rem;margin-top:12px}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.about-visual{min-height:420px;border-radius:var(--radius);overflow:hidden;position:relative;border:1px solid var(--line)}.about-visual img{width:100%;height:100%;object-fit:cover;min-height:420px}.about-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(8,8,9,.45))}.about-copy p{color:var(--ink-muted);font-size:1.05rem}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.about-split article{border-top:1px solid var(--line);padding-top:16px}.about-split h3{font-family:var(--font-display);margin:0 0 8px;font-size:1.4rem}.footer{border-top:1px solid var(--line);padding:56px 0 32px;background:#070708}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}.footer h2{font-family:var(--font-display);letter-spacing:.24em;margin:0 0 8px}.footer h3{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}.footer p,.footer li,.footer a{color:var(--ink-muted);font-size:.95rem}.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.footer-bottom{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);color:var(--ink-dim);font-size:.82rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:980px){.menu-grid,.secret-grid,.about-grid,.builder,.footer-grid{grid-template-columns:1fr 1fr}.builder,.about-grid{grid-template-columns:1fr}.heat-grid{grid-template-columns:1fr 1fr}.summary{position:static}}@media(max-width:760px){.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-links{position:absolute;top:var(--nav-h);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:#080809f5;border-bottom:1px solid var(--line);padding:8px 0 16px}.nav-links.open{display:flex}.nav-links a,.nav-links .btn{padding:14px 24px}.nav-links .btn{margin:8px 20px 0}.menu-grid,.secret-grid,.footer-grid,.option-grid,.about-split{grid-template-columns:1fr}.hero h1{letter-spacing:.1em}.section{padding:72px 0}}