:root{font-family:system-ui;background:#10201c;color:#edf2e8}body{margin:0;padding:16px}main{max-width:1100px;margin:auto}h1{font-size:28px}button{font:inherit;cursor:pointer;border:1px solid #78917c;border-radius:7px;background:#274336;color:inherit;padding:9px}button:disabled{opacity:.55;cursor:default}#top{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}#top button{min-width:64px;min-height:60px}.board-scroll{overflow-x:auto;max-width:100%;padding-bottom:12px}#tableau{display:flex;gap:8px;min-width:650px}.column{flex:1;min-width:56px;display:flex;flex-direction:column}.column>button:first-child{margin-bottom:12px}.card{background:#f1f1df;color:#17281d;text-align:left;font-weight:bold;height:70px;flex-shrink:0;margin-bottom:-35px;padding:7px;font-size:20px;position:relative}.card:last-child{margin-bottom:0}.card.red{color:#ab2935}.card.back{background:#365967;color:#dce8df;height:44px;margin-bottom:-24px}.card.selected{background:#f7d08b;outline:2px solid #e67944;z-index:1}button:focus-visible{outline:3px solid orange}#status{min-height:24px}a{color:#d6eab7}@media(max-width:650px){body{padding:10px}.card{font-size:18px}}