.faq{position:relative;isolation:isolate;background:#e4aaa2;color:#191919;overflow:clip}
.faq-paper{position:absolute;inset:0;z-index:-1;background:#f3ede2;clip-path:polygon(0 0,99.14% 0.00%,98.67% 0.65%,97.96% 1.30%,98.23% 1.95%,97.24% 2.60%,97.19% 3.25%,96.75% 3.90%,96.44% 4.55%,95.99% 5.20%,95.58% 5.85%,95.65% 6.50%,94.63% 7.15%,94.92% 7.80%,94.36% 8.45%,93.97% 9.10%,93.84% 9.75%,93.45% 10.40%,93.35% 11.05%,92.67% 11.70%,93.07% 12.35%,92.31% 13.00%,92.22% 13.65%,92.28% 14.30%,91.73% 14.95%,91.83% 15.60%,91.45% 16.25%,91.70% 16.90%,91.05% 17.55%,91.35% 18.20%,91.29% 18.85%,90.80% 19.50%,91.29% 20.15%,90.88% 20.80%,91.10% 21.45%,90.84% 22.10%,91.23% 22.75%,91.03% 23.40%,90.94% 24.05%,91.57% 24.70%,91.02% 25.35%,91.55% 26.00%,91.53% 26.65%,91.77% 27.30%,91.78% 27.95%,92.03% 28.60%,92.49% 29.25%,92.08% 29.90%,92.98% 30.55%,92.84% 31.20%,93.13% 31.85%,93.50% 32.50%,93.72% 33.15%,94.10% 33.80%,94.07% 34.45%,95.00% 35.10%,94.69% 35.75%,95.32% 36.40%,95.78% 37.05%,95.82% 37.70%,96.42% 38.35%,96.59% 39.00%,97.29% 39.65%,97.12% 40.30%,98.02% 40.95%,98.22% 41.60%,98.32% 42.25%,100% 100%,1.10% 100.00%,1.02% 99.25%,1.37% 98.50%,1.10% 97.75%,1.30% 97.00%,1.44% 96.25%,1.19% 95.50%,1.56% 94.75%,1.42% 94.00%,1.41% 93.25%,1.72% 92.50%,1.43% 91.75%,1.69% 91.00%,1.74% 90.25%,1.54% 89.50%,1.91% 88.75%,1.71% 88.00%,1.76% 87.25%,2.02% 86.50%,1.72% 85.75%,2.02% 85.00%,2.00% 84.25%,1.84% 83.50%,2.20% 82.75%,1.94% 82.00%,2.06% 81.25%,2.24% 80.50%,1.95% 79.75%,2.27% 79.00%,2.17% 78.25%,2.07% 77.50%,2.39% 76.75%,2.09% 76.00%,2.26% 75.25%,2.36% 74.50%,2.09% 73.75%,2.42% 73.00%,2.25% 72.25%,2.20% 71.50%,2.47% 70.75%,2.14% 70.00%,2.36% 69.25%,2.38% 68.50%,2.13% 67.75%,2.46% 67.00%,2.21% 66.25%,2.22% 65.50%,2.43% 64.75%,2.09% 64.00%,2.34% 63.25%,2.28% 62.50%,2.07% 61.75%,2.38% 61.00%,2.08% 60.25%,2.14% 59.50%,2.28% 58.75%,1.94% 58.00%,2.22% 57.25%,2.07% 56.50%,1.92% 55.75%,2.19% 55.00%,1.84% 54.25%,1.97% 53.50%,2.03% 52.75%,1.70% 52.00%,1.99% 51.25%,1.77% 50.50%,1.68% 49.75%,1.91% 49.00%,1.54% 48.25%,1.71% 47.50%,1.69% 46.75%,1.41% 46.00%,1.70% 45.25%,1.41% 44.50%,1.39% 43.75%,1.56% 43.00%,1.18% 42.25%,1.40% 41.50%,1.31% 40.75%,1.07% 40.00%,0 0)}
.faq-scene{container-type:inline-size;position:relative;width:100%;max-width:2040px;margin:auto;padding:5% 7.5% 6%;min-height:100svh}
.faq-heading{position:relative;min-height:18.5cqw;margin-bottom:1cqw}
.faq-heading h2{margin:0;font-family:var(--display);font-size:9.2cqw;font-weight:1000;line-height:.83;letter-spacing:-.075em}
.faq-heading h2>span{display:block;transform-origin:left center}
.faq-title-mark{display:block;width:44%;height:3cqw;margin-top:1.5cqw;color:#dcff30;overflow:visible}
.faq-heading>p{position:absolute;left:63%;top:45%;width:25%;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:1.5cqw;line-height:1.35}
.faq-symbol-anchor{position:absolute;right:1.5%;top:5cqw;width:22%;pointer-events:none}
.faq-symbol-entrance{perspective:700px}
.faq-symbol-reaction{transform:translate(var(--faq-x,0px),var(--faq-y,0px)) rotate(12deg);transition:transform .35s ease-out}
.faq-symbol{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(6px 13px 6px #51332640)}
.faq-symbol-lime{opacity:0;transition:opacity .25s}
.faq[data-symbol="exclamation"] .faq-symbol-lime{opacity:1}
.faq-symbol-rays{stroke-dasharray:1;stroke-dashoffset:0}
.faq-list{position:relative;z-index:2;width:82%;margin-top:1cqw}
.faq-item{position:relative;border-bottom:1px solid #b9b0a3;isolation:isolate;color:#191919;transition:color .14s,border-color .25s}
.faq-item:before{content:"";position:absolute;inset:0 -2%;z-index:-1;background:#252321;transform:scaleY(0);transform-origin:50% 0;opacity:0;transition:transform .36s cubic-bezier(.2,.7,.3,1),opacity .15s;border-radius:9px 6px 10px 7px;box-shadow:2px 6px 0 #25232120;clip-path:polygon(0 3%,1% 1%,6% 0,15% .5%,23% 0,39% .5%,51% 0,68% .5%,85% 0,97% .5%,99% 1%,100% 4%,99.5% 21%,100% 44%,99.5% 65%,100% 94%,99% 98%,95% 100%,77% 99.3%,63% 100%,45% 99.5%,28% 100%,12% 99.4%,2% 100%,0 97%,.5% 72%,0 48%,.5% 23%)}
.faq-item h3{margin:0;font:inherit}
.faq-question{display:grid;grid-template-columns:6% 1fr 32px;align-items:center;gap:2%;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:1.65cqw 0;min-height:78px}
.faq-number{font:700 clamp(12px,1.05cqw,20px)/1 var(--mono);padding-right:20%;border-right:1px solid #9b9185;text-align:center;transition:color .2s}
.faq-question-text{position:relative;display:block;font-size:2.35cqw;font-weight:800;line-height:1.14;letter-spacing:-.045em;transition:transform .2s}
.faq-question-text>svg{position:absolute;bottom:-7px;left:0;width:75%;height:10px;overflow:visible;color:#c3e422;pointer-events:none}
.faq-question-text>svg path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .2s}
.faq-toggle{position:relative;display:block;justify-self:end;width:24px;height:24px;transform:rotate(0);transition:transform .23s}
.faq-toggle i{position:absolute;left:3px;top:11px;width:18px;height:3px;background:currentColor}
.faq-toggle i+ i{transform:rotate(90deg)}
.faq-item:not(.is-open):hover{background:#dcff301c}
.faq-item:not(.is-open) .faq-question:hover .faq-question-text,.faq-item:not(.is-open) .faq-question:focus-visible .faq-question-text{transform:translateX(6px)}
.faq-item:not(.is-open) .faq-question:hover .faq-toggle{transform:rotate(12deg)}
.faq-item:not(.is-open) .faq-question:hover .faq-question-text>svg path,.faq-question:focus-visible .faq-question-text>svg path{stroke-dashoffset:0}
.faq-question:focus-visible{outline:3px solid #a0b900;outline-offset:4px}
.faq-item.is-open{color:#f5f1e9;border-color:transparent}
.faq-item.is-open:before{transform:scaleY(1);opacity:1}
.faq-item.is-open .faq-number{color:#dcff30;border-color:#dcff3066}
.faq-item.is-open .faq-toggle{transform:rotate(45deg)}
.faq-answer{overflow:hidden}
.faq-answer-inner{display:grid;grid-template-columns:58% 42%;align-items:center;padding:0 0 2cqw 8%}
.faq-answer-title-mask{position:relative;overflow:hidden;padding:0 1% 1.4cqw 0}
.faq-answer h4{margin:0;font:italic 1000 7.5cqw/.95 var(--display);letter-spacing:-.075em;color:#dcff30;transform-origin:left center}
.faq-item[data-faq-id="genre"] .faq-answer h4,.faq-item[data-faq-id="preorder"] .faq-answer h4{font-size:3.7cqw;line-height:1.01}
.faq-item[data-faq-id="hints"] .faq-answer h4{font-size:4.7cqw}
.faq-answer-title-mask>svg{position:absolute;left:0;bottom:0;width:94%;height:1.6cqw;overflow:visible;color:#dcff30}
.faq-answer-title-mask>svg path{stroke-dasharray:1;stroke-dashoffset:0}
.faq-answer-inner>p{margin:0 0 0 9%;padding-left:9%;border-left:1px solid #dcff3055;font-size:1.4cqw;line-height:1.4}
.faq-coral-thread{position:absolute;right:-3%;bottom:1%;width:43%;height:auto;pointer-events:none;z-index:0}
@media(min-width:1800px){.faq-scene{padding-top:5%}.faq-list{margin-top:0}.faq-question{min-height:98px}.faq-question-text{font-size:1.9cqw}}
@media(min-width:768px) and (max-width:1100px){
  .faq-scene{padding:7% 6% 8%;min-height:900px}
  .faq-heading{min-height:28cqw}.faq-heading h2{font-size:10cqw}.faq-title-mark{width:53%;height:3.5cqw}
  .faq-heading>p{left:0;top:70%;width:66%;font-size:clamp(16px,1.8cqw,20px);font-family:var(--body)}
  .faq-symbol-anchor{width:23%;right:0;top:8%}
  .faq-list{width:92%;margin-top:0}.faq-question{padding:2.5cqw 0;min-height:88px;grid-template-columns:6% 1fr 25px}
  .faq-question-text{font-size:2.7cqw}.faq-answer-inner{grid-template-columns:55% 45%;padding-bottom:3cqw}
  .faq-answer h4{font-size:7.2cqw}.faq-item[data-faq-id="genre"] .faq-answer h4,.faq-item[data-faq-id="preorder"] .faq-answer h4{font-size:4.4cqw}.faq-item[data-faq-id="hints"] .faq-answer h4{font-size:5.4cqw}
  .faq-answer-inner>p{font-size:clamp(16px,1.9cqw,21px)}
}
@media(max-width:767px){
  .faq-scene{padding:13% 7% 14%;min-height:100svh}
  .faq-paper{clip-path:polygon(0 0,95% 0,95% 2%,92% 3%,93% 4%,90% 6%,93% 8%,95% 11%,100% 13%,100% 100%,3% 100%,3% 98%,1% 97%,2% 95%,0 93%,0 44%,2% 42%,1% 40%,0 38%)}
  .faq-heading{min-height:54cqw;margin-bottom:6cqw}
  .faq-heading h2{font-size:12.5cqw;line-height:.85;letter-spacing:-.075em}
  .faq-title-mark{width:65%;height:5cqw;margin-top:3cqw}
  .faq-heading>p{position:relative;left:0;top:0;width:78%;margin-top:6cqw;font:16px/1.4 var(--body)}
  .faq-symbol-anchor{top:20cqw;right:-1%;width:25%;pointer-events:none}
  .faq-list{width:100%;margin-top:0}
  .faq-question{grid-template-columns:24px 1fr 24px;gap:10px;min-height:90px;padding:22px 0;align-items:start}
  .faq-number{font-size:12px;border:0;padding:5px 0 0;text-align:left}
  .faq-question-text{font-size:clamp(19px,5.1cqw,29px);line-height:1.15;letter-spacing:-.035em}
  .faq-toggle{width:22px;height:22px;margin-top:1px}.faq-toggle i{width:16px;left:3px;top:10px;height:2px}
  .faq-item:before{inset:0 -3.5%;border-radius:6px}
  .faq-answer-inner{display:block;padding:0 0 27px 34px}
  .faq-answer-title-mask{padding:2px 0 20px}
  .faq-answer h4{font-size:13.6cqw;letter-spacing:-.075em}
  .faq-item[data-faq-id="genre"] .faq-answer h4,.faq-item[data-faq-id="preorder"] .faq-answer h4{font-size:8.4cqw;line-height:1.05}
  .faq-item[data-faq-id="hints"] .faq-answer h4{font-size:10cqw}
  .faq-answer-title-mask>svg{height:16px;bottom:3px}
  .faq-answer-inner>p{margin:14px 9px 0 0;padding:0;border:0;font-size:16px;line-height:1.45}
  .faq-coral-thread{width:65%;right:-20%;bottom:-1%;opacity:.8}
  .faq-question:focus-visible{outline-offset:3px}
}
@media(max-width:380px){.faq-heading{min-height:63cqw}.faq-heading>p{font-size:16px;width:82%}.faq-symbol-anchor{top:23cqw}.faq-question{gap:8px;grid-template-columns:20px 1fr 22px}.faq-question-text{font-size:19px}.faq-answer-inner{padding-left:28px}.faq-answer h4{font-size:13cqw}}
@media(prefers-reduced-motion:reduce){.faq-item,.faq-item:before,.faq-question-text,.faq-toggle,.faq-question-text>svg path,.faq-symbol-reaction,.faq-symbol-lime{transition:none}}