.mode-screen{overflow:auto;padding:24px;display:flex;align-items:flex-start!important}.mode-screen>.panel{width:min(1100px,100%);margin:0 auto;padding:clamp(18px,3vw,32px);max-height:none}.mode-screen .panel-sub{line-height:1.55}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0}.mode-card{padding:20px;border:1px solid #cbb78e;border-radius:4px;background:#fff9e5;color:#3b2b20}.mode-card h3{margin:0 0 8px;font:600 24px Georgia,serif}.mode-next{margin:20px 0}.mode-card .mbtn{width:100%;margin:6px 0}.mode-screen label{display:grid;gap:8px;margin:14px 0;font-weight:bold}.mode-screen input,.mode-screen select{border:1px solid #92784b;background:#fff9e5;color:#3b2b20;border-radius:4px;padding:12px;font:inherit;width:100%}.mode-screen .mbtn:focus-visible,.mode-screen input:focus-visible,.mode-screen select:focus-visible{outline:3px solid #3f7960;outline-offset:3px}.mode-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.mode-table th,.mode-table td{padding:9px 5px;border-bottom:1px solid #cbb78e;text-align:left}.mode-table .you{background:#cfe1bf;font-weight:bold}.mode-result{font:600 38px Georgia,serif;color:#315642}.mode-postcard{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:16px}.mode-holes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.mode-holes .mbtn{min-width:0}.mode-holes .mbtn-sub{font-size:10px;line-height:1.3}.mode-screen>.panel>.mbtn{margin:10px 0}@media(max-width:600px){.mode-screen{padding:10px}.mode-grid{grid-template-columns:1fr}.mode-table{font-size:11px}.mode-card{padding:16px}.mode-holes{grid-template-columns:repeat(2,minmax(0,1fr))}}