body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:sans-serif}#tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(40,40,35,.85);z-index:9000;display:flex;opacity:1;justify-content:center;align-items:center;transition:opacity .5s ease}#tutorial-content{background:#fdfdf9;padding:30px;border-radius:12px;width:85%;max-width:500px;box-shadow:0 5px 20px rgba(0,0,0,.5)}.tutorial-eyecatch{display:block;width:100%;max-width:250px;margin:0 auto 20px auto;height:auto;border-radius:10px}#tutorial-content p,#tutorial-content ul{line-height:1.6;color:#333}#tutorial-content ul{padding-left:20px;background:#f9f9f9;padding:15px 15px 15px 35px;border-radius:8px}#tutorial-content li{margin-bottom:10px}.tutorial-loading-text{text-align:center!important;color:#666!important;font-weight:700;margin-top:20px;animation:blink 1.5s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}.tutorial-close-text{text-align:center!important;color:#e74c3c!important;font-weight:700;margin-top:20px;animation:pulse 2s infinite;cursor:pointer}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}#map-container{width:100vw;height:100vh;overflow:auto;cursor:grab;background:linear-gradient(to right,#c4e5e7,#fff 25%,#fff 75%,#c4e5e7)}#map-container:active{cursor:grabbing}#map-inner{position:relative;width:1000px;margin:0 auto;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 150px,#000 calc(100% - 150px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 150px,#000 calc(100% - 150px),transparent 100%)}#base-map{display:block;width:1000px;height:auto;pointer-events:none}.pin{position:absolute;width:30px;height:30px;background-color:#e74c3c;color:#fff;border-radius:50%;border:3px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;transform:translate(-50%,-100%);cursor:pointer;font-weight:700;font-size:12px;transition:transform .2s;z-index:100}.pin:hover{transform:translate(-50%,-100%) scale(1.1)}#article-modal-overlay,#modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:none;justify-content:center;align-items:center}#modal-overlay{z-index:9100}#article-modal-overlay{z-index:9500}#article-modal-content,#modal-content{background:#fff;width:90%;border-radius:8px;overflow-y:auto;position:relative}#modal-content{max-width:600px;max-height:90vh;padding:20px}#article-modal-content{max-width:800px;max-height:90vh;padding:30px}.close-btn{position:sticky;top:-10px;margin-left:auto;z-index:1000;background:rgba(255,255,255,.95);width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer;color:#555;border:none;margin-bottom:5px;transform:translateX(10px);box-shadow:0 2px 5px rgba(0,0,0,.1)}h2{margin-top:0;color:#2c3e50}h3{font-size:1.1rem;color:#34495e;border-bottom:2px solid #eee;padding-bottom:5px}p{line-height:1.6;font-size:.95rem}.modal-img{width:100%;height:auto;border-radius:4px;margin-top:10px}.caption{font-size:.8rem;color:#666;margin-bottom:15px;text-align:right}.map-embed iframe{width:100%;height:250px;border:none;margin:15px 0}.info-list{list-style:none;padding:0}.info-list li{margin-bottom:8px;font-size:.9rem}.bonus-wrapper{display:flex;align-items:flex-start;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.bonus-img-container{flex-shrink:0}.bonus-img{width:150px;height:150px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 4px 8px rgba(0,0,0,.1);display:block}.bonus-text-container{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start}.bonus-heading{margin-top:0;margin-bottom:10px;font-size:1.1rem;color:#e84393;font-weight:700}.bonus-caption{margin-top:0;margin-bottom:0;font-size:.95rem;line-height:1.6;color:#333;text-align:left}#article-modal-body h2{font-size:1.4rem;border-bottom:2px solid #e74c3c;padding-bottom:10px;margin-bottom:20px;clear:both}.article-images{float:left;width:45%;margin:0 20px 15px 0}.article-images img{width:100%;height:auto;border-radius:8px;object-fit:cover}.creator-info{clear:both;margin-top:40px;padding-top:20px;border-top:1px solid #ccc;text-align:right;color:#555;font-size:.9rem}.creator-info h3{font-size:1rem;color:#333;margin-bottom:5px;border:none}#floating-btn{position:fixed;bottom:30px;right:30px;background-color:#e74c3c;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:.95rem;font-weight:700;cursor:pointer;z-index:8000;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:transform .2s,background-color .2s;line-height:1.4;text-align:left}#floating-btn:hover{background-color:#c0392b;transform:translateY(-3px)}.deco-icon{position:absolute;z-index:50;height:auto;pointer-events:none}@keyframes shake-anim{0%{transform:rotate(0)}25%{transform:rotate(15deg)}50%{transform:rotate(-15deg)}75%{transform:rotate(10deg)}100%{transform:rotate(0)}}.shake{animation:shake-anim 1s ease-in-out}#map-title{position:fixed;top:20px;left:20px;z-index:8001;font-family:'Shippori Mincho',serif;font-size:1.2rem;font-weight:500;color:#2c3e50;line-height:1.4;background-color:rgba(255,255,255,.7);padding:10px 15px;border-radius:4px;margin:0;pointer-events:none}@media screen and (max-width:768px){#map-container{background:#fff}#map-inner{margin:0;zoom:.55;-webkit-mask-image:none;mask-image:none}#tutorial-content{width:85%;padding:20px;max-height:80vh;overflow-y:auto}.tutorial-eyecatch{max-width:200px;margin-bottom:15px}#tutorial-content p,#tutorial-content ul{font-size:.9rem;line-height:1.5}#modal-content{width:95%;padding:15px}.bonus-wrapper{flex-direction:column;align-items:center;gap:10px}.bonus-text-container{align-items:center}.bonus-heading{text-align:center}.article-images{float:none;width:100%;margin:20px 0;flex-direction:column}.article-images img{width:100%}#floating-btn{bottom:15px;right:15px;font-size:.85rem;padding:10px 15px}}