.suffix-filter{align-items:center;gap:var(--space-xs) var(--space-sm);width:100%;max-width:var(--panel);margin:0 auto var(--space-sm);padding:var(--space-xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;display:flex}.suffix-filter legend{padding:0 var(--space-2xs);font-weight:var(--fw-bold)}.suffix-filter label{align-items:center;gap:var(--space-2xs);cursor:pointer;display:inline-flex}.suffix-filter input[type=checkbox]{accent-color:var(--primary);cursor:pointer}.target-count{color:var(--text-muted);font-size:var(--fs-sm);margin-inline-start:auto}.result-box{width:100%;max-width:var(--panel);min-height:3em;margin:0 auto var(--space-sm);padding:var(--space-sm);border:2px dashed var(--primary);border-radius:var(--radius);background-color:var(--surface);color:var(--text);font-size:var(--fs-2xl);font-weight:var(--fw-bold);text-align:center;overflow-wrap:break-word}.result-box rt{font-size:.4em;font-weight:var(--fw-normal)}.result-box:empty:before{content:attr(data-placeholder);color:var(--text-faint);font-size:var(--fs-xs);font-weight:var(--fw-normal)}.spin-button{width:100%;max-width:var(--panel);margin:0 auto var(--space-sm);background-color:var(--primary);color:var(--on-primary);border-radius:var(--radius-sm);font-size:var(--fs-base);font-weight:var(--fw-bold);cursor:pointer;border:none;padding:.7rem;transition:background-color .2s;display:block}.spin-button:hover:not(:disabled){background-color:var(--primary-hover)}.spin-button:disabled{opacity:.45;cursor:not-allowed}.empty-targets{max-width:var(--panel);margin:-.5rem auto var(--space-sm);color:var(--primary);font-size:var(--fs-sm);text-align:center}.city-link{max-width:var(--panel);margin:-.5rem auto var(--space-sm);font-size:var(--fs-sm);text-align:center}.city-link a{color:var(--primary);font-weight:var(--fw-bold)}.japan-grid-wrap{width:100%;max-width:var(--panel);margin:0 auto var(--space-md);padding:4px;overflow-x:auto}.japan-grid{grid-template-columns:repeat(11,minmax(2.7rem,1fr));gap:3px;width:max-content;min-width:100%;margin-inline:auto;display:grid}.japan-tile{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--fs-2xs);text-align:center;word-break:keep-all;justify-content:center;align-items:center;padding:.35em .1em;line-height:1.2;display:flex}@media (max-width:600px){.japan-grid-wrap{padding:2px}.japan-grid{grid-template-columns:repeat(11,minmax(1.35rem,1fr));gap:2px;width:100%}.japan-tile{word-break:break-all;padding:.1em 0;line-height:1.05}}button.japan-tile{cursor:pointer}button.japan-tile:disabled{cursor:not-allowed}.japan-tile.is-filled{background:var(--accent);border-color:var(--accent);color:var(--on-primary)}.japan-tile.is-current{background:var(--primary);border-color:var(--primary);color:var(--on-primary);outline:2px solid var(--primary);outline-offset:2px;font-weight:var(--fw-bold)}.japan-tile.is-off{opacity:.45;border-style:dashed}.spin-options{align-items:flex-start;gap:var(--space-xs);width:100%;max-width:var(--panel);margin:0 auto var(--space-md);flex-direction:column;display:flex}.spin-options label{align-items:center;gap:var(--space-2xs);cursor:pointer;display:inline-flex}.spin-options input[type=checkbox]{accent-color:var(--primary);cursor:pointer}.spin-options .conquered-count{color:var(--text-muted);font-size:var(--fs-sm);margin:0}.duration-select-label{gap:var(--space-xs)}.prefecture-list{width:100%;max-width:var(--panel);margin:0 auto var(--space-md)}.prefecture-list h2{font-size:var(--fs-md);text-align:center}.list-actions{justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-sm);display:flex}.list-actions button{background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--fs-sm);cursor:pointer;padding:.3rem .9rem}.list-actions button:hover:not(:disabled){background-color:var(--surface-alt)}.list-actions button:disabled{opacity:.45;cursor:not-allowed}.region-group{margin-bottom:var(--space-sm)}.region-head label{align-items:center;gap:var(--space-2xs);cursor:pointer;display:inline-flex}.region-head input[type=checkbox]{accent-color:var(--primary);cursor:pointer}.region-name{font-weight:var(--fw-bold)}.region-group ul{gap:var(--space-2xs) var(--space-sm);margin:var(--space-2xs) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.region-group li label{align-items:center;gap:var(--space-2xs);cursor:pointer;display:inline-flex}.region-group input[type=checkbox]{accent-color:var(--primary);cursor:pointer}.region-group rt{font-size:.5em}.history-area{width:100%;max-width:var(--panel);margin:0 auto var(--space-md);padding:var(--space-sm);background-color:var(--surface-alt);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--border);text-align:left}.history-area h2{font-size:var(--fs-md);text-align:center;margin-top:0}.history-area ul{gap:var(--space-2xs);margin:0 0 var(--space-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.history-area li{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--fs-sm);padding:.3rem .7rem}.history-area button{background-color:var(--accent);color:var(--on-primary);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.4rem 1rem;transition:background-color .2s}.history-area button:hover:not(:disabled){background-color:var(--accent-hover)}.history-area button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:600px){.result-box{font-size:1.5rem}}