*{box-sizing:border-box;margin:0;padding:0}body{background:#faf6f1;color:#2d2318;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh}.map-page{padding:1rem;max-width:480px;margin:0 auto}.map-header{margin-bottom:1rem}.map-header h2{font-size:1.2rem;margin:.5rem 0 .25rem}.map-desc{font-size:.8rem;opacity:.7}.back-btn{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;padding:0;font-size:.9rem}.map-axis-label{text-align:center;font-size:.75rem;opacity:.5;margin:.5rem 0}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.map-quadrant{border-radius:12px;padding:10px;border:1px solid rgba(155,107,58,.15)}.q-ni{background:#6450a014}.q-ne{background:#508ca014}.q-si{background:#50785014}.q-se{background:#a0645014}.q-label{font-size:.7rem;opacity:.7;margin-bottom:6px}.q-chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.type-chip{font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:20px;border:none;cursor:pointer;transition:all .15s}.chip-ni{background:#6450a02e;color:#5a4080}.chip-ne{background:#508ca02e;color:#306070}.chip-si{background:#5078502e;color:#3d6040}.chip-se{background:#a064502e;color:#7a4030}.type-chip.active{transform:scale(1.1);box-shadow:0 0 0 2px #9b6b3a}.q-tags,.q-bias-tags{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:4px}.tag{font-size:.65rem;padding:2px 5px;border-radius:4px}.tag-light{background:#3d7a5a1f;color:#3d7a5a}.tag-shadow{background:#a050501f;color:#a05050}.tag-bias{background:#9b6b3a26;color:#7a4e20}.detail-card{margin-top:1rem;border-radius:12px;padding:1rem;background:#fffc;border:1px solid rgba(155,107,58,.2);box-shadow:0 1px 4px #9b6b3a0f}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.detail-type{font-size:1.3rem;font-weight:700;margin-right:.5rem;color:#9b6b3a}.detail-catch{font-size:.8rem;opacity:.7}.close-btn{background:none;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:.8rem}.detail-row{display:flex;gap:.75rem;margin-bottom:.5rem;align-items:flex-start}.detail-key{font-size:.7rem;opacity:.5;min-width:60px;padding-top:2px}.detail-light{color:#3d7a5a;font-weight:700;font-size:.9rem}.detail-shadow{color:#a05050;font-weight:700;font-size:.9rem}.detail-biases{display:flex;flex-direction:column;gap:4px}.bias-item{font-size:.8rem}.bias-name{font-weight:700;margin-right:.5rem}.bias-reason{opacity:.7;font-size:.75rem;display:block}.map-btn{width:100%;padding:.75rem;border-radius:8px;border:1px solid rgba(155,107,58,.25);background:transparent;color:inherit;cursor:pointer;font-size:.9rem;margin-top:.5rem}.map-btn:hover{background:#9b6b3a14}.result-card-image{background:linear-gradient(135deg,#f5efe8,#ede4d8);color:#2d2318;border-radius:16px;padding:1.5rem;margin-bottom:.75rem;font-family:Hiragino Sans,Noto Sans JP,sans-serif;border:1px solid rgba(155,107,58,.2)}.rci-header{margin-bottom:1rem}.rci-app{font-size:.8rem;opacity:.6}.rci-type{font-size:2.5rem;font-weight:700;letter-spacing:.1em;color:#9b6b3a}.rci-catch{font-size:.9rem;opacity:.8;margin-bottom:1rem}.rci-divider{height:1px;background:#9b6b3a26;margin:.75rem 0}.rci-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.rci-label{font-size:.7rem;opacity:.5;min-width:24px}.rci-light{color:#3d7a5a;font-weight:700}.rci-shadow{color:#a05050;font-weight:700}.rci-bias-label{font-size:.7rem;opacity:.5;margin-bottom:.4rem}.rci-bias-num{font-size:.7rem;opacity:.5;min-width:24px}.rci-bias-name{font-weight:700;font-size:.9rem}.rci-footer{font-size:.65rem;opacity:.4;margin-top:1rem;text-align:right}.save-image-btn{width:100%;padding:.75rem;border-radius:8px;border:1px solid rgba(155,107,58,.3);background:transparent;color:#7a4e20;cursor:pointer;font-size:.9rem}.save-image-btn:hover{background:#9b6b3a0f}