:root{color:#232323;background:#f3eddb;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(#ffffffb8,#ffffffb8),repeating-linear-gradient(0deg,#e7dfca 0 1px,#0000 1px 8px),repeating-linear-gradient(90deg,#e7dfca 0 1px,#0000 1px 8px),#f3eddb}.app{grid-template-rows:72px 1fr;height:100%;display:grid}header{color:#fff;background:#12233f;border-bottom:5px solid #e3b341;align-items:center;gap:18px;padding:0 24px;display:flex;box-shadow:0 4px #08111f}header h1{letter-spacing:.08em;margin:0;font-size:22px}header p{opacity:.78;margin:4px 0 0;font-size:12px}.brand{clip-path:polygon(50% 0,100% 35%,82% 100%,50% 78%,18% 100%,0 35%);background:#4caf50;border:4px solid #fff;width:38px;height:38px}.spacer{flex:1}.pixel-btn,.mode,.zoom button{color:#101010;cursor:pointer;background:#fff8dc;border:3px solid #273040;border-radius:0;font-weight:800;box-shadow:4px 4px #08111f}.pixel-btn{padding:9px 14px}.pixel-btn:active,.zoom button:active{transform:translate(3px,3px);box-shadow:1px 1px #08111f}.pixel-btn.active{background:#e3b341}main{grid-template-columns:280px 1fr 280px;gap:16px;min-height:0;padding:16px;display:grid}.panel{background:#fffaf0f2;border:4px solid #273040;padding:16px;overflow:auto;box-shadow:6px 6px #12233f59}.panel h2{border-bottom:3px solid #273040;margin:0 0 14px;padding-bottom:8px;font-size:15px}.mode-grid,.legend{gap:10px;display:grid}.mode{width:100%;box-shadow:none;background:#fff;justify-content:space-between;padding:11px 12px;display:flex}.mode.active{background:#dbe9ff}.legend{gap:8px;margin-top:18px}.legend-row{grid-template-columns:28px 1fr 42px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:grid}.swatch{border:3px solid #202735;width:24px;height:18px}.value{text-align:right;font-family:monospace}.help,.footer-note{margin-top:16px;font-size:12px;line-height:1.75}.stage{background:#cfe5ef;border:4px solid #273040;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:6px 6px #12233f59}.stage:after{content:"";pointer-events:none;z-index:3;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000000b 0 1px,#0000 1px 4px);position:absolute;inset:0}.scene-host,.voxel-canvas,.polygon-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block}.municipality-label-layer{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.municipality-label{color:#fffaf0;white-space:nowrap;text-rendering:geometricprecision;background:#12233f;border:2px solid #273040;padding:3px 10px;font-size:14px;font-weight:800;line-height:1.2;position:absolute;box-shadow:2px 2px #08111f}.voxel-canvas{cursor:grab}.voxel-canvas:active{cursor:grabbing}.hud,.data-notice{z-index:5;background:#fff7dc;border:3px solid #273040;padding:10px 12px;font-size:13px;position:absolute;box-shadow:4px 4px #273040}.hud{top:16px;left:16px}.hud small{margin-top:5px;font-weight:600;display:block}.data-notice{background:#ffe27a;font-weight:700;top:82px;left:16px}.view-controls{z-index:5;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:320px;display:flex;position:absolute;top:16px;right:16px}.view-controls .pixel-btn{padding:7px 10px;box-shadow:3px 3px #08111f}.zoom{z-index:5;gap:8px;display:grid;position:absolute;bottom:14px;right:14px}.zoom button{width:44px;height:44px;font-size:22px}.info-card{background:#fff;border:3px solid #273040;margin-bottom:14px;padding:12px}.info-card .big{font-family:monospace;font-size:28px;font-weight:900}.label{font-size:12px;font-weight:800}.info-card dl{grid-template-columns:1fr auto;gap:4px 8px;margin:12px 0 0;font-size:12px;display:grid}.info-card dt,.info-card dd{margin:0}.info-card dd{text-align:right;font-family:monospace}.toggle{border-bottom:2px dashed #a7a08b;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;font-weight:700;display:flex}.toggle input{accent-color:#13233f;width:20px;height:20px}.range-title{margin-top:20px!important}.range{accent-color:#13233f;width:100%}.tags{margin-top:18px}.tags span{background:#fff;border:2px solid #273040;margin:2px;padding:4px 7px;font-size:11px;font-weight:800;display:inline-block}.footer-note{color:#555}.footer-note a{color:#12233f}@media (width<=980px){body{overflow:auto}.app{grid-template-rows:auto 1fr;height:auto;min-height:100%}header{flex-wrap:wrap;gap:9px;padding:12px}header h1{font-size:18px}.pixel-btn{padding:7px 9px}main{grid-template-columns:1fr}.stage{order:-1;height:62vh;min-height:380px}.panel{overflow:visible}.control-panel{order:0}.info-panel{order:1}.view-controls{gap:6px;max-width:220px;top:12px;right:12px}}.about-backdrop{z-index:20;background:#08111fc9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.about-modal{color:#232323;background:#fffaf0;border:5px solid #273040;flex-direction:column;width:min(760px,100%);max-height:min(780px,100vh - 48px);display:flex;box-shadow:10px 10px #08111f}.about-heading{color:#fff;background:#12233f;border-bottom:5px solid #e3b341;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;display:flex}.about-kicker{letter-spacing:.12em;margin:0 0 4px;font-size:11px;font-weight:900}.about-heading h2{letter-spacing:.04em;margin:0;font-size:22px}.modal-close{color:#fff;cursor:pointer;background:#d7263d;border:3px solid #fff;flex:none;width:38px;height:38px;font-size:28px;font-weight:900;line-height:1}.about-content{padding:20px 24px 4px;line-height:1.7;overflow:auto}.about-content section{border-bottom:2px dashed #a7a08b;margin-bottom:15px;padding-bottom:15px}.about-content section:last-child{border:0}.about-content h3{margin:0 0 8px;font-size:15px}.about-content p{margin:0 0 8px;font-size:13px}.about-content ul{margin:0;padding-left:20px;font-size:13px}.about-ranks{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;list-style:none;display:grid;padding-left:0!important}.about-ranks li{align-items:center;gap:7px;display:flex}.rank-swatch{border:2px solid #273040;width:21px;height:15px;display:inline-block}.rank-1{background:#4caf50}.rank-2{background:#9bc53d}.rank-3{background:#f4d35e}.rank-4{background:#ee964b}.rank-5{background:#d7263d}.about-content a{color:#12233f;font-weight:800}.about-actions{text-align:right;border-top:3px solid #273040;padding:16px 24px 20px}.about-actions .pixel-btn{background:#e3b341}.about-actions .pixel-btn:focus-visible,.modal-close:focus-visible{outline-offset:3px;outline:4px solid #4caf50}@media (width<=980px){.about-button{order:2}.about-modal{max-height:calc(100vh - 24px)}.about-heading{padding:16px}.about-heading h2{font-size:18px}.about-content{padding:16px}.about-ranks{grid-template-columns:1fr}.about-actions{padding:14px 16px 18px}}