:root{color-scheme:light;--green:#153f35;--felt:#205546;--paper:#f5f1e7;--ink:#183b32;--gold:#ebc77b;--muted:#58665e;--line:#d5dacf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Trebuchet MS',Arial,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}button{min-height:44px;padding:10px 17px;border:1px solid #a5b6aa;background:#fffdf6;color:var(--ink);border-radius:7px;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:#e8e9dd}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover:not(:disabled){background:#28624d}.quiet{background:transparent;border-color:transparent}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b27514;outline-offset:3px}[hidden]{display:none!important}.top{padding:18px 4vw;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between}.brand{text-decoration:none;font:700 27px Georgia,serif;white-space:nowrap}.brand span{font:11px 'Trebuchet MS',sans-serif;letter-spacing:2px;margin-left:9px}.header-actions{display:flex;gap:8px;align-items:center}#connection{font-size:12px;color:var(--muted)}main{max-width:1320px;margin:auto;padding:30px 4vw 10px}.welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;padding:45px 0 70px;align-items:center}.intro h1{font:normal clamp(42px,5.5vw,76px)/1.06 Georgia,serif;margin:20px 0 25px}.intro>p{max-width:390px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;text-transform:uppercase}.sample{display:flex;gap:10px;padding:25px 0}.sample .tile{width:64px;height:86px;font-size:39px;transform:rotate(-5deg)}.sample .tile:nth-child(2){transform:rotate(2deg)}.sample .tile:nth-child(3){transform:rotate(8deg)}.entry,.panel{background:#fffcf5;border:1px solid var(--line);border-radius:12px;padding:28px}.entry h2{font:27px Georgia,serif;margin:0 0 25px}.entry label{display:block;margin:17px 0 7px;font-size:14px;font-weight:bold}input{min-width:0;width:100%;border:1px solid #a5b6aa;background:#fff;padding:12px;border-radius:6px;min-height:46px}.entry>button{width:100%;margin-top:14px}.separator{text-align:center;font-size:10px;letter-spacing:2px;color:var(--muted);margin:24px 0 4px}.join{display:flex;gap:8px}.fine{font-size:12px;color:var(--muted)}.muted{color:var(--muted);font-size:14px}.lobby{max-width:680px;margin:30px auto 70px}.lobby h1{font:38px Georgia,serif}.invite{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;flex-wrap:wrap}.invite strong{font:25px monospace;letter-spacing:3px}.players{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:16px 0 24px}.players li{border:1px solid var(--line);border-radius:7px;padding:10px 15px;min-width:140px;background:#fffcf5;flex:1;overflow-wrap:anywhere}.players li.active{border:2px solid var(--green);padding:9px 14px;background:#e4eadf}.players li small{display:block;font-size:12px;color:var(--muted)}.game-heading,.table-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.game-heading h1{font:30px Georgia,serif;margin:4px 0 0}.stats{display:flex;gap:16px;align-items:center;font-size:14px;white-space:nowrap}#clock{font:24px monospace}.table-heading h2{font-size:15px;margin:8px 0}.table-heading>span{font-size:12px;color:var(--muted)}.board{background:var(--felt);border-radius:12px;padding:18px;min-height:230px;display:flex;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:14px;border:5px solid #174536;color:#f5f1e7}.empty{margin:auto;text-align:center;max-width:390px;padding:35px 10px;color:#d1e1d5}.meld{min-width:0;max-width:100%;background:#174536;border-radius:8px;padding:9px;border:1px solid #5f8a75}.meld.invalid{border:2px dashed #f5b78f;padding:8px}.meld-row{display:flex;gap:5px;overflow-x:auto;padding:3px 2px 7px;max-width:100%}.meld-controls{display:flex;align-items:center;gap:5px;margin-top:5px;flex-wrap:wrap;font-size:11px}.meld-controls select{background:#fffdf6;border:0;border-radius:4px;min-height:44px;max-width:125px;color:var(--ink)}.meld-controls button{padding:4px 9px;font-size:12px}.meld-label{margin-right:auto;font-size:11px}.tile{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;flex-direction:column;gap:0;width:48px;height:65px;min-height:65px;padding:1px 0 5px;background:#fffcf1;border:1px solid #d8ccae;border-bottom:4px solid #c6b894;border-radius:6px;font:700 29px/1.1 Georgia,serif;box-shadow:0 2px 3px #092b3522;user-select:none}.tile small{font:10px/1 sans-serif;position:absolute;bottom:5px}.tile.c0{color:#b62931}.tile.c1{color:#2356a3}.tile.c2{color:#99510a}.tile.c3{color:#222927}.tile.joker{color:#6c3866;font-size:25px}.tile.selected{outline:3px solid var(--gold);outline-offset:0;transform:translateY(-3px);background:#fff0c8}.tile:disabled{opacity:1;cursor:default}.tile.fresh{border-top:3px solid #ba943e}.toolbar{display:flex;gap:7px;flex-wrap:wrap;padding:12px 0}.toolbar button{font-size:12px;padding:8px 12px}.rack-panel{background:#e6e5d8;border:1px solid #c9cebd;border-radius:10px;padding:17px;margin:10px 0}.rack{display:flex;flex-wrap:wrap;gap:7px;padding:10px 0 18px;min-height:80px}.commit{display:flex;justify-content:flex-end;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid #c9cebd;padding-top:15px}.commit p{font-size:13px;margin:0 auto 0 0;max-width:450px}.help,.history{font-size:13px;margin:16px 0;color:var(--muted)}summary{cursor:pointer;min-height:30px}.help p{max-width:800px}#message{background:#fff0d7;border:1px solid #bc843b;padding:12px 17px;margin-bottom:15px;border-radius:6px;position:sticky;top:5px;z-index:5}footer{font-size:11px;color:var(--muted);text-align:center;padding:30px 15px}dialog{max-width:760px;max-height:85vh;width:calc(100% - 24px);border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:24px}dialog::backdrop{background:#102a24b3}.dialog-head{display:flex;gap:15px;justify-content:space-between;align-items:center}dialog li{margin-bottom:14px}dialog p{font-size:14px}.results{padding:0;list-style:none}.results li{padding:8px 0;border-bottom:1px solid var(--line)}@media(max-width:700px){.top{padding:12px 15px;gap:6px}.brand{font-size:23px}.brand span{display:none}#connection{max-width:80px;font-size:10px}.header-actions{gap:0}.header-actions button{font-size:12px;padding:7px}.welcome{grid-template-columns:1fr;gap:25px;padding:15px 0}.intro h1{font-size:45px;margin:12px 0}.intro p:not(.eyebrow){font-size:14px}.sample{display:none}main{padding:20px 12px 0}.entry{padding:22px}.game-heading h1{font-size:25px}.stats{flex-direction:column;gap:0;font-size:12px}#clock{font-size:21px}.players{gap:6px;margin:14px 0}.players li{min-width:125px;padding:8px 10px;font-size:13px}.players li.active{padding:7px 9px}.players small{font-size:10px}.board{padding:9px;min-height:180px;gap:10px;border-width:3px}.rack-panel{padding:12px}.tile{width:44px;height:61px;min-height:61px;font-size:27px}.rack{gap:6px}.toolbar{gap:5px}.toolbar button{font-size:11px;padding:7px 10px}.commit button{flex:1;font-size:13px}.commit p{flex-basis:100%;max-width:none}.table-heading{flex-wrap:wrap;gap:4px}.table-heading button{font-size:12px}.lobby{padding:20px}.lobby h1{font-size:30px}.meld{width:auto}.dialog-head h2{font-size:21px}dialog{padding:18px}dialog ol{padding-left:22px}}