:root{--bg:#fff;--ink:#1d3557;--muted:#6b7a8c;--line:#d6dee8;--blue:#1b6fc0;--blue-deep:#155a9d;--yellow:#ffd12b;--yellow-deep:#e9b800;--tile-fg:#ffd12b;--error:#c0392b;--field:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--ink);background:var(--bg);margin:0;font:16px/1.4 system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif}#app{max-width:720px;margin:0 auto;padding:16px}h1{letter-spacing:.02em;color:var(--blue);margin:0 0 8px;font-size:2rem;font-weight:800}h2{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:20px 0 8px;font-size:.8rem;font-weight:700}p{margin:8px 0}.muted{color:var(--muted)}.error{color:var(--error);min-height:1.4em}label{margin:12px 0;display:block}input,select{font:inherit;min-height:44px;color:var(--ink);background:var(--field);border:2px solid var(--line);border-radius:8px;padding:8px 12px;font-size:1rem}input:focus,select:focus{border-color:var(--blue);outline:none}label>input,label>select{width:100%;margin-top:4px;display:block}button{font:inherit;min-height:44px;color:var(--blue);background:var(--bg);border:2px solid var(--blue);cursor:pointer;border-radius:8px;padding:8px 18px;font-weight:700}button:hover:not(:disabled){background:#eef4fb}button:disabled{opacity:.5;cursor:default}button.primary{color:var(--blue);background:var(--yellow);border-color:var(--yellow)}button.primary:hover:not(:disabled){background:#ffdb55;border-color:#ffdb55}button.small{min-height:36px;padding:4px 12px;font-size:.85rem;font-weight:400}button.link{color:var(--muted);border:none;margin-top:16px;padding:4px;font-weight:400;text-decoration:underline}.home,.busy{padding-top:8vh}.busy{text-align:center;color:var(--muted)}.home .primary{width:100%}.players{margin:0;padding:0;list-style:none}.players li{border-bottom:1px solid var(--line);padding:6px 0}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.75rem;display:inline-block}.settings{margin:16px 0}.settings summary{cursor:pointer;color:var(--muted)}.lobby .primary{width:100%;margin-top:8px}.tile{width:34px;height:34px;color:var(--tile-fg);background:var(--blue);box-shadow:0 0 0 1px var(--line), 0 1px 3px #00000040;-webkit-user-select:none;user-select:none;border:2px solid #fff;border-radius:4px;justify-content:center;align-items:center;font-size:1.15rem;font-weight:800;display:inline-flex}.tile.big{width:48px;height:48px;font-size:1.65rem}.status{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bag{color:var(--blue);background:var(--yellow);border-radius:999px;padding:4px 12px;font-size:.9rem;font-weight:700}.flip{min-height:40px}.status .small{margin-left:auto}.pool{flex-wrap:wrap;gap:8px;min-height:64px;padding:14px 0;display:flex}.pool:empty:before{content:"no tiles face up yet";color:var(--muted);align-self:center}.claim{gap:8px;display:flex}.claim-input{text-transform:uppercase;letter-spacing:.12em;min-width:0;color:var(--blue);flex:1;font-size:1.3rem;font-weight:700}.message{min-height:1.4em;margin:6px 0 10px}.message.error{color:var(--error)}.shake{animation:.3s shake}@keyframes shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.players-board{flex-direction:column;gap:8px;display:flex}.player{border-top:1px solid var(--line);padding:10px 0}.player.away{opacity:.55}.player h3{align-items:baseline;gap:10px;margin:0 0 8px;font-size:1rem;display:flex}.player.me h3:after{content:"you";color:var(--muted);font-size:.75rem;font-weight:400}.player.turn h3:before{content:"";background:var(--yellow);width:8px;height:8px;box-shadow:0 0 0 1px var(--yellow-deep);border-radius:50%;align-self:center}.score{color:var(--blue);font-weight:800}.words{flex-wrap:wrap;gap:8px;display:flex}.words:empty:before{content:"no words yet";color:var(--muted);font-size:.9rem}.word{background:0 0;border:1px solid #0000;border-radius:6px;gap:3px;min-height:0;padding:4px;display:inline-flex}.word:hover{border-color:var(--line);background:0 0}.log{border-top:1px solid var(--line);color:var(--muted);margin:16px 0 0;padding:12px 0 0;font-size:.9rem;list-style:none}.log li:first-child{color:var(--ink)}.scores{border-collapse:collapse;width:100%;margin:12px 0 20px}.scores th,.scores td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px}.scores th{color:var(--muted);font-size:.85rem;font-weight:400}.scores tr.me td{color:var(--blue);font-weight:700}.word-list{letter-spacing:.05em}.finished .primary{width:100%}.toast{color:var(--blue);background:var(--yellow);border-radius:8px;padding:8px 14px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #00000040}