.sidebar{width:var(--sidebar-width);background:var(--color-navy);color:#fff;position:fixed;left:20px;top:20px;bottom:20px;height:calc(100vh - 40px);overflow:hidden;border-radius:24px;box-shadow:0 8px 32px #00000026,0 2px 8px #0000001a;border:2px solid rgba(255,255,255,.15);background-image:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,20px 20px,20px 20px;transition:opacity .3s ease,transform .3s ease}.sidebar.hidden{opacity:0;transform:translate(-100%);pointer-events:none}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:2rem 1.5rem;box-sizing:border-box}.sidebar-brand{font-size:1.5rem;font-weight:600;display:flex;justify-content:center;align-items:center;gap:.5rem;margin:0 0 .5rem}.sidebar-subtitle{text-align:center;font-size:.75rem;color:#ffffffb3;margin-bottom:2rem}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.sidebar-footer{flex-shrink:0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.home-tab{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:var(--color-yellow-orange);font-size:1rem;font-weight:600}.home-tab .nav-icon{color:var(--color-yellow-orange)}.section-heading{width:100%;background:transparent;border:none;color:var(--color-yellow-orange);display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;cursor:pointer;font-size:1rem;font-weight:600}.section-heading-left{display:flex;align-items:center;gap:.75rem}.accordion-arrow{margin-right:10px;transition:transform .3s ease}.accordion-arrow.open{transform:rotate(90deg)}.accordion-content{overflow:hidden;max-height:0;opacity:0;transform:translateY(-6px);transition:max-height .45s ease,opacity .3s ease,transform .3s ease}.accordion-content.open{max-height:1000px;opacity:1;transform:translateY(0)}.explorer-list{display:flex;flex-direction:column;gap:.5rem}.explorer-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;border-radius:8px;color:#fff;transition:.3s}.explorer-item:hover{background:#ffffff1a;transform:translate(4px)}.explorer-avatar{width:28px;height:28px;border-radius:50%;background-size:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.scenario-list{display:flex;flex-direction:column;gap:.3rem}.scenario-item{padding:.5rem .8rem;background:#ffffff0d;border-left:3px solid rgba(255,255,255,.3);border-radius:0 4px 4px 0;transition:.3s}.scenario-item:hover{background:#ffffff26;border-left-color:var(--color-yellow-orange);transform:translate(4px)}.sns-links{display:flex;gap:1rem}.sns-link{color:#ffffffb3}.sns-link:hover{color:#fff}@media(max-width:900px){.sidebar{transform:translate(-120%);transition:transform .3s;z-index:1000;left:0;top:0;bottom:0;width:280px;border-radius:0;height:100vh}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999}}.hero{padding:3rem 0}.hero-note{background:#fff;border-radius:12px;padding:2.5rem;position:relative;box-shadow:0 4px 16px #00000014;background-image:linear-gradient(rgba(232,232,232,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(232,232,232,.5) 1px,transparent 1px);background-size:20px 20px}.hero-inner{display:flex;gap:2rem;align-items:center}.hero-avatar{width:140px;height:140px;border-radius:50%;background-size:cover;background-position:center}.hero-text h2{margin:0 0 .5rem;font-size:1.8rem}.hero-text p{margin:0 0 1.5rem}.follow-btn{display:inline-block;padding:.6rem 1.5rem;border-radius:25px;background:var(--color-peach);font-weight:600;transition:.2s}.follow-btn:hover{transform:translateY(-2px)}.sticky-note{position:absolute;width:60px;height:60px;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1}.sticky-note.sticky-pink{background:var(--color-index-pink);top:-15px;left:-10px;transform:rotate(-12deg);width:80px;clip-path:polygon(0% 0%,3% 5%,0% 12%,4% 18%,0% 25%,3% 32%,0% 40%,5% 47%,0% 55%,4% 62%,0% 70%,3% 78%,0% 85%,5% 92%,0% 100%,100% 100%,97% 95%,100% 88%,96% 82%,100% 75%,97% 68%,100% 60%,95% 53%,100% 45%,96% 38%,100% 30%,97% 22%,100% 15%,95% 8%,100% 0%)}.sticky-note.sticky-yellow{background:var(--color-index-yellow);top:-20px;right:30px;transform:rotate(8deg);height:80px;clip-path:polygon(0% 0%,5% 0%,10% 3%,15% 0%,20% 0%,25% 4%,30% 0%,35% 0%,40% 3%,45% 0%,50% 0%,55% 5%,60% 0%,65% 0%,70% 4%,75% 0%,80% 0%,85% 3%,90% 0%,95% 0%,100% 5%,100% 100%,95% 100%,90% 97%,85% 100%,80% 100%,75% 96%,70% 100%,65% 100%,60% 95%,55% 100%,50% 100%,45% 97%,40% 100%,35% 100%,30% 96%,25% 100%,20% 100%,15% 97%,10% 100%,5% 100%,0% 95%)}.sticky-note.sticky-blue{background:var(--color-index-blue);bottom:-15px;right:-15px;transform:rotate(-5deg);width:80px;clip-path:polygon(0% 0%,4% 5%,0% 10%,3% 15%,0% 22%,5% 28%,0% 35%,4% 42%,0% 50%,3% 58%,0% 65%,5% 72%,0% 78%,4% 85%,0% 92%,3% 98%,0% 100%,100% 100%,96% 95%,100% 90%,97% 85%,100% 78%,95% 72%,100% 65%,96% 58%,100% 50%,97% 42%,100% 35%,95% 28%,100% 22%,96% 15%,100% 10%,97% 5%,100% 0%)}.hero-decoration{position:absolute;width:100px;height:30px;background:#ffe566cc;left:50%;transform:translate(-50%) rotate(-3deg);box-shadow:0 2px 4px #0000001a;clip-path:polygon(0% 0%,3% 5%,0% 12%,4% 18%,0% 25%,3% 32%,0% 40%,5% 47%,0% 55%,4% 62%,0% 70%,3% 78%,0% 85%,5% 92%,0% 100%,100% 100%,97% 95%,100% 88%,96% 82%,100% 75%,97% 68%,100% 60%,95% 53%,100% 45%,96% 38%,100% 30%,97% 22%,100% 15%,95% 8%,100% 0%)}.tape-top{top:-12px;background:#ffe566cc}.tape-bottom{bottom:-12px;background:#ffb6c1cc;left:20%;transform:translate(-50%) rotate(3deg)}@media(max-width:900px){.hero-text h2{text-align:center;margin-bottom:1.5rem}.hero-inner{flex-direction:row;gap:1rem}.hero-avatar{width:80px;height:80px;flex-shrink:0}.hero-text p{font-size:.9rem;margin-bottom:1rem}.follow-btn{font-size:.85rem;padding:.5rem 1rem}}.site-root{display:flex;min-height:100vh}.main-content{margin-left:320px;flex:1;min-height:100vh;transition:margin-left .3s ease}.main-content.expanded{margin-left:40px}@media(max-width:900px){.sidebar-toggle-btn{display:none}}.content-wrapper{max-width:1200px;margin:0 auto;padding:2rem}.content-section{margin:3rem 0}.section-title{font-size:1.4rem;margin:0 0 2rem;color:var(--color-dark-blue);display:flex;align-items:center;justify-content:center;gap:1rem;font-weight:600}.title-decoration{color:var(--color-navy)}.title-decoration.diamond{width:12px;height:12px;background:var(--color-navy);transform:rotate(45deg);display:inline-block}.section-title{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:1.4rem;margin-bottom:2rem}.explorer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media(max-width:900px){.main-content{margin-left:0}.content-wrapper{padding:1rem}.hamburger-btn{display:flex}.explorer-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.scenario-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:600px){.content-wrapper{padding:.75rem}.explorer-grid,.scenario-grid{grid-template-columns:1fr}.section-title{font-size:1.2rem}}.explorer-card{background:#fff;border-radius:18px;padding:1.5rem;text-align:center;box-shadow:0 2px 12px #0000000f;transition:.3s;overflow:hidden;position:relative}.explorer-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0000001f}.avatar-circle{width:90px;height:90px;margin:0 auto 1rem;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;border:4px solid var(--color-cream);box-shadow:0 2px 8px #00000014}.explorer-card .name{margin:.5rem 0 .25rem;font-size:1.1rem;font-weight:600;color:var(--color-dark-blue)}.explorer-card .kana{margin:0 0 .75rem;color:var(--color-text-light);font-size:.85rem}.explorer-card .desc{margin:0 0 1rem;color:var(--color-text);font-size:.9rem;line-height:1.6}.sheet-btn{display:inline-block;padding:.5rem 1rem;border-radius:20px;background:var(--color-navy);color:#fff;font-size:.85rem}.played-list{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--color-mint);text-align:left}.played-item{font-size:.85rem;padding:.2rem 0}@media(max-width:900px){.explorer-card{display:flex;align-items:flex-start;gap:1rem;text-align:left;padding:1rem}.avatar-circle{width:90px;height:90px;margin:0;flex-shrink:0}.explorer-content{flex:1;display:flex;flex-direction:column}.explorer-card .name{margin:0 0 .25rem;font-size:1rem}.explorer-card .kana{margin:0 0 .5rem;font-size:.8rem}.explorer-card .desc{margin:0 0 .75rem;font-size:.85rem;line-height:1.4}.sheet-btn{font-size:.8rem;padding:.4rem .8rem;align-self:flex-start}.played-list{display:none}}.scenario-card{background:#fff;border-radius:16px;overflow:hidden;transition:.3s;box-shadow:0 2px 12px #0000000f;position:relative}.scenario-card:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001f}.scenario-thumb{height:160px;background-size:cover;background-position:center}.scenario-content{padding:1.5rem}.scenario-card h3{margin:0 0 .5rem}.meta{font-size:.85rem;color:var(--color-text-light)}.genre{color:var(--color-navy)}.card-decoration{position:absolute;width:40px;height:40px;border-radius:4px;box-shadow:0 2px 8px #0000001a;z-index:1}.card-decoration.sticky-pink{background:var(--color-index-pink);top:-10px;right:-10px;transform:rotate(15deg);clip-path:polygon(0% 0%,4% 5%,0% 10%,3% 15%,0% 22%,5% 28%,0% 35%,4% 42%,0% 50%,3% 58%,0% 65%,5% 72%,0% 78%,4% 85%,0% 92%,3% 98%,0% 100%,100% 100%,96% 95%,100% 90%,97% 85%,100% 78%,95% 72%,100% 65%,96% 58%,100% 50%,97% 42%,100% 35%,95% 28%,100% 22%,96% 15%,100% 10%,97% 5%,100% 0%)}.card-decoration.sticky-yellow{background:var(--color-index-yellow);top:-8px;left:-8px;transform:rotate(-10deg);clip-path:polygon(0% 0%,5% 0%,10% 3%,15% 0%,20% 0%,25% 4%,30% 0%,35% 0%,40% 3%,45% 0%,50% 0%,55% 5%,60% 0%,65% 0%,70% 4%,75% 0%,80% 0%,85% 3%,90% 0%,95% 0%,100% 5%,100% 100%,95% 100%,90% 97%,85% 100%,80% 100%,75% 96%,70% 100%,65% 100%,60% 95%,55% 100%,50% 100%,45% 97%,40% 100%,35% 100%,30% 96%,25% 100%,20% 100%,15% 97%,10% 100%,5% 100%,0% 95%)}.card-decoration.sticky-blue{background:var(--color-index-blue);bottom:-10px;right:-8px;transform:rotate(-8deg);clip-path:polygon(0% 0%,3% 5%,0% 12%,4% 18%,0% 25%,3% 32%,0% 40%,5% 47%,0% 55%,4% 62%,0% 70%,3% 78%,0% 85%,5% 92%,0% 100%,100% 100%,97% 95%,100% 88%,96% 82%,100% 75%,97% 68%,100% 60%,95% 53%,100% 45%,96% 38%,100% 30%,97% 22%,100% 15%,95% 8%,100% 0%)}.card-decoration.sticky-green{background:var(--color-index-green);bottom:-8px;left:-10px;transform:rotate(12deg);clip-path:polygon(0% 0%,5% 0%,12% 3%,18% 0%,25% 0%,32% 4%,40% 0%,47% 0%,55% 5%,62% 0%,70% 0%,78% 3%,85% 0%,92% 0%,100% 5%,100% 100%,95% 100%,88% 97%,82% 100%,75% 100%,68% 96%,60% 100%,53% 100%,45% 95%,38% 100%,30% 100%,22% 97%,15% 100%,8% 100%,0% 95%)}.card-decoration.sticky-purple{background:var(--color-index-purple);top:-12px;right:20px;transform:rotate(-15deg);clip-path:polygon(0% 0%,4% 5%,0% 10%,3% 15%,0% 22%,5% 28%,0% 35%,4% 42%,0% 50%,3% 58%,0% 65%,5% 72%,0% 78%,4% 85%,0% 92%,3% 98%,0% 100%,100% 100%,96% 95%,100% 90%,97% 85%,100% 78%,95% 72%,100% 65%,96% 58%,100% 50%,97% 42%,100% 35%,95% 28%,100% 22%,96% 15%,100% 10%,97% 5%,100% 0%)}@media(max-width:900px){.scenario-card{display:flex;flex-direction:row;align-items:flex-start}.scenario-thumb{width:100px;height:100px;flex-shrink:0}.scenario-content{flex:1;padding:1rem}.scenario-card h3{font-size:1rem;margin:0 0 .5rem}.meta{font-size:.8rem}.genre{font-size:.85rem}}.footer{width:100%;padding:2rem 1rem;text-align:center;background:var(--color-cream);color:var(--color-text-light);font-size:.85rem;border-top:1px dashed var(--color-mint)}.site-footer{width:100%;box-sizing:border-box;padding:2rem 1rem;text-align:center}.sidebar-toggle-btn{display:none;position:fixed;top:1rem;left:340px;z-index:1001;width:40px;height:40px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.sidebar-toggle-btn.sidebar-visible{background:transparent;color:var(--color-navy);border:none}.sidebar-toggle-btn.sidebar-hidden{background:transparent;color:var(--color-navy);border:none;left:60px}.sidebar-toggle-btn:hover{transform:scale(1.05)}.sidebar-toggle-btn:active{transform:scale(.95)}@media(min-width:901px){.sidebar-toggle-btn{display:flex;justify-content:center;align-items:center}}@media(max-width:900px){.sidebar-toggle-btn{display:none}.mobile-back-to-top{display:flex;justify-content:center;align-items:center;position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--color-navy);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;z-index:1000;transition:all .3s ease;box-shadow:0 4px 12px #0003}.mobile-back-to-top:hover{background:var(--color-yellow-orange);border-color:#ffffff80;transform:scale(1.1)}.mobile-back-to-top:active{transform:scale(.95)}}@media(min-width:901px){.mobile-back-to-top{display:none}}.hamburger-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:1000;width:40px;height:40px;background:var(--color-cream);border:2px solid var(--color-navy);border-radius:8px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px}.hamburger-btn span{display:block;width:20px;height:2px;background:var(--color-navy);border-radius:2px;transition:.3s}.hamburger-btn.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:900px){.hamburger-btn{display:flex}.hamburger-btn.open{display:none}}.scenario-page{min-height:100vh;background:var(--color-cream);position:relative;scroll-behavior:smooth}.scenario-mobile-info-card{display:none}.scenario-info-section{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 16px #00000014}.scenario-info-row{display:flex;gap:2rem}.scenario-info-left{flex:1;display:flex;flex-direction:column;gap:1rem}.scenario-path{font-size:.875rem;color:var(--color-text-light)}.scenario-title{font-size:2rem;font-weight:700;color:var(--color-dark-blue);margin:0 0 .5rem}.scenario-info-right{width:40%;min-height:250px;flex-shrink:0}.scenario-cover-placeholder{background:var(--color-cream);border-radius:12px;padding:1rem;height:250px;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);border:2px dashed var(--color-mint);font-size:.875rem}.scenario-overview-section{margin-bottom:2rem;background:var(--color-peach);border-radius:18px;box-shadow:0 4px 16px #00000014;padding:2.5rem;border:2px solid var(--color-pink)}.scenario-overview-section .scenario-template{background:none;box-shadow:none;border-radius:0;padding:0;margin-bottom:0}.scenario-overview-section .scenario-template:last-child{margin-bottom:0}.scenario-body-section{margin-bottom:2rem}@media(max-width:900px){.scenario-info-section{flex-direction:column}.scenario-info-right{width:100%;order:-1}.scenario-cover-placeholder{height:200px}.scenario-title{font-size:1.5rem}.scenario-meta-info{grid-template-columns:repeat(2,1fr)}.scenario-info-section,.scenario-overview-section,.scenario-body-section,.scenario-outro-section,.scenario-section{padding:1rem;border-radius:10px;margin-bottom:1rem}.scenario-section-title{font-size:1.1rem}.scenario-layout-content{padding-left:.5rem;padding-right:.5rem}.scenario-page:before,.scenario-page:after{display:none}.scenario-overview-section,.scenario-body-section,.scenario-section{background-image:none}}.scenario-mobile-header,.scenario-mobile-tags,.scenario-mobile-summary,.scenario-mobile-index,.scenario-mobile-content-start,.scenario-mobile-bottom-nav,.scenario-info-right-decoration{display:none}@media(max-width:900px){.toc-toggle-btn{display:none}.scenario-layout{background:#f7f3ee}.scenario-layout-content{padding:.6rem .75rem 5.4rem}.scenario-mobile-header{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:.75rem;padding:.35rem .15rem .8rem}.scenario-mobile-back{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--color-navy);text-decoration:none;font-size:1rem;border:1px solid rgba(72,82,122,.2);background:#fff}.scenario-mobile-title{font-size:.88rem;font-weight:700;color:var(--color-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scenario-mobile-actions{display:inline-flex;gap:.35rem;color:var(--color-navy);opacity:.7;font-size:.8rem}.scenario-info-section{position:relative;background:#fffdf9;border:1px solid #e9e1d4;box-shadow:0 2px 8px #0000000d;padding:.75rem;gap:.7rem}.scenario-info-right{order:0;width:100%;min-height:0}.scenario-cover-placeholder{height:180px;border-radius:8px;border:1px solid #d8d0c4;background-size:cover;background-position:center;background-repeat:no-repeat;padding:0;overflow:hidden}.scenario-cover-placeholder span{background:#ffffffb3;border-radius:999px;padding:.2rem .5rem;font-size:.72rem}.scenario-info-left{gap:.45rem}.scenario-title{font-size:1.05rem;line-height:1.5}.scenario-meta{gap:.4rem}.scenario-meta-item{padding:.55rem .45rem;border-radius:8px;border-width:1px}.scenario-mobile-tags{display:flex;flex-wrap:wrap;gap:.35rem}.scenario-mobile-tag{border-radius:999px;border:1px solid #d7cfbf;background:#f5f0e8;color:#6a6255;font-size:.67rem;padding:.18rem .5rem;line-height:1.2}.scenario-mobile-summary{display:block;background:#fff;border:1px dashed #ddd3c3;border-radius:8px;padding:.55rem .65rem}.scenario-mobile-summary p{margin:0;font-size:.72rem;line-height:1.65;color:#5d584f}.scenario-mobile-index{display:grid;gap:.35rem}.scenario-mobile-index-item{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #ddd5c8;background:#fff;color:#4b4650;border-radius:8px;padding:.62rem .72rem;font-size:.75rem;text-align:left}.scenario-mobile-index-item.spoiler{color:#a24e4e}.mobile-index-arrow{opacity:.7;font-size:.7rem}.scenario-info-right-decoration{display:block;position:absolute;right:-8px;top:40%;font-size:.95rem;opacity:.65}.scenario-info-right-decoration.bottom{top:auto;bottom:14px}.scenario-info-right-decoration.top-right{top:8px;right:6px;font-size:.8rem}.scenario-mobile-content-start{display:block;margin-bottom:.25rem}.scenario-overview-section,.scenario-body-section,.scenario-outro-section{border:none;box-shadow:none;background:transparent;padding:0;margin-bottom:.65rem}.scenario-template{border-radius:8px;border:1px solid #ddd5c8;box-shadow:none;background:#fff;margin-bottom:.42rem;padding:.72rem .78rem;background-image:none}.scenario-template h2{font-size:.76rem;margin:0 0 .48rem;border-bottom:none;display:flex;align-items:center;justify-content:space-between}.scenario-template h2:after{content:"▾";font-size:.65rem;opacity:.7}.scenario-template>div{font-size:.72rem;line-height:1.7}.scenario-mobile-bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #ddd4c7;padding:.45rem .35rem calc(.45rem + env(safe-area-inset-bottom));z-index:1002}.mobile-nav-item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;font-size:.63rem;color:#6f6a61;text-decoration:none;border:none;background:transparent;padding:.2rem 0}.mobile-nav-item.active{color:var(--color-navy);font-weight:700}.mobile-nav-icon{font-size:.86rem;line-height:1}}.toc-toggle-btn{display:none;position:fixed;top:1rem;left:280px;z-index:1001;padding:.6rem 1rem;background:var(--color-navy);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #0003;transition:all .3s ease}.toc-toggle-btn:hover{background:var(--color-dark-blue);transform:translate(4px)}.toc-toggle-arrow{margin-left:.5rem;transition:transform .3s ease;display:inline-block}.toc-toggle-arrow.open{transform:rotate(90deg)}.scenario-hero{background:#fff;border-radius:16px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 4px 16px #00000014;border:1px solid rgba(0,0,0,.05);position:relative;z-index:1}.scenario-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem}.breadcrumb-item{color:var(--color-text-light);text-decoration:none;transition:color .2s ease}.breadcrumb-item:hover{color:var(--color-navy)}.breadcrumb-item.current{color:var(--color-navy);font-weight:600}.breadcrumb-separator{color:var(--color-text-light);opacity:.5}.scenario-hero-title{font-size:2.2rem;font-weight:700;color:var(--color-navy);margin:0 0 1.5rem;line-height:1.3;position:relative}.scenario-hero-title:after{content:"✦";position:absolute;right:-2rem;top:0;color:var(--color-yellow-orange);font-size:1.5rem}.scenario-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.scenario-tag{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;background:#48527a1a;color:var(--color-navy);transition:all .2s ease}.scenario-tag.city{background:#ffb6c133;color:#d46a7a}.scenario-tag.modern{background:#87ceeb33;color:#5a9ab5}.scenario-tag.closed{background:#dda0dd33;color:#9a6a9a}.scenario-tag.christmas{background:#ffe5664d;color:#c9a000}.scenario-tag:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.scenario-meta-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:#48527a08;border-radius:12px;border:1px dashed rgba(72,82,122,.2)}.meta-item{display:flex;flex-direction:column;gap:.5rem}.meta-label{font-size:.75rem;color:var(--color-text-light);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.95rem;color:var(--color-navy);font-weight:600}.meta-value.danger{color:#e74c3c}.scenario-hero-description{font-size:1rem;line-height:1.8;color:var(--color-text);margin:0;padding:1.5rem;background:#ffffff80;border-radius:12px;border-left:4px solid var(--color-yellow-orange)}.scenario-content{position:relative;z-index:1}.scenario-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #0000000f;border:1px solid rgba(0,0,0,.05);background-image:linear-gradient(rgba(72,82,122,.02) 1px,transparent 1px);background-size:100% 2rem;background-position:0 1rem;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.scenario-section:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.scenario-section:first-child{margin-top:0;animation-delay:.1s}.scenario-section:nth-child(2){animation-delay:.2s}.scenario-section:nth-child(3){animation-delay:.3s}.scenario-section:nth-child(4){animation-delay:.4s}.scenario-section:nth-child(5){animation-delay:.5s}.scenario-section-title{font-size:1.5rem;font-weight:600;color:var(--color-navy);margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px dashed rgba(72,82,122,.2);position:relative;display:flex;align-items:center;gap:.75rem}.scenario-section-title:before{content:"✦";color:var(--color-yellow-orange);font-size:1.2rem}.scenario-section-title:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,rgba(72,82,122,.2),transparent)}.scenario-section-body{color:var(--color-text);line-height:1.8;font-size:1rem}.scenario-section-body p{margin:0 0 1rem}.scenario-section-body p:last-child{margin-bottom:0}.spoiler-section{opacity:.6;transition:opacity .3s ease}.spoiler-section:hover{opacity:1}.spoiler-section .scenario-section-title{color:var(--color-text-light);border-bottom-color:var(--color-text-light)}.scenario-cover{position:relative;z-index:1}.scenario-cover-image{position:relative;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 16px #0000001a;margin-bottom:2rem;transform:rotate(-2deg);transition:transform .3s ease}.scenario-cover-image:hover{transform:rotate(0)}.cover-photo{width:100%;height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:4px}.masking-tape{position:absolute;width:80px;height:25px;background:#ffe566cc;left:50%;transform:translate(-50%) rotate(-5deg);box-shadow:0 2px 4px #0000001a;clip-path:polygon(0% 0%,5% 0%,10% 5%,15% 0%,20% 0%,25% 5%,30% 0%,35% 0%,40% 5%,45% 0%,50% 0%,55% 5%,60% 0%,65% 0%,70% 5%,75% 0%,80% 0%,85% 5%,90% 0%,95% 0%,100% 5%,100% 100%,95% 100%,90% 95%,85% 100%,80% 100%,75% 95%,70% 100%,65% 100%,60% 95%,55% 100%,50% 100%,45% 95%,40% 100%,35% 100%,30% 95%,25% 100%,20% 100%,15% 95%,10% 100%,5% 100%,0% 95%)}.masking-tape.tape-top{top:-10px}.masking-tape.tape-bottom{bottom:-10px}.polaroid-frame{background:#fff;padding:1rem 1rem 2rem;border-radius:4px;box-shadow:0 4px 16px #0000001a;margin-bottom:2rem;transform:rotate(3deg);transition:transform .3s ease}.polaroid-frame:hover{transform:rotate(0)}.polaroid-photo{width:100%;height:150px;background:#48527a1a;border-radius:2px;margin-bottom:1rem}.polaroid-caption{text-align:center;padding:.5rem;background:#48527a0d;border-radius:4px}.handwritten{font-family:Comic Sans MS,cursive,sans-serif;color:var(--color-navy);font-size:.9rem}.cover-decoration{position:relative}.decoration{position:absolute;font-size:1.5rem;opacity:.6;transition:all .3s ease}.decoration.flower{top:-20px;right:-10px;color:#ffb6c1;transform:rotate(15deg)}.decoration.star{bottom:50px;left:-15px;color:var(--color-yellow-orange);transform:rotate(-10deg)}.decoration.clover{bottom:-10px;right:20px;color:#98fb98;transform:rotate(20deg)}.decoration:hover{transform:rotate(0) scale(1.2);opacity:1}.ho-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.ho-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #00000014;border:2px solid transparent;position:relative;transition:all .3s ease}.ho-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.ho-card.pink{border-color:#ffb6c180;background:linear-gradient(135deg,#fff,#ffb6c11a)}.ho-card.blue{border-color:#87ceeb80;background:linear-gradient(135deg,#fff,#87ceeb1a)}.ho-card.green{border-color:#98fb9880;background:linear-gradient(135deg,#fff,#98fb981a)}.ho-card.orange{border-color:#ffa50080;background:linear-gradient(135deg,#fff,#ffa5001a)}.ho-card-decoration{position:absolute;top:-10px;right:-10px;font-size:1.5rem;opacity:.7}.ho-card.pink .ho-card-decoration{color:#ffb6c1}.ho-card.blue .ho-card-decoration{color:#87ceeb}.ho-card.green .ho-card-decoration{color:#98fb98}.ho-card.orange .ho-card-decoration{color:orange}.ho-card-number{position:absolute;top:.75rem;left:.75rem;font-size:.75rem;font-weight:700;color:var(--color-navy);opacity:.5}.ho-card-content{margin-top:.5rem}.ho-card-title{font-size:1rem;font-weight:600;color:var(--color-navy);margin:0 0 .75rem}.ho-card-text{font-size:.9rem;color:var(--color-text);line-height:1.6;margin:0}.scenario-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.scenario-error h1{color:var(--color-navy);margin-bottom:1rem}.scenario-error a{color:var(--color-navy);text-decoration:underline}@media(max-width:1400px){.scenario-hero-title{font-size:2rem}.ho-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:1200px){.scenario-hero{padding:2rem}.scenario-hero-title{font-size:1.8rem}.scenario-meta-info{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.toc-toggle-btn{display:flex;align-items:center;left:1rem;top:auto;bottom:1rem}.scenario-hero{padding:1.5rem;border-radius:12px}.scenario-hero-title{font-size:1.5rem}.scenario-hero-title:after{display:none}.scenario-tags{gap:.5rem}.scenario-tag{font-size:.75rem;padding:.4rem .8rem}.scenario-meta-info{grid-template-columns:1fr;gap:1rem}.scenario-hero-description{font-size:.9rem}.scenario-section{padding:1.5rem;border-radius:12px}.scenario-section-title{font-size:1.3rem}.ho-cards{grid-template-columns:1fr}}@media(max-width:600px){.scenario-hero{padding:1rem}.scenario-hero-title{font-size:1.3rem}.scenario-breadcrumb{font-size:.75rem}.scenario-section{padding:1rem}.scenario-section-title{font-size:1.2rem}.scenario-section-body{font-size:.95rem}.ho-card{padding:1rem}}.scenario-overview-section,.scenario-body-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 16px #0000000f;border:1px solid rgba(0,0,0,.05);background-image:linear-gradient(rgba(72,82,122,.02) 1px,transparent 1px);background-size:100% 2rem;background-position:0 1rem}.scenario-overview-section .scenario-template,.scenario-body-section .scenario-template,.scenario-overview-section .scenario-section,.scenario-body-section .scenario-section{background:transparent!important;background-image:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important;margin-bottom:2rem}.scenario-overview-section .scenario-template:last-child,.scenario-body-section .scenario-template:last-child,.scenario-overview-section .scenario-section:last-child,.scenario-body-section .scenario-section:last-child{margin-bottom:0}@media(max-width:900px){.scenario-layout-toc{display:none}.scenario-layout-content{width:100%;margin:0;padding:0 16px}.scenario-info-section{display:none}.scenario-path{font-size:.75rem;color:var(--color-text-light);margin-bottom:12px;padding:0 4px}.scenario-mobile-hamburger{display:block;position:fixed;top:.5rem;right:.5rem;z-index:1000;width:32px;height:28px;background:transparent;border:none;cursor:pointer;padding:0}.scenario-mobile-hamburger span{display:block;width:100%;height:3px;background:var(--color-navy);margin:5px 0;transition:all .3s ease;border-radius:2px}.scenario-mobile-hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.scenario-mobile-hamburger.open span:nth-child(2){opacity:0}.scenario-mobile-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.scenario-mobile-info-card{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;margin-bottom:16px}.scenario-mobile-cover{width:100%;height:220px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#f5f5f5;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#999;font-size:.875rem}.scenario-mobile-title{font-size:1.25rem;font-weight:700;color:var(--color-navy);margin:0}.scenario-mobile-meta{display:flex;flex-direction:column;gap:8px}.scenario-mobile-meta-item{display:flex;justify-content:space-between;font-size:.875rem;color:#666}.scenario-mobile-meta-label{color:#999}.scenario-mobile-meta-value{font-weight:600;color:#333}.scenario-mobile-summary{background:#f9f9f9;border-radius:8px;padding:16px}.scenario-mobile-summary p{margin:0;font-size:.875rem;line-height:1.6;color:#666}.scenario-body-section,.scenario-outro-section{display:block}.scenario-overview-section{display:none}.scenario-template{background:#fff;border-radius:12px;overflow:hidden;margin-bottom:12px;border:1px solid rgba(0,0,0,.08)}.scenario-template-header{list-style:none;cursor:pointer;padding:12px 14px;font-weight:600;font-size:.9rem;color:var(--color-navy);display:flex;align-items:center;justify-content:space-between}.scenario-template-header::-webkit-details-marker{display:none}.scenario-template-header:after{content:"▼";transition:transform .3s ease}.scenario-template[open] .scenario-template-header:after{transform:rotate(180deg)}.scenario-template-body{padding:0 16px 16px;overflow:hidden;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease}.scenario-template[open] .scenario-template-body{max-height:2000px;opacity:1}.scenario-template-body>div{font-size:.875rem;line-height:1.7;color:#666}.scenario-template-body p{margin:0 0 12px}.scenario-template-body p:last-child{margin-bottom:0}.scenario-template-arrow{font-size:.75rem;transition:transform .3s ease}.scenario-template[open] .scenario-template-arrow{transform:rotate(180deg)}}.scenario-layout{display:flex;min-height:100vh;background:var(--color-cream);transition:padding-left .3s ease}.scenario-layout.sidebar-hidden{padding-left:40px}.scenario-layout-sidebar{width:320px;flex-shrink:0;transition:opacity .3s ease,transform .3s ease,width .3s ease}.scenario-layout.sidebar-hidden .scenario-layout-sidebar{opacity:0;transform:translate(-100%);pointer-events:none;width:0;overflow:hidden}.scenario-layout-toc{width:200px;flex-shrink:0;padding:2rem 1rem 2rem 0;position:sticky;top:4rem;height:fit-content;max-height:calc(100vh - 6rem);overflow-y:auto}.scenario-layout-content{flex:1;width:auto;max-width:900px;padding:2rem 2rem 2rem 1rem;transition:max-width .3s ease}.scenario-layout.sidebar-hidden .scenario-layout-content{max-width:1400px}@media(max-width:1200px){.scenario-layout-toc{width:180px}}@media(max-width:900px){.scenario-layout{flex-direction:column}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:998}.scenario-layout-sidebar{position:fixed;inset:0;width:0;pointer-events:none;z-index:999}.scenario-layout-sidebar .sidebar.open{pointer-events:auto}.scenario-layout-sidebar.mobile-open{transform:translate(0)}.scenario-layout-toc{display:none}.scenario-layout-content{width:100%;max-width:none;margin:0;padding:1rem}}.scenario-template{background:#fff;border-radius:18px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 4px 16px #00000014}.scenario-template-arrow{display:none}@media(max-width:900px){.scenario-template-arrow{display:block;font-size:.75rem;transition:transform .3s ease}.scenario-template[open] .scenario-template-arrow{transform:rotate(-90deg)}}@media(min-width:901px){.scenario-template{display:block}.scenario-template:not([open]){display:block}.scenario-template[open]{display:block}.scenario-template-body{display:block!important;max-height:none!important;opacity:1!important}.scenario-template-header:after{display:none}}.scenario-template-header{list-style:none;color:var(--color-dark-blue);border-bottom:2px dashed var(--color-mint);padding-bottom:.5rem;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;cursor:default}.scenario-template-header::-webkit-details-marker{display:none}.scenario-template-header:after{display:none}.scenario-template-body{line-height:1.8;color:var(--color-text-dark)}@media(max-width:900px){.scenario-template-header{font-size:.9rem!important;padding:12px 14px!important}}.scenario-toc{background:#ffffff80;border-radius:12px;padding:1.5rem;border:1px solid rgba(0,0,0,.05)}.scenario-toc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.scenario-toc-title{margin:0;font-size:.9rem;font-weight:600;color:#8b7355;background:linear-gradient(135deg,#fff9c4,#fff59d);padding:.5rem 2rem;border-radius:4px;transform:rotate(-2deg);box-shadow:0 2px 4px #0000001a;display:inline-block;clip-path:polygon(0% 0%,3% 5%,0% 12%,4% 18%,0% 25%,3% 32%,0% 40%,5% 47%,0% 55%,4% 62%,0% 70%,3% 78%,0% 85%,5% 92%,0% 100%,100% 100%,97% 95%,100% 88%,96% 82%,100% 75%,97% 68%,100% 60%,95% 53%,100% 45%,96% 38%,100% 30%,97% 22%,100% 15%,95% 8%,100% 0%)}.scenario-toc-close{background:none;border:none;font-size:1.5rem;color:var(--color-text);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.scenario-toc-close:hover{background:#0000001a}.scenario-toc-list{list-style:none;padding:0;margin:0}.scenario-toc-item{width:100%;text-align:left;padding:.5rem .7rem;background:none;border:none;border-radius:6px;color:var(--color-text);font-size:.8rem;cursor:pointer;transition:all .2s ease;margin-bottom:.3rem}.scenario-toc-item:hover{background:#48527a1a;transform:translate(4px)}.scenario-toc-item.active{background:var(--color-navy);color:#fff}.scenario-toc-item.spoiler{color:#e74c3c}.scenario-toc-item.spoiler:hover,.scenario-toc-item.spoiler.active{color:#fff}.spoiler-icon{margin-right:.5rem}@media(min-width:901px){.scenario-toc-close{display:none}}@media(max-width:900px){.scenario-toc{position:fixed;inset:0;background:#00000080;z-index:1000;display:none;padding:0;border:none;border-radius:0}.scenario-toc.open{display:flex;flex-direction:column;align-items:center;justify-content:center}.scenario-toc-title{width:min(88vw,340px);margin:0;padding:.95rem 1rem .5rem;background:#fffdf9;border:1px solid #ddd5c8;border-bottom:0;border-radius:12px 12px 0 0;font-size:.9rem}.scenario-toc-item{padding:.7rem .8rem;font-size:.8rem;margin-bottom:.3rem;border:1px solid #e4ddcf;background:#fff}.scenario-toc-list{width:min(88vw,340px);background:#fffdf9;border-radius:0 0 12px 12px;padding:.75rem;border:1px solid #ddd5c8;border-top:0;max-height:62vh;overflow-y:auto}}.scenario-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.scenario-meta-item{display:flex;flex-direction:column}.scenario-meta-label{font-size:.75rem;font-weight:600;color:#7a6d6d;display:flex;align-items:center;gap:6px}.scenario-meta-value{font-size:.9rem;font-weight:700;color:var(--color-dark-blue);margin-top:8px}@media(max-width:900px){.scenario-meta{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:600px){.scenario-meta{grid-template-columns:1fr;gap:12px}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p{margin:0}ul,ol{padding:0;margin:0;list-style:none}button{font:inherit}:root{--color-cream: #FFF8F2;--color-pink: #F8E8EE;--color-peach: #FADADD;--color-mint: #DDEDEA;--color-lavender: #E4D7F5;--color-navy: #48527A;--color-dark-blue: #4F5D75;--color-text: #4A4A4A;--color-text-light: #7A7A7A;--color-yellow-orange: #FFE566;--color-orange: #FF9F40;--color-index-pink: #FFB6C1;--color-index-yellow: #FFE566;--color-index-green: #98FB98;--color-index-blue: #87CEEB;--color-index-purple: #DDA0DD;--sidebar-width: 280px;--sidebar-gap: 20px;--radius-large: 24px;--radius-medium: 16px;--radius-small: 8px}body{margin:0;font-family:Courier New,Hiragino Maru Gothic ProN,Yu Gothic UI,Noto Sans JP,sans-serif;background:var(--color-cream);color:var(--color-text);line-height:1.7}*{box-sizing:border-box}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}h1,h2,h3,h4,h5,h6,p{margin-top:0}