@import"https://fonts.googleapis.com/css2?family=Kaisei+Tokumin:wght@400;700&display=swap";.main-title{font-family:Kaisei Tokumin,serif;color:#000;font-size:2.5rem;margin:0;text-shadow:2px 2px 0px #ffffff,4px 4px 0px #3d3d3d;letter-spacing:.1em}.main-header{width:100%;height:60px;display:flex;background:linear-gradient(to right,#368d67,#fff)}.header-logo{height:100%;margin-left:0;border-right:4px dashed #000000}@media(min-width:768px){.main-header{height:100px}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{max-width:1200px;margin:0 auto}.content-container{margin-top:10px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}.toc-container{background-color:#f9fdfb;border:1px solid #3B956E;border-radius:8px;padding:1.5rem;margin:2rem 0;width:100%}.toc-header{display:flex;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;color:#3b956e}.toc-header h2{margin:0;font-size:1.25rem;font-weight:700}.toc-genre{display:flex;align-items:center;border-bottom:2px solid #3B956E;margin-bottom:1rem;padding-bottom:.5rem;color:#3b956e}.toc-genre h3{margin:0;font-size:1rem;font-weight:700}.toc-list{list-style:none;padding:0;margin:0}.toc-list li{margin-bottom:.8rem}.toc-list a{text-decoration:none;color:#333;transition:all .2s ease;display:block;padding:4px 8px;border-radius:4px}.toc-list a .number{color:#3b956e;font-weight:700;margin-right:8px}.toc-list a:hover{background-color:#e8f5ee;color:#3b956e;transform:translate(5px)}.speech-bubble-container{display:flex;align-items:flex-start;gap:15px;margin:2rem 0;width:100%}.character-wrapper{flex-shrink:0}.speech-content{position:relative;background:#fff;border:2px solid #3B956E;border-radius:15px;padding:1.5rem;box-shadow:4px 4px #3b956e33}.speech-content:before{content:"";position:absolute;left:-10px;top:20px;border-style:solid;border-width:8px 10px 8px 0;border-color:transparent #3B956E transparent transparent}.speech-content:after{content:"";position:absolute;left:-7px;top:20px;border-style:solid;border-width:8px 10px 8px 0;border-color:transparent #ffffff transparent transparent}.intro-greeting h3{color:#3b956e;margin:0 0 .8rem;font-size:1.2rem;font-weight:700}.intro-body p{margin-bottom:.8rem;line-height:1.7;color:#333}@media(max-width:600px){.speech-bubble-container{flex-direction:column;align-items:center;gap:10px}.speech-content:before,.speech-content:after{display:none}}.character-wrapper{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:8px}.character-img{width:70px;height:70px;border-radius:50%;border:3px solid #3B956E;object-fit:cover;background-color:#fff}.character-name{color:#3b956e;font-size:.9rem;font-weight:700;background:#e8f5ee;padding:2px 10px;border-radius:12px}.speech-content:before,.speech-content:after{top:25px}.game-card{background:#fff;border-radius:16px;border:2px solid #e0e0e0;padding:2rem;margin-bottom:3rem;transition:transform .3s ease;scroll-margin-top:100px}.game-card:hover{border-color:#3b956e}.game-header{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;border-bottom:2px solid #f0f0f0;padding-bottom:.8rem}.game-number{background:#3b956e;color:#fff;font-weight:700;padding:2px 10px;border-radius:6px;font-size:.9rem}.game-header h3{margin:0;color:#333;font-size:1.5rem;font-weight:700}.game-description p{line-height:1.8;color:#555;margin-bottom:1rem}.game-description strong{color:#3b956e;background:linear-gradient(transparent 70%,#e8f5ee 70%)}.hinata-comment{background:#f9fdfb;border-left:4px solid #3B956E;padding:1rem 1.5rem;margin-top:1.5rem;border-radius:0 8px 8px 0;position:relative}.hinata-comment:before{content:"HINATA'S POINT!";display:block;font-size:.75rem;font-weight:700;color:#3b956e;margin-bottom:5px}.hinata-comment p{margin:0;font-size:.95rem;color:#444;font-style:italic}.game-info-text{font-weight:700;font-size:1.1rem;color:#333;margin:10px 0}.info-label{color:#3b956e}.top-back-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background-color:#3b956e;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 10px #0003;z-index:1000;transition:all .3s ease}.top-back-btn:hover{background-color:#2e7a5a;transform:translateY(-5px)}.top-back-btn .arrow{font-size:1.2rem;font-weight:700;line-height:1}.top-back-btn .text{font-size:.7rem;font-weight:700}.recommend-label{color:#ff9800;font-weight:700;font-size:.85em;margin-left:10px;border:1px solid #ff9800;padding:2px 6px;border-radius:4px;vertical-align:middle}@media(max-width:600px){.top-back-btn{bottom:20px;right:20px;width:50px;height:50px}}.genre-title-container{margin:4rem 0 2rem;padding-bottom:1rem;border-bottom:3px double #3B956E;scroll-margin-top:100px}.genre-badge{display:inline-block;background-color:#3b956e;color:#fff;font-size:.8rem;font-weight:700;padding:2px 12px;border-radius:4px;margin-bottom:10px;letter-spacing:1px}.genre-main-title{display:flex;flex-direction:column;gap:5px;margin:0}.genre-main-title .sub-text{font-size:1rem;color:#666;font-weight:400}.genre-main-title .main-text{font-size:1.8rem;font-weight:900;color:#333;position:relative;display:inline-block}.genre-main-title .main-text:after{content:"";position:absolute;left:0;bottom:4px;width:100%;height:8px;background-color:#3b956e26;z-index:-1}@media(max-width:600px){.genre-main-title .main-text{font-size:1.4rem}}.game-banner{width:100%;margin:5px;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #0003}.game-banner img{width:100%;height:auto;display:block}.steam-widget-container{width:100%;margin-top:15px;background:#0003;border-radius:8px;padding:5px;overflow:hidden}.steam-widget-container iframe{border:none;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}.speech-bubble-container{display:flex;align-items:flex-start;gap:15px;margin:2rem 0}.speech-content{position:relative;background:#fff;border:2px solid #3B956E;border-radius:15px;padding:1.5rem;flex:1}.speech-content:before{content:"";position:absolute;left:-10px;border-style:solid;border-width:8px 10px 8px 0;border-color:transparent #3B956E transparent transparent}.speech-content:after{content:"";position:absolute;left:-7px;border-style:solid;border-width:8px 10px 8px 0;border-color:transparent #ffffff transparent transparent}.intro-greeting h3{color:#3b956e;margin:0 0 .8rem;font-size:1.2rem}.stress-text{color:#e63946;font-weight:700}.highlight-text{background:linear-gradient(transparent 70%,#e8f5ee 70%);font-weight:700}.site-footer{background-color:#ffffffe6;padding:20px 0;margin-top:50px;border-top:1px solid #ddd;text-align:center}.footer-nav{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:10px}.footer-nav a{color:#666;text-decoration:none;font-size:.9rem;font-weight:700}.footer-nav a:hover{color:#3b956e;text-decoration:underline}