.tlp .tl-work{max-width:1400px;padding-top:12px;padding-bottom:18px;display:block}.tl{--tl-gap:4px;--tl-label:"Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--tl-row:clamp(72px, calc((100svh - 272px) / 6), 132px);--tl-icon:calc(var(--tl-row) - 34px);position:relative}.tl>h1{font:700 21px/1.2 var(--font-display), Georgia, serif;color:var(--ivory);letter-spacing:0;margin:0 0 12px}.tl-rail{flex-direction:column;padding-top:6px;display:flex}.tl-lists{flex-direction:column;gap:18px;display:flex}.tl-group{flex-direction:column;gap:1px;display:flex}.tl-group-name{color:var(--text-muted);margin:0 0 5px 10px;font-size:12.5px}.tl .tl-lists button{color:var(--ivory-2);font:600 15px var(--font-sans);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:baseline;padding:8px 10px;display:flex}.tl .tl-lists button:hover{color:#fff;background:#111}.tl .tl-lists button[aria-selected=true]{color:#f3c95b;cursor:default;background:#1a1a17}.tl-n{color:var(--text-muted);margin-left:6px;font-size:12.5px;font-weight:400}.tl-rail .tl-link{align-self:flex-start;margin:18px 0 0 10px}.tl .tl-link{white-space:nowrap;color:var(--ivory-2);font:400 14px var(--font-sans);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);cursor:pointer;background:0 0;border:0;flex:none;padding:4px 0}.tl .tl-link:hover{color:#fff;text-decoration-color:currentColor}.tl .tl-rail .tl-link{white-space:normal;text-align:left}.tl-actions{flex:none;grid-template-columns:1fr 1fr;gap:6px;display:grid}.tl .tl-actions button{color:var(--text-strong);font:600 13px var(--font-sans);white-space:nowrap;cursor:pointer;background:#1a1a17;border:1px solid #3d3d38;border-radius:4px;padding:8px 10px}.tl .tl-actions button:hover{color:#fff;border-color:#8a8a7e}.tl .tl-actions button:disabled{opacity:.45;cursor:default;color:var(--text-strong);border-color:#3d3d38}.tl .tl-actions .tl-main{color:#1a1400;background:linear-gradient(#ffe15a,#ffc400);border-color:#000;grid-column:1/-1;padding:10px 12px;font-size:14.5px;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #78500038}.tl .tl-actions .tl-main:hover{color:#1a1400;filter:brightness(1.06);border-color:#000}.tl .tl-actions .tl-main:disabled{filter:saturate(.4);color:#1a1400;border-color:#000}.tl-said{z-index:5;color:var(--game-green);pointer-events:none;background:#060606f0;border:1px solid #3d3d38;border-radius:4px;padding:6px 10px;font-size:13px;position:absolute;top:58px;right:10px}.tl-said:empty{display:none}.tl-stage{grid-template-columns:168px minmax(0,1fr) 372px;align-items:stretch;gap:14px;display:grid}.tl-board{background:#111;border:2px solid #000;min-width:0;position:relative;box-shadow:0 10px 30px #0006}.tl .tl-reset{color:#fff;font:600 13.5px var(--font-sans);cursor:pointer;background:#1a1a17;border:1px solid #55554c;border-radius:4px;flex:none;padding:7px 16px}.tl .tl-reset:hover{background:#24241f;border-color:#b9b9b0}.tl .tl-reset:disabled{opacity:.4;cursor:default;background:#1a1a17;border-color:#3d3d38}.tl-head{align-items:center;gap:10px;height:46px;padding:0 10px 0 8px;display:flex}.tl .tl-title{box-sizing:border-box;color:#f3c95b;min-width:0;height:36px;font:700 23px/1.2 var(--font-display), Georgia, serif;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:3px;flex:1;padding:0 8px 2px}.tl-title::placeholder{color:#f3c95b;opacity:1}.tl-title:hover{border-color:#33332e}.tl-title:focus{background:#000;border-color:#55554c;outline:none}.tl-title:focus::placeholder{opacity:.25}.tl-rows{background:#000;border-top:2px solid #000;gap:2px;display:grid}.tl-row{min-height:var(--tl-row);background:#1a1a17;grid-template-columns:96px minmax(0,1fr);display:grid}.tl-letter{background:var(--tl-q);color:#111;font:700 calc(var(--tl-row) * .42)/1 var(--tl-label);-webkit-user-select:none;user-select:none;place-items:center;display:grid}.tl-drop{align-content:flex-start;gap:var(--tl-gap);flex-wrap:wrap;min-width:0;padding:6px 8px 5px;display:flex}.tl-row[data-over]{box-shadow:inset 0 0 0 2px var(--tl-q);background:#24241f}.tl[data-picking] .tl-drop{cursor:pointer}.tl[data-picking] .tl-row:hover{background:#24241f}.tl .tl-token{width:max(112px, calc(var(--tl-icon) + 16px));color:var(--tl-c);font:700 13px/1.15 var(--tl-label);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:3px;flex-direction:column;flex:none;align-items:center;gap:4px;padding:0;display:flex;position:relative}.tl-face{width:var(--tl-icon);height:var(--tl-icon);transition:transform .12s var(--ease), box-shadow .12s var(--ease);background:#000;border:3px solid #060606;border-radius:10px;line-height:0;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #3d3d38}.tl-face img{border-radius:6px;width:100%;height:100%;display:block}.tl-name{text-overflow:ellipsis;white-space:nowrap;text-align:center;text-shadow:0 1px 2px #000;max-width:100%;display:block;overflow:hidden}.tl-token:hover .tl-face{transform:translateY(-2px);box-shadow:0 0 0 1px #6b6b62,0 6px 14px #0009}.tl-token:focus-visible{outline:none}.tl-token:focus-visible .tl-face{box-shadow:0 0 0 2px #111, 0 0 0 4px var(--accent)}.tl-token[data-state=picked] .tl-face{box-shadow:0 0 0 2px #111, 0 0 0 4px var(--game-yellow), 0 0 16px #ffd10080;transform:translateY(-2px)}.tl-token[data-state=dragging]{opacity:.25}.tl .tl-ghost{z-index:60;pointer-events:none;cursor:grabbing;filter:drop-shadow(0 10px 14px #000000b3);margin:0;position:fixed;top:0;left:0}.tl-ghost .tl-face{transform:scale(1.06)rotate(-2deg)}.tl[data-dragging],.tl[data-dragging] *{cursor:grabbing!important}.tl .tl-title-fixed{white-space:nowrap;cursor:default;border-color:#0000;align-items:center;margin:0;display:flex;overflow:hidden}.tl .tl-title-fixed:hover{border-color:#0000}.tl .tl-token.tl-fixed{cursor:default;touch-action:auto}.tl-mine{top:-3px;left:calc(50% + var(--tl-icon) / 2 - 15px);background:var(--tl-q);color:#111;min-width:19px;font:700 12px/16px var(--tl-label);text-align:center;text-shadow:none;border:2px solid #060606;border-radius:6px;padding:0 3px;position:absolute}.tl-about .tl-pool-in{padding:16px 18px}.tl-about p{color:#b9b9b0;margin:0 0 10px;font-size:14px;line-height:1.6}.tl-about p b{color:#fff;font-weight:700}.tl .tl-back{color:var(--text-strong);font:600 13.5px var(--font-sans);cursor:pointer;background:#1a1a17;border:1px solid #3d3d38;border-radius:4px;margin-top:6px;padding:8px 14px}.tl .tl-back:hover{color:#fff;border-color:#8a8a7e}.tl-side{flex-direction:column;gap:10px;min-width:0;display:flex}.tl-pool{background:#111;border:2px solid #000;flex:1 1 0;min-height:200px;position:relative}.tl-pool[data-over]{box-shadow:inset 0 0 0 2px #fff}.tl-pool-in{scrollbar-width:thin;scrollbar-color:#3d3d38 transparent;padding:10px 10px 12px;position:absolute;inset:0;overflow-y:auto}.tl-hint{color:#b9b9b0;margin:0 2px 8px;font-size:13px;line-height:1.6}.tl-hint-touch{display:none}.tl-pool-tokens{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px 0;display:grid}.tl .tl-pool .tl-token{gap:4px;width:auto;font-size:10px}.tl-pool .tl-face{border-width:2px;border-radius:8px;width:48px;height:48px}.tl-pool .tl-face img{border-radius:5px}.tl-pool .tl-name{white-space:normal;text-wrap:balance;min-height:2.3em}@media (hover:none){.tl-hint-mouse{display:none}.tl-hint-touch{display:inline}}@media (max-width:1099px){.tl{--tl-row:clamp(70px, calc((100svh - 420px) / 6), 110px)}.tl-stage{flex-direction:column;display:flex}.tl-side{display:contents}.tl-board{order:1}.tl-actions{order:2}.tl-pool{order:3}.tl-rail{flex-flow:wrap;justify-content:space-between;align-items:baseline;gap:2px 20px;margin-bottom:8px;padding:0}.tl-lists{flex-flow:wrap;align-items:baseline;gap:2px 28px}.tl-group{flex-flow:wrap;align-items:baseline;gap:2px 18px}.tl-group-name,.tl-n{display:none}.tl .tl-lists button{padding:5px 0}.tl .tl-lists button:hover,.tl .tl-lists button[aria-selected=true]{background:0 0}.tl-rail .tl-link{align-self:auto;margin:0}.tl-actions{flex-wrap:wrap;margin-top:10px;display:flex}.tl .tl-actions button,.tl .tl-actions .tl-main{padding:8px 14px;font-size:13.5px}.tl-pool{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0c0bf2;border:0;border-top:1px solid #3d3d38;flex:none;min-height:0;margin:12px -14px 0;position:sticky;bottom:0;box-shadow:0 -12px 24px #00000073}.tl-pool[data-over]{border-top-color:#fff;box-shadow:0 -12px 24px #00000073}.tl-pool-in{padding:8px 14px 10px;position:static}.tl-pool.tl-about{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:#111;margin-top:10px;position:static}.tl-hint{margin-bottom:6px;line-height:1.4}.tl-pool-tokens{scrollbar-width:none;flex-wrap:nowrap;gap:2px;padding-bottom:2px;display:flex;overflow:auto hidden}.tl-pool-tokens::-webkit-scrollbar{display:none}.tl .tl-pool .tl-token{touch-action:pan-x;flex:none;width:70px;font-size:10.5px}}@media (max-width:700px){.tl{--tl-gap:2px;--tl-row:78px}.tlp .tl-work{padding-top:8px}.tl>h1{margin-bottom:8px;font-size:17px}.tl-name{white-space:normal;text-wrap:balance}.tl-board{flex-direction:column;display:flex}.tl-head{display:contents}.tl .tl-title{flex:none;order:0;width:calc(100% - 8px);margin:4px}.tl-rows{order:1}.tl .tl-reset{order:2;align-self:flex-end;margin:6px}.tl-about .tl-pool-in{padding:10px 14px 12px}.tl .tl-actions button,.tl .tl-actions .tl-main{flex:auto}.tl-said{text-align:center;top:120px;left:10px;right:10px}.tl-board{margin-inline:-8px}.tl .tl-title{height:32px;font-size:17px}.tl-row{grid-template-columns:44px minmax(0,1fr)}.tl-letter{font-size:26px}.tl-drop{padding:5px 3px 4px}.tl .tl-token{width:66px;font-size:10.5px}.tl-face{border-width:2px;border-radius:7px}.tl-face img{border-radius:4px}.tl .tl-pool .tl-token{width:64px;font-size:10px}.tl-pool .tl-face{width:46px;height:46px}}@media (prefers-reduced-motion:reduce){.tl-face{transition:none}}.tl-text{max-width:760px;margin:0 auto;padding:20px 32px 40px}.tl-text section+section{margin-top:28px}.tl-text h2{font:700 20px/1.25 var(--font-sans);color:var(--ivory);margin:0 0 10px}.tl-text p{color:var(--text);margin:0 0 12px;font-size:15px;line-height:1.65}.tl-text ul{margin:0 0 12px;padding-left:20px;font-size:15px;line-height:1.65}@media (max-width:700px){.tl-text{padding-inline:14px}}
