.screen-panel{max-width:1416px;margin:16px auto}.screen-panel[hidden]{display:none}.screen-help{padding:0 17px;font-size:12px;line-height:1.8;color:#687985}.screen-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 17px}.screen-controls select{border:1px solid var(--line);background:white;padding:6px;border-radius:5px}.screen-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:20px;padding:0 17px 16px}.screen-workspace h3{font-size:14px;margin:3px 0 8px}.screen-workspace .screen-controls,.screen-workspace .screen-help{padding-left:0;padding-right:0}#screen-preview{display:block;width:100%;height:auto;aspect-ratio:auto;background:#e8edef;border:1px solid #c8d1d7;border-radius:6px;cursor:crosshair;touch-action:manipulation}#screen-status{margin:4px 17px 15px;font-size:13px;line-height:1.8;color:var(--blue)}#screen-board{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:9/10;max-width:390px;background:#ebcfa4;border:1px solid #ae865c}#screen-board button{border-radius:0;background:transparent;border:1px solid #ac8f6133;padding:0;min-width:0;font:bold 24px serif}#screen-board .red-piece{color:var(--red)}#screen-board .uncertain{background:#ffe498}#screen-validation{font-size:12px;color:#9b6029;min-height:36px;max-width:390px}.screen-option{display:block;margin:10px 0;font-size:12px}.screen-banner{max-width:1416px;margin:0 auto 12px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #bdcfda;border-radius:6px;background:#edf5fa;font-size:12px}.screen-banner[hidden]{display:none}.screen-banner span{flex:1;overflow-wrap:anywhere}.screen-banner button{font-size:12px;padding:4px 9px}.screen-panel details{padding-bottom:14px}.screen-panel summary{cursor:pointer}@media(max-width:1000px){.screen-panel,.screen-banner{margin-left:12px;margin-right:12px}}@media(max-width:720px){.screen-workspace{grid-template-columns:1fr}#screen-board{max-width:none}.screen-controls button{font-size:12px}.screen-banner{flex-wrap:wrap}.screen-banner span{flex-basis:100%}}
#screen-preview{width:auto;max-width:100%;max-height:68vh;height:auto}
.screen-result{margin:12px 0;padding:10px 12px;background:#edf5fa;border:1px solid #bdcfda;border-radius:6px;font-size:13px;line-height:1.7}.screen-result p{margin:0 0 8px}.screen-result[hidden]{display:none}
.screen-result button{margin:4px 6px 0 0}#screen-analysis-summary{font-weight:600;color:var(--blue)}#screen-pv{overflow-wrap:anywhere;white-space:normal}
