:root{--tile-size-setting:32px;--sidebar-width:160px;--tile-size:var(--tile-size-setting,32px);--board-width:calc(var(--tile-size) * 15 + 12.8px);--green:#1f6f43;--green-dark:#14502f;--board-bg:#eed;--cell-empty:#cca;--cell-empty-ink:#000;--tile:#eed;--tile-ink:#444;--rack-tile:#fff;--rack-tile-ink:#000;--rack-bg:#888;--draft:#ffe9a8;--tw:#c44;--tw-ink:#eaa;--dw:#eaa;--dw-ink:#c44;--tl:#55f;--tl-ink:#aae;--dl:#aae;--dl-ink:#55f;--ink:#222;--paper:#faf7f0;--score:red;--tab:#ccc;--play:#fc4;--link:#00f;--shadow:0 1px 2px #00000040;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}body{color:var(--ink);text-align:center;-webkit-text-size-adjust:100%;background:#fff;min-width:700px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:12px}html.size-large{--tile-size-setting:38px}.moves-list,.player .pname,.player .pscore,.bag,.chat-pane .messages,.controls button,.tabbar,.cell .letter,.cell .value,.tile.rack-tile .letter,.tile.rack-tile .value{font-family:Verdana,sans-serif}button{font:inherit;cursor:pointer}button[hidden]{display:none}button:active:not(.cell):not(.rack-tile){color:#fff;background-color:#000}button:disabled:not(.cell):not(.rack-tile){color:#ccc;box-shadow:none;cursor:default;background-color:#eee}.cell,.tile.rack-tile{padding:0}.front{padding:8px 8px 12px}.front .app-title{letter-spacing:1px;margin:0;font-size:24px}.front .app-version{border-bottom:1px solid #000;margin:0 0 4px;padding-bottom:1px;font-size:12px}.front-actions{font-size:12px}.front-actions p{margin:6px 0}.front-actions .invited-by{font-size:12px}.invite-form{margin-top:4px}.invite-form label{text-align:left;margin:0 0 4px;font-size:10px;display:block}.invite-form select{width:100%;font-size:11px}.invite-form label.checkbox{flex-direction:row;align-items:center;gap:4px;display:flex}.pill{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;margin:2px 0;padding:4px 10px;font-family:Verdana,sans-serif;font-size:10px;display:inline-block;box-shadow:inset 0 0 3px #000}.pill:hover{background:#f4f4f4}form{text-align:center;font-family:Verdana,sans-serif}input,select{font-family:inherit;font-size:inherit;border:1px solid #ccc;width:100%;margin:0;padding:2px}label{font-size:12px}.popup form{margin:8px 0 0}.popup form p{margin:0 0 6px;display:block}.popup label{font-size:80%;display:block}.popup input{font-size:12px}.counter{text-align:right;color:#999;font-size:9px;display:block}.counter.over{color:#8a1f15}.popup label.inline{justify-content:center;align-items:center;gap:5px;display:flex}.popup input[type=checkbox]{width:auto}.popup button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;width:80px;height:24px;margin:2px;padding:4px 0;font-family:Verdana,sans-serif;font-size:10px;display:inline-block;overflow:hidden;box-shadow:inset 0 0 3px #000}.game-view{text-align:left;width:fit-content;min-height:100vh;color:var(--ink);margin:8px 0 0;padding:0 0 24px;display:inline-block;overflow:hidden}.main{align-items:flex-start;gap:12px;display:flex}.left-col{min-width:0;width:var(--board-width);flex:none}.tabbar{flex-wrap:nowrap;align-items:flex-end;gap:4px;margin-bottom:8px;padding-bottom:0;display:flex}.menu-btn{color:#fff;background:#444;border:none;border-radius:8px 16px 0 0;flex:none;padding:8px 16px;font-size:12px;font-weight:700}.tabs{scrollbar-width:none;flex-wrap:nowrap;flex:auto;gap:2px;min-width:0;display:flex;overflow:auto hidden}.tabs::-webkit-scrollbar{display:none}.tab{background:var(--tab);color:#000;font-variant-numeric:tabular-nums;border:none;border-radius:8px 16px 0 0;flex:none;min-width:36px;margin-right:2px;padding:5px 6px 8px;font-family:Georgia,serif;font-size:12px;font-weight:700}.tab.waiting{background:orange}.tab.finished{color:#888;padding-top:2px;padding-bottom:5px}.tab.solo{background:#668}.tab.selected{color:#000;background:#fff;margin-bottom:-2px;padding-bottom:10px;font-weight:700;box-shadow:2px 2px 6px #000}.tab.more{font-style:italic}.tab.wide{color:#fff;background:#444;min-width:0;padding:8px 16px;font-weight:700}.menu-wrap{display:inline-block;position:relative}.menu{z-index:3;text-align:left;background:#fff;border:1px solid #888;min-width:160px;max-height:500px;font-family:Verdana,sans-serif;font-size:11px;position:absolute;top:100%;left:0;overflow:auto;box-shadow:2px 2px 6px #000}.menu .mi{color:#000;width:100%;font:inherit;text-align:left;background:0 0;border:none;border-radius:0;margin:0;padding:4px 8px;display:block}.menu .mi:hover{background:#ccf}.menu hr{border:none;border-top:1px solid #888;margin:4px}.popup{text-align:center;background:#fff;border:1px solid #444;width:280px;max-height:calc(100vh - 120px);margin:60px 0;padding:16px;font-family:Verdana,sans-serif;font-size:11px;position:relative;overflow-y:auto;box-shadow:2px 2px 6px #000}.popup h2{background:#cce;border-bottom:1px solid #88a;margin:-16px -16px 10px;padding:3px 0;font-size:12px;font-weight:700}.popup p{margin:.5em 0}.popup .hint{color:#666}.popup .btn-row{justify-content:center;gap:4px;margin-top:12px;display:flex}.popup .invite-url{width:100%;font-size:11px}.popup .wordlist{text-transform:uppercase;font-family:Verdana,sans-serif;line-height:1.6}.popup .moves{color:#121;text-align:left;border-collapse:collapse;width:100%;margin:8px 0 0;font-size:9px}.popup .moves td{vertical-align:top;border-bottom:1px dotted silver}.popup .moves td.name{text-align:center;border-bottom:1px solid #888;font-weight:700}.popup .moves td.words{text-align:left;padding:0 0 0 4px}.popup .moves td.score{color:red;text-align:right;padding:0 4px 0 0;font-weight:700}.popup .moves td.failed{text-align:left;color:#888;padding:0 4px}.popup h3{margin:10px 0 4px;font-size:11px}.popup .stats{text-align:left;line-height:1.6;display:inline-block}.popup ul.games{text-align:left;margin:0;padding:0;font-size:11px;list-style:none}.popup li.game{padding:1px 0;display:block}.popup li.game:hover{background:#eef}.popup li.game.waiting{background:#fc4}.popup li.game .id{color:#88c;cursor:pointer;width:3em;font-weight:700;display:inline-block}.popup li.game .seat{margin-right:6px}.popup li.game .seat .pname{color:inherit;cursor:pointer}.popup li.game .seat .score{color:red;font-weight:inherit}.popup li.game .winner{font-weight:700}.popup li.game .selected .score{background:#ff0;padding:0 2px}.popup li.game .total{float:right;color:#000}.popup .error{color:#c00;margin:8px 0 0;font-size:11px}.player a.pname{color:inherit;cursor:pointer;text-decoration:none}.player a.pname:hover{text-decoration:underline}.header{text-align:right;pointer-events:none;height:0;position:relative}.header .user_status{color:#888;font-size:9px}.header .activity{color:red;cursor:pointer;visibility:hidden;font-size:20px;text-decoration:none}.header .activity.on{visibility:visible;pointer-events:auto}.board{grid-template-columns:repeat(var(--n), var(--tile-size));background:var(--board-bg);border:none;border-radius:0;gap:.8px;width:max-content;padding:.8px;display:grid}.board.inactive{opacity:.25}.cell{background:var(--cell-empty);color:var(--cell-empty-ink);vertical-align:middle;text-align:center;width:var(--tile-size);height:var(--tile-size);border:none;padding:0;display:table-cell;position:relative;overflow:hidden}.cell .bonus{font-size:calc(var(--tile-size) * .3125);letter-spacing:1px;text-transform:none;font-family:Times New Roman,Times,serif;font-style:italic;font-weight:400}.cell .cursor{font-size:calc(var(--tile-size) * .62);color:var(--green);pointer-events:none;box-shadow:inset 0 0 0 2px var(--green);background:#ffffff40;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.cell .cursor:not(.dir-open){font-size:0}.cell.tw{background:var(--tw);color:var(--tw-ink)}.cell.dw{background:var(--dw);color:var(--dw-ink)}.cell.tl{background:var(--tl);color:var(--tl-ink)}.cell.dl{background:var(--dl);color:var(--dl-ink)}.cell.center{background:var(--dw);color:var(--dw-ink)}.cell.tile,.tile.rack-tile{vertical-align:middle;text-align:center}.cell.tile{background:var(--tile);color:var(--tile-ink);border:1px solid #ccc;border-color:#fff #ccc #ccc #fff;border-radius:0;font-weight:400}.cell.tile.draft{background:var(--draft);border-color:var(--green)}.cell.tile.blank .letter{color:#c0392b}.cell .letter{font-size:calc(var(--tile-size) * .658);line-height:1}.cell .value{font-size:calc(var(--tile-size) * .263);vertical-align:sub;margin:0 calc(var(--tile-size) * -.079) 0 calc(var(--tile-size) * .026);opacity:1;font-weight:400;line-height:1}.actionbar{flex-flow:row;align-items:center;gap:0;margin:12px 0;display:flex}.rack{background:var(--rack-bg);min-height:var(--tile-size);border-radius:2px;gap:.8px;padding:.8px;display:flex}.tile.rack-tile{vertical-align:middle;text-align:center;width:var(--tile-size);height:var(--tile-size);background:var(--rack-tile);color:var(--rack-tile-ink);border:none;border-radius:0;flex:none;padding:0;font-weight:400;display:table-cell;position:relative;overflow:hidden}.tile.rack-tile.selected,.tile.rack-tile.selected .letter{color:#000;background:#ff0}.rack-slot{width:var(--tile-size);height:var(--tile-size);flex:none}.tile.rack-tile.used{opacity:.3}.tile.rack-tile.blank .letter{color:var(--green)}.tile.rack-tile .letter{font-size:calc(var(--tile-size) * .658);line-height:1}.tile.rack-tile .value{font-size:calc(var(--tile-size) * .263);vertical-align:sub;margin:0 calc(var(--tile-size) * -.079) 0 calc(var(--tile-size) * .026);opacity:1;font-weight:400;line-height:1}.controls{flex:none;align-items:center;height:34px;display:flex}.controls button{color:#000;text-transform:lowercase;background:#fff;border:none;border-radius:16px;flex:none;width:64px;height:100%;margin-left:2px;padding:0;font-family:Verdana,sans-serif;font-size:10px;overflow:hidden;box-shadow:inset 0 0 3px #000}html.size-large .controls button{width:70px;font-size:12px}.controls button.primary{background:var(--play);color:#000;text-transform:uppercase;font-weight:700}.status{background:#eef6f0;border-radius:8px;padding:8px 12px}.status.warn{color:#7a4a00;background:#ffeccc}.error{color:#8a1f15;background:#fbe3e0;border-radius:8px;padding:8px 12px}.gamefoot{color:#888;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:10px;display:flex}.gamefoot .link{color:var(--link);text-transform:lowercase;background:0 0;border:none;padding:2px 4px;font-size:10px;text-decoration:underline}.gamefoot .link:hover{color:#00c}.gamefoot .link.on{color:#555;cursor:default;text-decoration:none}.gamefoot .sep{color:#bbb}.sidebar{flex:0 0 var(--sidebar-width);width:var(--sidebar-width);max-width:var(--sidebar-width);height:auto;color:var(--ink);box-shadow:none;text-align:center;background:0 0;border:none;border-radius:0;padding:0;display:block}.pane{flex-direction:column;display:flex}.sidebar-contents{flex-direction:column;height:290px;margin:0 0 10px;display:flex;overflow:hidden}html.size-large .sidebar-contents{height:365px}.game-pane{flex:none;padding-bottom:0}.moves-pane{flex:auto;min-height:0;margin:16px 0 0;overflow:hidden}.chat-pane{flex:none}.chat-pane .messages{height:180px}.section-title{border-bottom:1px solid #000;margin:0 0 4px;padding-bottom:1px;font-size:12px;font-weight:700}.sidebar ul{margin:0;padding:0;list-style:none}.game-card{text-align:center;background:#eee;border:1px solid #ccc;padding:8px}.game-card h2{letter-spacing:1px;margin:0;font-size:18px}.game-card .sub{color:var(--ink);margin:6px 0;font-size:12px}.game-card .state{letter-spacing:1px;color:#000;border-bottom:1px solid #000;margin:0 0 4px;padding-bottom:1px;font-size:12px;font-weight:700}.game-card .state.mine{color:#000}.game-card .from-game{color:var(--link);cursor:pointer;font-size:12px;display:block}.game-card .from-game:hover{text-decoration:underline}.players{border-top:1px solid #888;margin:8px 0 0;font-size:12px}.player{text-align:left;border-bottom:1px solid #888;align-items:center;gap:0;height:28px;padding:2px 0;display:flex}.player.active{background:var(--play);color:#000}.avatar{color:#fff;border-radius:0;flex:none;justify-content:center;align-items:center;width:32px;height:32px;margin:-2px 4px -2px 0;font-size:10px;font-weight:700;display:flex}.player .pname{flex:1;font-size:12px;font-weight:400}.player .tiles{width:calc(var(--tile-size,32px) * .45);height:calc(var(--tile-size,32px) * .45);background:var(--tile);font-size:calc(var(--tile-size,32px) * .24);color:var(--tile-ink);font-variant-numeric:tabular-nums;border:none;border-radius:0;flex:none;justify-content:center;align-items:center;display:flex}.player .tiles.left{color:#aaa;letter-spacing:1px;background:0 0;width:auto;height:auto;font-family:Verdana,sans-serif;font-size:80%}.player .pscore{color:var(--score);font-variant-numeric:tabular-nums;margin:0 2px 0 0;font-size:15.6px;font-weight:400}.bag{color:#666;margin:2px;font-family:Verdana,sans-serif;font-size:9.6px}.invite .hint{color:#555;margin:2px 0;font-size:10px}.moves-list{color:#121;text-align:left;flex:auto;min-height:0;font-family:Verdana,sans-serif;font-size:9px;overflow-y:auto}.moves-list li{border-bottom:1px dotted silver;justify-content:space-between;align-items:baseline;gap:4px;padding:0;display:flex}.moves-list .words{text-transform:uppercase;overflow-wrap:anywhere;flex:auto}.moves-list .pts{font-variant-numeric:tabular-nums;flex:none}.moves-list li.failed{color:#888;text-align:center}.moves-list .empty{color:#999;border-bottom:none;justify-content:flex-start}.move-prospective{color:#121;text-align:left;background:#eea;border-bottom:1px dotted silver;justify-content:space-between;align-items:baseline;gap:4px;font-family:Verdana,sans-serif;font-size:9px;display:flex}.move-prospective .words{text-transform:uppercase;overflow-wrap:anywhere;flex:auto}.move-prospective .pts{font-variant-numeric:tabular-nums;flex:none;font-weight:700}.move-prospective.bad .words{text-transform:none;color:#8a1f15}.chat-pane .messages{text-align:left;color:#000;height:180px;font-family:Verdana,sans-serif;font-size:10px;overflow:hidden auto}html.size-large .chat-pane .messages{height:220px}.chat-pane .messages li{overflow-wrap:anywhere;margin:2px 0;padding:0}.chat-pane .messages .empty{color:#999}.chat-pane input{width:100%;margin-top:4px;padding:2px;font-family:Verdana,sans-serif;font-size:12px}.chat-count{color:#999;text-align:right;margin:2px 0 0;font-family:Verdana,sans-serif;font-size:9px}.chat-count.over{color:#8a1f15}.player .pname{overflow-wrap:anywhere}:where(dialog.pane){width:auto;max-width:none;height:auto;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:0;display:flex;position:static;inset:auto}.sheet-close,.phone-bar,.popup .dialog-close{display:none}dialog.popup{max-height:calc(100vh - 48px);transition:transform .28s cubic-bezier(.2, .8, .2, 1), display .28s allow-discrete, overlay .28s allow-discrete;border-top:none;border-radius:0 0 10px 10px;margin:0 auto;position:fixed;inset:0 0 auto;transform:translateY(-100%);box-shadow:0 10px 30px #00000059}dialog.popup[open]{transform:none}@starting-style{dialog.popup[open]{transform:translateY(-100%)}}dialog.popup::backdrop{transition:background .28s ease, display .28s allow-discrete, overlay .28s allow-discrete;background:0 0}dialog.popup[open]::backdrop{background:#0000004d}@starting-style{dialog.popup[open]::backdrop{background:0 0}}.ask-message{font-size:12px;line-height:1.5}.ask-tiles{justify-content:center;gap:2px;margin:10px 0;display:flex}.ask-tiles .tile.rack-tile{--tile-size:32px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 0 0 1px #888}.ask-letters{grid-template-columns:repeat(7,1fr);gap:4px;margin:8px 0;display:grid}.ask-letters button{cursor:pointer;background:#fff;border:1px solid #aaa;border-radius:4px;width:auto;min-width:0;height:32px;padding:0;font:700 14px Verdana,sans-serif}.ask-letters button:hover{background:#ffe9a8}.popup .members{text-align:left;margin:0;padding:0;list-style:none}.popup .members .member{flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 0;display:flex}.popup .members .member+.member{border-top:1px solid #ddd}.popup .members .who{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.popup .members .name{font-weight:700}.popup .members .email{color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.popup .members .make-link{width:auto;padding:0 10px}.popup .made-link{flex:1 0 100%}.popup .made-link .invite-url{box-sizing:border-box;width:100%}.popup .made-link .link-actions{gap:6px;margin-top:4px;display:flex}.popup .made-link .link-actions button{flex:1;width:auto}.popup .made-link .hint{margin:4px 0 0}.chat-pane .messages .colon{font-weight:700}.phone-preview.move-prospective{display:none}@media (width<=640px){:root,html.size-large{--page:#000;--surface:#161616;--surface-2:#262626;--line:#2e2e2e;--text:#e8e8e8;--muted:#8a8a8a;--accent:#fc4;--score:#ff5a4f;--link:#8fb3ff;--ink:var(--text);--tile-size:calc((100vw - 12.8px) / 15);--rack-size:calc((100vw - 16px) / 7)}html,body{overscroll-behavior:none;background:var(--page);height:100%;color:var(--text);overflow:hidden}body{min-width:0}.game-view{width:auto;height:100dvh;min-height:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);color:var(--text);flex-direction:column;margin:0;display:flex;overflow:hidden}.main,.left-col,.actionbar,.sidebar,.sidebar-contents,.game-pane{display:contents}.header{order:0}.tabbar{order:1}.board{order:2}.rack{order:4}.controls{order:5}.game-card,.phone-preview,.front-actions{order:6}.players{order:7}.bag{order:8}.phone-bar{order:10}.gamefoot{display:none}.board,.rack,.controls,.tabbar,.phone-bar{touch-action:manipulation}.header .user_status{display:none}.tabbar{background:var(--page);z-index:4;flex:none;gap:3px;margin:0;padding:4px 0 0;position:relative}.menu-btn{background:var(--surface-2);color:var(--text);border-radius:0 8px 0 0;padding:7px 12px}.tab{background:var(--surface-2);color:var(--muted);border-radius:8px 8px 0 0;padding:6px 8px;font-size:13px}.tab.waiting{color:#fff;background:#7a5a00}.tab.solo{color:#ddd;background:#3a3a55}.tab.finished{color:#666;padding:6px 8px}.tab.selected{background:var(--board-bg);color:#000;box-shadow:none;margin-bottom:0;padding-bottom:6px}.tab.wide{background:var(--surface-2);color:var(--text)}.menu{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 8px 24px #000}.menu .mi{color:var(--text);padding:10px 14px;font-size:15px}.menu .mi:hover,.menu .mi:active{background:var(--surface-2)}.menu .mi:disabled{color:#555}.menu hr{border-color:var(--line)}.board{border-radius:0;flex:none}.board.inactive{opacity:.35}.phone-preview.move-prospective{color:#f3e39a;background:#2a2810;border:none;flex:0 10 26px;align-items:center;min-height:0;margin:0;padding:0 10px;font-size:15px;display:flex;overflow:hidden}.phone-preview.empty{display:none}.game-view:has(.phone-preview:not(.empty)) .game-card{display:none}.phone-preview.bad,.phone-preview.bad .words{color:#ff9a8f}.phone-preview .pts{font-weight:700}.rack{background:#3a3a3a;flex:0 52px;justify-content:center;align-items:stretch;gap:2px;min-height:32px;margin:min(4px,.5vh) 0 0;padding:2px;container-type:size}.rack .tile.rack-tile,.rack .rack-slot{flex:1 1 0;width:auto;height:auto}.rack .tile.rack-tile .letter{font-size:calc(min(var(--rack-size), 100cqh) * .58)}.rack .tile.rack-tile .value{font-size:calc(min(var(--rack-size), 100cqh) * .24);margin:0 -2px 0 1px}.controls{flex:0 44px;gap:6px;height:auto;min-height:30px;margin:min(4px,.5vh) 0 0}.controls button{background:var(--surface-2);width:auto;color:var(--text);box-shadow:none;border-radius:22px;flex:1 1 0;margin:0;font-size:15px}.controls button:disabled:not(.cell){background:var(--surface);color:#555;box-shadow:none}.controls button.primary{background:var(--accent);color:#000}.controls button.primary:disabled:not(.cell){color:#8a7a40;background:#4a3f16}.left-col .error,.status.warn{z-index:5;border:none;border-radius:10px;margin:0;padding:10px 12px;font-size:14px;position:fixed;left:8px;right:8px;box-shadow:0 6px 20px #000}.left-col .error{top:calc(env(safe-area-inset-top) + 40px);color:#ffb3aa;background:#3a1512}.status.warn{bottom:calc(env(safe-area-inset-bottom) + 56px);color:#ffd27a;background:#3a2a00}.game-card{text-align:left;white-space:nowrap;background:0 0;border:none;flex-wrap:nowrap;flex:0 10 26px;align-items:center;gap:8px;min-height:0;padding:0 6px 0 0;display:flex;overflow:hidden}.game-card h2{letter-spacing:0;color:var(--text);font-size:15px}.game-card .sub{color:var(--muted);margin:0;font-size:12px}.game-card .state{color:var(--muted);border:none;margin:0 0 0 auto;padding:0;font-size:12px}.game-card .state.mine{color:var(--accent)}.game-card .from-game{color:var(--link);font-size:12px}.game-card .from-game.prev{display:none}.game-card .pill,.game-card .join{margin:0 0 0 auto;padding:2px 12px}.game-card.front{display:none}.players{border:none;flex:0 38px;gap:2px;min-height:26px;margin:0;display:flex}.player{background:var(--surface);min-width:0;height:auto;color:var(--text);border:none;flex:1 1 0}.player .avatar{flex:none}.player .pname{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.player.active{color:var(--accent);background:#2f2800}.player .pscore{color:var(--score);padding-right:6px;font-size:17px}.player .tiles{color:var(--muted)}.bag{min-height:0;color:var(--muted);text-align:right;flex:0 20 16px;margin:0;padding:0 6px;font-size:11px;line-height:16px;overflow:hidden}.sidebar .invite{display:none}.front-actions{color:var(--text);text-align:center;padding:12px 0}.phone-bar{flex:0 48px;gap:2px;min-height:30px;margin-top:auto;display:flex}.phone-bar button{background:var(--surface-2);min-width:0;color:var(--text);border:none;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:0 10px;font:15px Verdana,sans-serif;display:flex;position:relative}.phone-bar .bar-moves{flex:2 1 0;justify-content:space-between}.phone-bar .label{font-weight:700}.phone-bar .last{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);text-transform:uppercase;font-size:13px;overflow:hidden}.phone-bar .last b{color:var(--text);margin-left:6px}.phone-bar .badge{background:var(--score);color:#fff;border-radius:10px;min-width:20px;height:20px;padding:0 6px;font:700 12px/20px Verdana,sans-serif}dialog.pane{inset:auto 0 var(--keyboard,0px) 0;width:100%;max-height:calc(var(--visible,100dvh) - env(safe-area-inset-top) - 24px);padding:6px 0 env(safe-area-inset-bottom);background:var(--surface);color:var(--text);border:none;border-top:1px solid var(--line);overscroll-behavior:contain;transition:transform .25s ease, display .25s allow-discrete, overlay .25s allow-discrete;border-radius:14px 14px 0 0;flex-direction:column;margin:0;display:none;position:fixed;overflow:hidden;transform:translateY(100%);box-shadow:0 -8px 30px #000}dialog.pane[open]{display:flex;transform:translateY(0)}@starting-style{dialog.pane[open]{transform:translateY(100%)}}dialog.pane::backdrop{background:#0000008c}dialog.moves-pane{height:65dvh}dialog.chat-pane{height:75dvh}dialog.pane .section-title{color:var(--text);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:0;padding:0 6px 6px 12px;font-size:16px;display:flex}.sheet-close{background:var(--surface-2);width:36px;height:36px;color:var(--text);border:none;border-radius:50%;flex:none;font-size:16px;display:block}.moves-pane .move-prospective{display:none}.moves-list{overscroll-behavior:contain;min-height:0;color:var(--text);flex:auto;font-size:15px;overflow-y:auto}.moves-list li{border-bottom-color:var(--line);padding:8px 12px}.moves-list li.failed{color:#777}.chat-pane .messages,html.size-large .chat-pane .messages{overscroll-behavior:contain;color:#fff;flex-direction:column;flex:auto;gap:3px;height:auto;min-height:0;max-height:none;margin:0;padding:8px 10px;font:17px/1.3 -apple-system,system-ui,sans-serif;display:flex;overflow-y:auto}.chat-pane .messages li{background:hsl(var(--hue,220) 42% 30%);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:18px 18px 18px 6px;align-self:flex-start;max-width:80%;margin:0;padding:8px 12px}.chat-pane .messages li:not(.same){margin-top:8px}.chat-pane .messages li.mine{background:hsl(var(--hue,220) 58% 40%);border-radius:18px 18px 6px;align-self:flex-end}.chat-pane .messages li .who{color:hsl(var(--hue,220) 80% 78%);margin:0 0 2px;font-size:12px;font-weight:700;display:block}.chat-pane .messages li.same .who,.chat-pane .messages li.mine .who,.chat-pane .messages li .colon{display:none}.chat-pane .messages .empty{color:var(--muted);background:0 0;align-self:center;font-size:15px}.chat-form{border-top:1px solid var(--line);padding:8px 10px}.chat-form input{width:100%;color:var(--text);border:1px solid var(--line);background:#000;border-radius:20px;padding:10px 14px;font-size:17px}dialog.popup,dialog.pane{max-width:none}dialog.popup{width:100vw;max-height:calc(100dvh - env(safe-area-inset-top) - 24px);padding:0 0 calc(12px + env(safe-area-inset-bottom));overscroll-behavior:contain;background:var(--surface);color:var(--text);border:none;border-top:1px solid var(--line);border-radius:14px 14px 0 0;margin:0;font-size:14px;inset:auto 0 0;transform:translateY(100%);box-shadow:0 -8px 30px #000}dialog.popup[open]{flex-direction:column;display:flex;overflow:hidden;transform:none}@starting-style{dialog.popup[open]{transform:translateY(100%)}}dialog.popup[open]::backdrop{background:#0009}.dialog-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.popup .dialog-close{z-index:3;background:var(--surface-2);width:36px;height:36px;color:var(--text);text-align:center;border:none;border-radius:50%;padding:0;font-size:16px;line-height:36px;display:block;position:absolute;top:6px;right:8px}.popup .dialog-close:focus:not(:focus-visible){outline:none}.popup h2{z-index:1;background:var(--surface);color:var(--text);text-align:left;border-bottom:1px solid var(--line);border-radius:14px 14px 0 0;margin:0 0 10px;padding:14px 56px 13px 16px;font-size:17px;position:sticky;top:0}.btn-row .only-close{display:none}.btn-row:not(:has(>:not(.only-close))){display:none}.popup .members .member{padding:12px 16px}.popup .members .name{font-size:16px}.popup .members .email{font-size:13px}.popup .members .make-link{border-radius:18px;min-height:36px;padding:0 14px;font-size:14px}.popup .made-link .invite-url{padding:8px}.popup .made-link .link-actions button{border-radius:20px;flex:1;min-height:40px;font-size:15px}.popup .made-link .link-actions button:first-child{background:var(--accent);color:#000}.popup .members .member+.member{border-top-color:var(--line)}.popup .hint{padding:0 16px}.popup h3{color:var(--muted);border-bottom-color:var(--line)}.popup input,.popup select{color:var(--text);border:1px solid var(--line);background:#000;font-size:16px}.popup button{background:var(--surface-2);color:var(--text);box-shadow:none;border:none;min-height:36px}.popup .error{color:#ff9a8f}.popup li.game:hover{background:var(--surface-2)}.popup li.game.waiting{background:#5a4200}.popup li.game .id{color:#9aa2ff}.popup li.game .seat .score{color:var(--score)}.popup li.game .total{color:var(--text)}.popup li.game .selected .score{color:#fff;background:#5a4a00}.popup .moves{color:var(--text)}.popup .moves td{border-bottom-color:var(--line)}.popup .moves td.name{border-bottom-color:#555}.popup.ask h2{margin:0 0 8px}.ask-message{padding:0 16px;font-size:16px}.ask .btn-row{gap:8px;padding:8px 12px 0;display:flex}.ask .btn-row button{border-radius:24px;flex:1;height:48px;font-size:16px}.ask .btn-row button.primary{background:var(--accent);color:#000}.ask-tiles{gap:3px;padding:4px 8px}.ask-tiles .tile.rack-tile{--tile-size:52px;max-width:52px;height:52px;box-shadow:none;flex:1 1 0}.ask-letters{gap:4px;padding:4px 8px}.ask-letters button{background:var(--surface-2);height:48px;color:var(--text);border:none;border-radius:8px;font-size:18px}}@media (width<=640px) and (height<=580px){.tabbar{padding-top:2px}.menu-btn,.tab{padding-top:3px;padding-bottom:3px}.tab.selected{padding-bottom:3px}}