:root{--green:#278c35;--green-dark:#176726;--green-deep:#0f5a20;--yellow:#ffef34;--orange:#f49a1a;--brown:#604739;--cream:#fffceb;--line:#d8e8cc;--ink:#2e352c;--muted:#667062;--shadow:0 12px 34px rgba(50,86,34,.15)}
*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;background:#ffe779 url('/assets/img/bg01.jpg') repeat-y top center;line-height:1.7}a{color:var(--green-dark)}img{max-width:100%;height:auto}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-shell{width:100%;min-height:100vh;background:url('/assets/img/bg02.png') no-repeat top center}.site-header{height:222px;position:relative}.brand{position:absolute;inset:0;display:block;text-decoration:none;color:#2f422a}.brand-sub{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:max-content;max-width:92vw;background:rgba(255,255,255,.93);border:1px solid rgba(39,140,53,.18);padding:.28rem .9rem;border-radius:999px;font-size:.76rem;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.08)}
.global-nav{width:min(1000px,calc(100% - 24px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);background:var(--yellow);border:2px solid #d4b916;border-radius:8px;box-shadow:0 4px 0 rgba(119,82,25,.2);overflow:visible;position:relative;z-index:500}.global-nav a{text-align:center;text-decoration:none;font-weight:900;color:var(--brown);padding:.55rem .3rem;border-right:1px solid #d8bd19;text-shadow:0 1px #fff}.global-nav a:last-child{border:0}.global-nav a:hover,.global-nav a:focus-visible{background:#ffc845}.site-search{width:min(1000px,calc(100% - 24px));margin:.65rem auto 0;display:flex;justify-content:flex-end;gap:.45rem;padding:.5rem .65rem;background:rgba(255,255,255,.94);border:1px solid rgba(83,134,56,.25);border-radius:8px;box-shadow:0 3px 12px rgba(50,86,34,.08)}.site-search label{font-size:.76rem;font-weight:800;align-self:center}.site-search input{width:min(350px,50vw);border:1px solid #aabd9f;border-radius:7px;padding:.52rem .65rem;font:inherit}.site-search button,.filter-panel button{border:0;border-radius:7px;background:var(--green);color:#fff;font-weight:900;padding:.52rem 1.05rem;cursor:pointer}.page-main{width:min(1000px,calc(100% - 24px));margin:0 auto;padding:.85rem 0 3rem}.eyebrow{color:var(--orange);font-weight:950;font-size:.72rem;letter-spacing:.2em}
.map-explorer{border:4px solid #83bd43;border-radius:16px;background:rgba(255,255,255,.97);box-shadow:var(--shadow);overflow:hidden;margin-bottom:1.1rem}.map-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;padding:1.15rem 1.35rem .95rem;background:linear-gradient(105deg,#fffef4 0,#f5ffd9 100%);border-bottom:1px solid #dbe9c1}.map-heading h1{font-size:1.75rem;line-height:1.25;margin:.18rem 0;color:var(--green-deep)}.map-heading p{margin:.15rem 0;color:var(--muted);font-size:.88rem}.map-back{border:1px solid #8db26d;border-radius:999px;background:#fff;color:var(--green-dark);font-weight:900;padding:.5rem .8rem;cursor:pointer;white-space:nowrap}.map-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.75fr);min-height:510px}.map-canvas-wrap{position:relative;background:radial-gradient(circle at 50% 35%,#faffee 0,#e1f6ff 70%,#c8edff 100%);border-right:1px solid #d6e5cc}.map-canvas{height:510px;background:transparent}.leaflet-container{font-family:inherit}.leaflet-tooltip{border:0;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.2);font-weight:800;color:var(--green-deep)}.map-legend{position:absolute;z-index:450;left:12px;bottom:12px;display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.92);padding:.35rem .55rem;border-radius:7px;font-size:.67rem;box-shadow:0 3px 10px rgba(0,0,0,.12)}.map-legend i{display:block;width:18px;height:10px;border-radius:2px}.level-0{background:#f2f0d2}.level-1{background:#d8ee83}.level-2{background:#a8d85d}.level-3{background:#65b846}.level-4{background:#278c35}.map-results{padding:1rem;background:#fffdf6;overflow:auto;max-height:510px}.map-kicker{display:block;color:var(--orange);font-size:.72rem;font-weight:900;letter-spacing:.12em}.map-results h2{font-size:1.25rem;line-height:1.35;color:var(--green-deep);margin:.2rem 0}.map-results p{font-size:.8rem;color:var(--muted);margin:.3rem 0 .75rem}.map-character-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.map-character{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr);gap:.45rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:.35rem;text-decoration:none;box-shadow:0 3px 8px rgba(54,89,38,.07)}.map-character:hover{border-color:#85b94f;transform:translateY(-1px)}.map-character-image{display:flex;width:48px;height:48px;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:#fffbea}.map-character-image img{width:100%;height:100%;object-fit:contain}.map-no-image{font-size:.5rem;color:#aaa}.map-character strong,.map-character small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-character strong{font-size:.75rem;color:var(--green-deep)}.map-character small{font-size:.62rem;color:var(--orange)}.map-all-link{display:block;text-align:center;margin-top:.8rem;padding:.55rem;background:var(--yellow);border-radius:7px;font-size:.78rem;font-weight:900;text-decoration:none;color:var(--brown)}.map-empty{grid-column:1/-1;background:#fff;padding:.8rem;border-radius:8px}.map-credit{text-align:right;padding:.35rem .75rem;background:#eef5e8;color:#687363;font-size:.61rem}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:1rem 0 1.6rem;border:1px solid #ceddbc;border-radius:11px;background:rgba(255,255,255,.96);box-shadow:0 5px 18px rgba(53,86,36,.08)}.stats div{display:flex;flex-direction:column;align-items:center;padding:.65rem;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{font-size:1.42rem;line-height:1.2;color:var(--green);font-variant-numeric:tabular-nums}.stats span{font-size:.69rem;color:var(--muted);font-weight:700}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:1.15rem}.primary-column>section{background:rgba(255,255,255,.96);border:1px solid #bad79e;border-radius:10px;padding:0 .75rem .75rem;margin-bottom:1.15rem;box-shadow:0 6px 20px rgba(53,86,36,.09)}.section-heading{display:flex;align-items:center;justify-content:space-between;border-radius:7px;background:linear-gradient(#36a142,#21802f);color:#fff;padding:.58rem .9rem;margin:0 -.76rem .8rem}.section-heading h2{font-size:1.05rem;margin:0}.section-heading a{color:#fff;font-size:.75rem}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.5rem}.character-grid.wide{grid-template-columns:repeat(5,1fr)}.character-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 4px 12px rgba(57,80,48,.08);transition:.15s transform,.15s box-shadow}.character-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(57,80,48,.15)}.character-card>a{display:block;text-decoration:none;height:100%}.card-image{height:150px;display:flex;align-items:center;justify-content:center;background:#fffdf1;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain}.card-image.no-image{color:#a4aa9c;font-size:.62rem;background:url('/assets/img/noimage.png') center/cover no-repeat;text-indent:-9999px}.card-body{display:flex;flex-direction:column;padding:.6rem}.card-body small{color:var(--orange);font-weight:900;font-size:.68rem}.card-body strong{font-size:.9rem;color:var(--green-dark);margin:.05rem 0}.card-body span{font-size:.69rem;color:var(--muted);line-height:1.45}.article-list{background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 .8rem}.article-list.standalone{max-width:850px;margin:auto}.article-row{display:grid;grid-template-columns:100px 1fr;gap:.8rem;padding:.8rem .2rem;border-bottom:1px dotted #bdc9b6}.article-row:last-child{border:0}.article-row time{font-size:.7rem;color:var(--muted)}.article-row a{font-weight:900;text-decoration:none}.article-row p{font-size:.76rem;color:#5b6457;margin:.15rem 0}.article-row small{color:var(--muted)}
.sidebar section{background:#fff url('/assets/img/y07.jpg') repeat-y top left;border:1px solid #9fc879;border-radius:8px;margin-bottom:1rem;padding:4px 9px 9px;overflow:hidden;box-shadow:0 4px 15px rgba(53,86,36,.1)}.sidebar h2{font-size:.95rem;margin:-4px -9px .4rem;background:linear-gradient(#289936,#167625);color:#fff;padding:.48rem .75rem}.pref-links{display:grid;grid-template-columns:repeat(2,1fr);padding:.25rem}.pref-links a,.side-link{display:flex;justify-content:space-between;text-decoration:none;padding:.34rem;border-bottom:1px dotted #ddd;font-size:.75rem}.pref-links span{color:#999}.more-link{display:block;text-align:right;padding:.35rem .6rem;font-size:.75rem}.side-link{padding:.55rem .7rem}
.page-title{padding:1.25rem 1.4rem;border:1px solid #9bc960;border-left:8px solid var(--green);border-radius:8px;background:rgba(255,255,255,.96) url('/assets/img/cate_bg.jpg');margin-bottom:1.05rem;box-shadow:var(--shadow)}.page-title h1{font-size:1.75rem;line-height:1.3;margin:0}.page-title p{margin:0;color:var(--muted)}.filter-panel{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.5rem;background:#fff7b8;border:1px solid #eadb58;border-radius:8px;padding:1rem;margin-bottom:1.1rem}.filter-panel input,.filter-panel select{min-width:0;padding:.55rem;border:1px solid #aabd9f;border-radius:5px;background:#fff}.pagination{display:flex;justify-content:center;gap:.35rem;padding:2rem}.pagination a,.pagination span{min-width:2.3rem;text-align:center;padding:.35rem;border-radius:5px;border:1px solid var(--green);text-decoration:none}.pagination span{color:#fff;background:var(--green)}
.breadcrumb{font-size:.75rem;color:var(--muted);margin-bottom:1rem}.character-detail,.legacy-article,.static-page,.notice{background:#fff;border:1px solid var(--line);border-radius:10px;padding:1.5rem;box-shadow:var(--shadow)}.character-detail{max-width:850px;margin:auto}.character-detail>header{display:grid;grid-template-columns:1fr 280px;gap:2rem;align-items:center;border-bottom:4px solid var(--yellow);padding-bottom:1.2rem}.character-detail>header img{width:100%;height:280px;object-fit:contain}.character-detail h1,.legacy-article h1{font-size:1.75rem;line-height:1.4;color:var(--green-dark)}.area-chip{display:inline-block;border-radius:20px;background:var(--yellow);padding:.2rem .8rem;font-size:.75rem;font-weight:900}.published,.article-date{font-size:.8rem;color:var(--muted)}.legacy-content{padding:1.5rem 0;overflow:hidden}.legacy-content img{max-width:100%!important;height:auto!important}.legacy-content a{overflow-wrap:anywhere}.source-box{background:#f7f9f4;border-radius:8px;padding:1rem}.source-box h2{font-size:1rem}.source-box h3{font-size:.88rem;margin:1rem 0 .3rem}.source-list{margin:.3rem 0;padding-left:1.25rem}.source-list li{font-size:.78rem;margin:.2rem 0}.source-list a{overflow-wrap:anywhere}.migration-note{margin-top:2rem;padding:.7rem;background:#f7f7f7;color:#777;font-size:.75rem}.tags{display:flex;gap:.4rem;flex-wrap:wrap}.tags a{background:#fff4af;border-radius:14px;padding:.15rem .55rem;font-size:.75rem;text-decoration:none}.static-page,.notice{max-width:800px;margin:auto}.site-footer{text-align:center;background:#358300;color:#fff;padding:2rem}.site-footer p{margin:.2rem}
@media(max-width:900px){.character-grid.wide{grid-template-columns:repeat(4,1fr)}.content-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.map-workspace{grid-template-columns:1fr}.map-canvas-wrap{border-right:0;border-bottom:1px solid #d6e5cc}.map-canvas{height:480px}.map-results{max-height:none}.map-character-list{grid-template-columns:repeat(4,1fr)}.map-character{grid-template-columns:42px minmax(0,1fr)}.map-character-image{width:42px;height:42px}}
@media(max-width:650px){html{font-size:15px}.site-shell{background-size:1450px auto;background-position:50% top}.site-header{height:164px}.brand-sub{bottom:3px;font-size:.61rem;padding:.18rem .5rem}.global-nav{width:calc(100% - 12px);grid-template-columns:repeat(2,1fr);border-radius:6px}.global-nav a{padding:.43rem .2rem;font-size:.8rem}.site-search{width:calc(100% - 12px);padding:.45rem}.site-search label{display:none}.site-search input{width:100%;min-width:0}.page-main{width:calc(100% - 12px);padding-top:.55rem}.map-explorer{border-width:3px}.map-heading{display:block;padding:.85rem}.map-heading h1{font-size:1.4rem}.map-heading p{font-size:.76rem}.map-back{margin-top:.5rem}.map-workspace{min-height:0}.map-canvas{height:405px}.map-results{padding:.8rem}.map-character-list{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.character-grid,.character-grid.wide{grid-template-columns:repeat(2,1fr)}.card-image{height:145px}.filter-panel{grid-template-columns:1fr}.article-row{grid-template-columns:1fr;gap:.2rem}.sidebar{grid-template-columns:1fr}.character-detail>header{grid-template-columns:1fr}.character-detail>header img{height:240px}.legacy-article,.character-detail{padding:1rem}}
.map-canvas.leaflet-container{background:radial-gradient(circle at 50% 35%,#faffee 0,#e1f6ff 70%,#c8edff 100%)}
.table-scroll{overflow-x:auto;margin:1rem 0}.coverage-table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.86);font-size:.92rem}.coverage-table caption{text-align:left;font-weight:800;color:var(--green-dark);padding:0 0 .55rem}.coverage-table th,.coverage-table td{border:1px solid #d7dec9;padding:.55rem .7rem;text-align:right;white-space:nowrap}.coverage-table thead th,.coverage-table tbody th{background:#f2f6df;color:#486323}.coverage-table thead th:first-child,.coverage-table tbody th{text-align:left}.coverage-ok{color:#38641c;font-weight:700}.coverage-gap{color:#a04128;font-weight:800}.coverage-note{padding:.75rem 1rem;border-left:4px solid #e1ae33;background:#fff8dc;font-size:.9rem}