:root{--sf: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;--ui: var(--sf);--display: var(--sf);--wordmark: var(--sf);--heart: #ab2f38;--diamond: #ab2f38;--spade: #23211d;--club: #23211d;--tr-joker-red: #c8323c;--tr-joker-black: #23211d}.tt-bar__brand,.tt-room-bar__brand{font-weight:600;letter-spacing:-.02em;text-transform:none}.tcard--spade{color:var(--spade)}.tcard--club{color:var(--club)}.tcard--heart{color:var(--heart)}.tcard--diamond{color:var(--diamond)}.tcard--joker-red{color:var(--tr-joker-red)}.tcard--joker-black{color:var(--tr-joker-black)}.tr-joker__star{width:44%;height:44%}.tr-joker__mark{font-size:13px}.tr-joker__word{position:absolute;right:4px;bottom:6px;writing-mode:vertical-rl;font:700 7.5px/1 var(--ui);letter-spacing:.14em;color:inherit;opacity:.85}.tcard--sm .tr-joker__word{display:none}.tr-pip{width:14px;height:14px;display:inline-block;flex:none}.tr-pip--heart,.tr-pip--diamond{color:var(--heart)}.tr-pip--spade,.tr-pip--club{color:#23211d}.tr-rounds__empty{padding:14px 20px;text-align:center;font-size:12.5px}.tr-scores__note{margin:0;padding:6px 0 0;font:500 10.5px/1.2 var(--ui);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:#ffffff73}.tt-board .tr-rounds{width:min(360px,100%)}.tr-scores__declare{display:block;font:600 9.5px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--accent, #f5c451);margin-top:3px}.tr-rounds__up{font-weight:600;color:var(--accent, #f5c451)}.tr-lobby-board{display:flex;flex-direction:column;align-items:center;gap:8px}.tr-lobby-teams{margin:0;font:500 12px/1.2 var(--ui);color:#ffffff8c}.tr-rules-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tr-rules-chip{gap:.25rem}.tr-rules-chip.is-static{pointer-events:none}.tr-rules-summary{margin:0;font:400 11px/1.3 var(--ui);color:#fff9;text-align:center;max-width:280px}.tr-blurb{margin:0;padding:6px 12px 10px;font-size:12px}.tr-declare-board{gap:8px}.tr-declare{display:flex;flex-direction:column;align-items:center;gap:6px}.tr-declare__cards{display:inline-flex;gap:4px}.tr-declare__cards .tcard{width:44px;height:62px}.tr-declare__who{font:500 12px/1.2 var(--ui);color:#ffffffb3;text-align:center}.tr-declare__who .tt-name{color:inherit}.tr-declare__ready{margin:0;font:500 11px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;font-variant-numeric:tabular-nums}.tr-kitty-hint{margin:0;font:500 12px/1.3 var(--ui);color:#ffffff8c;max-width:260px;text-align:center}.tr-bidmark{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.tt-seat--top .tr-bidmark{transform:translate(-50%)}.tr-pill{padding:0 14px;border:0;border-radius:999px;background:#ffffff1a;color:var(--white);font:600 14px/1 var(--ui)}.tr-pill:hover:not(:disabled){background:#ffffff2e}.tr-pill:disabled{opacity:.4}.tt-circle--done{background:#ffffff1f;color:var(--accent, #f5c451);pointer-events:none}.tr-trump{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:#ffffffeb;color:#23211d;font:600 12px/1.2 var(--ui);white-space:nowrap}.tr-trump__who{font-weight:500;color:#23211db3;font-variant-numeric:tabular-nums}.tr-trump__who b{color:#23211d}.tr-trump__who b.is-over{color:var(--tr-joker-red)}.tr-go--throw:not(:disabled){box-shadow:0 0 0 2px var(--accent, #f5c451)}.tr-hint{font:500 12px/1.2 var(--ui);color:#ffffff80;white-space:nowrap}@media(max-width:720px){.tr-hint{display:none}}.tr-center{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:22px var(--tr-cross-h, 150px) 22px;justify-items:center;align-items:center;row-gap:6px}.tr-center__note{grid-row:1;align-self:end;white-space:nowrap;pointer-events:none}.tr-center__spare{grid-row:3}.tr-cross{grid-row:2;--tr-cross-w: 168px;--tr-cross-h: 150px;position:relative;width:var(--tr-cross-w);height:var(--tr-cross-h)}.tr-cross__card{position:absolute;display:block;transition:transform .25s ease,opacity .3s ease,filter .3s ease}.tr-play{display:inline-flex}.tr-play .tcard+.tcard{margin-left:-24px}.tr-play--1 .tcard+.tcard{margin-left:0}.tr-cross--wide{--tr-cross-w: 230px}.tr-cross--wide .tr-play .tcard+.tcard{margin-left:-28px}.tr-cross__card.is-winner .tr-play .tcard{box-shadow:0 0 0 2px var(--accent, #f5c451),0 8px 18px -6px #000000b3}.tr-center__pts{color:var(--accent, #f5c451)}.tr-cross__card--top{top:0;left:50%;--at-x: -50%;--at-y: 0;--tilt: -3deg}.tr-cross__card--bottom{bottom:0;left:50%;--at-x: -50%;--at-y: 0;--tilt: 3deg}.tr-cross__card--left{left:0;top:50%;--at-x: 0;--at-y: -50%;--tilt: -6deg}.tr-cross__card--right{right:0;top:50%;--at-x: 0;--at-y: -50%;--tilt: 6deg}.tr-cross__card{transform:translate(var(--at-x),var(--at-y)) rotate(var(--tilt))}.tr-cross__card.is-winner{z-index:2;transform:translate(var(--at-x),var(--at-y)) rotate(0) scale(1.12)}.tr-cross__card.is-lost{opacity:.55;filter:saturate(.6)}.tr-cross--leaving .tr-cross__card{opacity:0;transition:opacity .35s ease}.tr-cross--taken{pointer-events:none}@media(prefers-reduced-motion:no-preference){.tr-cross__card:not(.is-winner):not(.is-lost){animation:tr-land .32s ease-out backwards}.tr-cross__card--top{--fly-x: 0;--fly-y: -110px}.tr-cross__card--bottom{--fly-x: 0;--fly-y: 120px}.tr-cross__card--left{--fly-x: -140px;--fly-y: 0}.tr-cross__card--right{--fly-x: 140px;--fly-y: 0}@keyframes tr-land{0%{opacity:0;transform:translate(calc(var(--at-x) + var(--fly-x)),calc(var(--at-y) + var(--fly-y))) rotate(var(--tilt)) scale(1.1)}to{opacity:1;transform:translate(var(--at-x),var(--at-y)) rotate(var(--tilt)) scale(1)}}}@media(max-width:720px){.tr-cross{--tr-cross-w: 150px;--tr-cross-h: 138px}.tr-center{grid-template-rows:22px 138px 22px}}.tr-lastround{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,460px)}.tr-lastround__team{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:#ffffff0f;text-align:left}.tr-lastround__who{font:700 13px/1.2 var(--ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.tr-lastround__line{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:12.5px}.tr-lastround__label{min-width:0;color:#fffc}.tr-lastround__label small{color:#ffffff80}.tr-lastround__value{font:700 14px/1 var(--display);font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap}.tr-lastround__value.is-minus{color:#ff6b6b}.tr-lastround__total{display:flex;justify-content:space-between;margin-top:4px;padding-top:6px;border-top:1px solid rgba(255,255,255,.1);font:800 15px/1 var(--display);font-variant-numeric:tabular-nums}.tr-lastround__bags{font:500 10.5px/1.2 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:#fff6}@media(max-width:400px){.tr-lastround{grid-template-columns:minmax(0,1fr)}}.tr-options{display:grid;gap:6px;padding:4px 0}.tr-option{display:grid;gap:4px;padding:6px 12px 8px;border-radius:10px;background:#ffffff0d}.tr-option__head{display:flex;flex-direction:column;gap:1px;min-width:0}.tr-option__label{font:600 13px/1.3 var(--ui)}.tr-option__blurb{font:400 11px/1.35 var(--ui);color:#ffffff8c}.tr-option__seg{padding:0;margin:0}.tr-option__seg .btn{flex:1}.tr-options-toggle{width:100%;text-align:left;background:none;border:0;color:inherit;font:inherit;cursor:pointer}.tr-options-toggle .tt-icon{opacity:.6}.tt-group__card .tr-options{padding:0 8px 8px}.tr-options .btn.is-on,.tr-options .btn.is-on:hover{background:#fff;color:#111}.tr-options .btn{background:#ffffff1a;border:0;color:var(--white);box-shadow:none}.tr-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:12px;animation:tr-fade .18s ease-out}.tr-modal.is-out{animation:tr-fade .18s ease-in reverse forwards;pointer-events:none}@keyframes tr-fade{0%{opacity:0}to{opacity:1}}.tr-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.tr-modal__panel{position:relative;display:flex;flex-direction:column;width:min(100%,440px);max-height:min(100%,640px);border-radius:16px;background:var(--room-2, #1c1917);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 48px #0009;color:var(--white)}.tr-modal__head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 4px 16px}.tr-modal__title{font:600 15px/1.2 var(--display)}.tr-modal__body{overflow:auto;padding:4px 10px}.tr-modal__foot{display:flex;justify-content:flex-end;padding:8px 12px 12px}.tt-rules .tr-option{background:#ffffff0a}.tt-rules .tr-option__seg .btn:disabled{opacity:1;pointer-events:none}.tt-rules .tr-option__seg .btn:disabled:not(.is-on){opacity:.45}.tr-suit-order{display:inline-flex;align-items:center;gap:10px;margin:0 0 4px;padding:8px 14px 8px 12px;border-radius:14px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14}.tr-suit-order__label{font:600 12px/1 var(--ui);letter-spacing:.02em;text-transform:uppercase;color:#ffffff9e}.tr-suit-order__pip{width:20px;height:20px;display:block;color:#fff}.tr-rules__win .tcard{box-shadow:0 0 0 2px var(--accent, #f5c451)}.tr-rules__group{display:inline-flex;vertical-align:middle;margin:0 4px}.tr-rules__group .tcard+.tcard{margin-left:-22px}.tr-rules__pile{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.tr-suit-order .tt-rules__fan{gap:2px}@media(min-width:721px)and (max-height:820px){.tr-center{grid-template-rows:16px var(--tr-cross-h, 112px) 16px;row-gap:2px}.tr-cross{--tr-cross-w: 156px;--tr-cross-h: 112px}.tr-cross .tcard{width:44px;height:62px}.tr-cross--wide{--tr-cross-w: 210px}}