.strategic-main { grid-template-columns: 1fr 1fr; } .strategic-main .card { grid-column: auto; } .strategic-main .status,.strategic-main .wide,.strategic-main .new-game { grid-column: 1/-1; } input { font: inherit; padding: 8px; border: 1px solid #bdc9bb; border-radius: 5px; background: #fffdf7; max-width: 150px; } input[type=checkbox] { width: auto; accent-color: var(--accent); } a { color: var(--accent); } .arrangement { padding: 13px 0; border-bottom: 1px solid var(--line); } .arrangement:last-child { border-bottom: 0; } .arrangement p { margin: 5px 0; } .arrangement small { display: block; color: var(--muted); font-size: 12px; margin-top: 7px; } .knowledge { padding: 12px 0; border-bottom: 1px solid var(--line); } .badge { font-size: 11px; border-radius: 4px; padding: 3px 7px; background: #e8eee6; color: #3e6254; margin-right: 7px; } .badge.rumor { color: #7b6333; background: #f3ebd6; } .tag { display: inline-block; margin: 4px; background: #e8eee6; padding: 5px 9px; border-radius: 5px; font-size: 12px; } .location-disabled { opacity: .6; } .debug-section { margin-top: 22px; border-top: 1px solid var(--line); padding-top: 14px; } .debug-section h3 { font-size: 14px; } .debug-pre { background: #f4f2eb; padding: 12px; border-radius: 5px; font-size: 11px; overflow: auto; max-height: 320px; white-space: pre-wrap; overflow-wrap: anywhere; } .strategic-main .event-card { grid-column: 1/-1; } #banquet { margin-top: 14px; font-size: 14px; color: var(--accent); } .location-view { border-color: #688674 !important; box-shadow: 0 0 0 1px #688674; } @media (max-width:760px) { .strategic-main { display:block; } .tools label { display:flex; gap:6px; align-items:center; } }