@import "https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600;700&display=swap";:root{--ink:#1a1208;--paper:#f5eed6;--paper-dark:#e8dcc0;--vermilion:#b83232;--vermilion-dark:#8a2222;--gold:#c9a227;--gold-light:#f0d878;--shadow:#1a120859;--font-serif:"Noto Serif JP", "Hiragino Mincho ProN", serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-serif);color:var(--ink);background:#0a0604}.bg-slideshow{z-index:-1;position:fixed;inset:0;overflow:hidden}.bg-slide{opacity:0;background-position:top;background-size:cover;animation:24s infinite bgCrossfade;position:absolute;inset:0;transform:scale(1.05)}.bg-slide-1{background-image:url(/assets/bg-nobunaga.png);animation-delay:0s}.bg-slide-2{background-image:url(/assets/bg-battle.png);animation-delay:8s}.bg-slide-3{background-image:url(/assets/bg-armor.png);animation-delay:16s}.bg-overlay{pointer-events:none;background:linear-gradient(#0a06048c 0%,#0a0604bf 50%,#0a0604d9 100%),radial-gradient(#0000 30%,#0009 100%);position:absolute;inset:0}@keyframes bgCrossfade{0%,5%{opacity:0;transform:scale(1.08)}10%,28%{opacity:1;transform:scale(1.02)}33%,to{opacity:0;transform:scale(1.08)}}body:before{content:"";pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(90deg,#0000,#0000 48px,#fff6 49px,#0000 50px);position:fixed;inset:0}#app{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative}.fireworks-canvas{pointer-events:none;z-index:9999;opacity:0;transition:opacity .2s;position:fixed;inset:0}.fireworks-canvas--active{opacity:1}.victory-flash{animation:.8s victoryFlash}@keyframes victoryFlash{0%{filter:brightness()}15%{filter:brightness(1.8)saturate(1.3)}to{filter:brightness()}}.page{width:min(720px,100%)}.page--wide{width:min(860px,100%)}.section-divider{border:none;border-top:2px dashed var(--ink);opacity:.25;margin:1.5rem 0}.section-heading{color:var(--vermilion-dark);text-align:center;margin:0 0 1rem;font-size:1.1rem}.result-sublabel{text-align:center;color:var(--vermilion-dark);margin:-.5rem 0 1rem;font-size:3rem;font-weight:600}.ranking-success{text-align:center;color:var(--gold);margin:.5rem 0;font-weight:600}.ranking-table-wrap{margin-top:1rem;overflow-x:auto}.ranking-table{border-collapse:collapse;width:100%;font-size:.95rem}.ranking-table th,.ranking-table td{border:2px solid var(--ink);text-align:left;padding:.65rem .75rem}.ranking-table th{background:var(--vermilion-dark);color:var(--paper);font-weight:600}.ranking-table tbody tr:nth-child(2n){background:#ffffff73}.ranking-table tbody tr:nth-child(odd){background:#ffffffa6}.ranking-rank{text-align:center;width:3rem;font-weight:700}.ranking-score{text-align:center;color:var(--vermilion-dark);width:4rem;font-weight:700}.ranking-date{white-space:nowrap;font-size:.85rem}.ranking-empty{text-align:center;opacity:.7;padding:2rem!important}.intro-text{text-align:center;margin-bottom:1.5rem}.hero-section{justify-content:center;margin:-.5rem 0 1rem;display:flex}.hero-img{border:3px solid var(--ink);object-fit:cover;border-radius:4px;width:min(140px,35vw);height:auto;box-shadow:0 6px 20px #00000040}.scroll-panel--quiz{overflow:visible}.quiz-decor{pointer-events:none;border-radius:4px;position:absolute;inset:0;overflow:hidden}.quiz-decor-img{object-fit:cover;border:2px solid var(--ink);opacity:.85;border-radius:4px;width:64px;height:64px;position:absolute;box-shadow:0 4px 12px #0003}.quiz-decor-left{top:.5rem;left:-.75rem;transform:rotate(-6deg)}.quiz-decor-right{top:.5rem;right:-.75rem;transform:rotate(8deg)}.scroll-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:3px solid var(--ink);box-shadow:0 12px 40px var(--shadow), 0 0 60px #c9a22714, inset 0 0 0 1px #ffffff80;background:#f5eed6eb;border-radius:4px;padding:2rem;position:relative}.scroll-panel:before,.scroll-panel:after{content:"";background:linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));border-radius:999px;height:6px;position:absolute;left:1rem;right:1rem}.scroll-panel:before{top:.6rem}.scroll-panel:after{bottom:.6rem}.title{text-align:center;letter-spacing:.15em;color:var(--vermilion-dark);text-shadow:0 1px #ffffff80;margin:0 0 .5rem;font-size:clamp(1.8rem,5vw,2.4rem)}.subtitle{text-align:center;opacity:.75;margin:0 0 2rem;font-size:.95rem}.btn{border:2px solid var(--ink);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.4rem;font-family:inherit;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:active{transform:translateY(2px)}.btn-primary{background:linear-gradient(180deg, var(--vermilion) 0%, var(--vermilion-dark) 100%);color:var(--paper);box-shadow:0 4px 0 var(--ink)}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:var(--paper-dark);color:var(--ink);box-shadow:0 4px 0 var(--ink)}.btn-secondary:hover{background:#ddd0b0}.btn-ghost{color:var(--ink);box-shadow:none;background:0 0;border-color:#0000;padding-inline:.5rem;text-decoration:underline}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.progress{text-align:center;color:var(--vermilion-dark);margin-bottom:1rem;font-size:.9rem;font-weight:600}.question-text{border-left:4px solid var(--vermilion);background:#ffffff73;margin:0 0 1.5rem;padding:1rem;font-size:clamp(1.1rem,3vw,1.35rem);line-height:1.7}.choices{gap:.75rem;margin-bottom:1rem;display:grid}.choice-btn{text-align:left;border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:4px;width:100%;padding:1rem 1.2rem;font-family:inherit;font-size:1rem;transition:background .15s,transform .15s,border-color .15s}.choice-btn:hover:not(:disabled){background:var(--paper-dark);transform:translate(4px)}.choice-btn:disabled{cursor:default}.choice-btn.selected{border-color:var(--vermilion);background:#fff5f0}.choice-btn.correct{border-color:var(--gold);background:linear-gradient(90deg,#fff8dc,#fff);animation:.5s correctFlash;box-shadow:0 0 8px #c9a22766}.quiz-panel-celebrate{animation:.5s panelCelebrate}@keyframes panelCelebrate{0%{box-shadow:0 12px 40px var(--shadow)}50%{box-shadow:0 12px 40px var(--shadow), 0 0 80px #ffd70080, inset 0 0 30px #ffd70026}to{box-shadow:0 12px 40px var(--shadow)}}.choice-btn.wrong{border-color:var(--vermilion);background:#ffe8e8;animation:.5s shake}.feedback{text-align:center;min-height:2.5rem;margin:1rem 0;font-size:1.3rem;font-weight:700}.feedback.correct{color:var(--gold);text-shadow:0 1px 2px #0003;font-size:1.35rem;animation:.4s popIn}.feedback.wrong{color:var(--vermilion);animation:.4s popIn}.result-score{text-align:center;color:var(--vermilion-dark);margin:.5rem 0;font-size:3rem;font-weight:700}.result-label{text-align:center;color:var(--gold);margin-bottom:1rem;font-size:3rem;font-weight:700}.result-detail{text-align:center;margin-bottom:2rem;line-height:1.8}.overlay{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.overlay.hidden{display:none}.setup-box,.login-box{width:min(480px,100%)}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.35rem;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:2px solid var(--ink);background:#fff;border-radius:4px;width:100%;padding:.65rem .75rem;font-family:inherit;font-size:1rem}.form-group textarea{resize:vertical;min-height:4rem}.error-text{color:var(--vermilion);margin:.5rem 0 0;font-size:.9rem}.loading{text-align:center;color:var(--paper);font-size:1.1rem}.hidden{display:none!important}.settings-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.settings-header h1{color:var(--vermilion-dark);margin:0;font-size:1.5rem}.question-list{gap:1rem;margin-bottom:2rem;display:grid}.question-card{border:2px solid var(--ink);background:#ffffff8c;border-radius:4px;padding:1rem}.question-card-header{color:var(--vermilion-dark);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-weight:600;display:flex}.choice-inputs{gap:.5rem;display:grid}.choice-row{align-items:center;gap:.5rem;display:flex}.choice-row input[type=radio]{width:auto}.card-actions{gap:.5rem;margin-top:.75rem;display:flex}.btn-danger{color:var(--vermilion-dark);border:2px solid var(--vermilion);background:#fff}.btn-danger:hover{background:#ffe8e8}.status-bar{text-align:center;color:var(--vermilion-dark);margin-bottom:1rem;font-size:.85rem}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes correctFlash{0%{box-shadow:0 0 #c9a227cc}70%{box-shadow:0 0 0 12px #c9a22700}to{box-shadow:none}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.demo-banner{border:1px solid var(--gold);color:var(--paper);text-align:center;background:#c9a22740;border-radius:4px;margin-bottom:1rem;padding:.6rem 1rem;font-size:.85rem}@media (width<=520px){.scroll-panel{padding:1.25rem}.title{letter-spacing:.08em}.quiz-decor-img{width:48px;height:48px}.quiz-decor-left{top:.25rem;left:.25rem}.quiz-decor-right{top:.25rem;right:.25rem}.hero-img{width:110px}}