.tg{position:relative}.tg [hidden]{display:none!important}.tg-top,.tg-bottom{align-items:center;gap:.625rem;min-height:2.75rem;display:flex}.tg-top{margin-bottom:.75rem}.tg-bottom{justify-content:space-between;margin-top:.75rem}.tg-status{color:#f3f1ecb8;flex:1;align-items:center;gap:.5rem;min-width:0;font-size:.8125rem;display:flex}.tg-live{background:#d4493c;border-radius:9999px;flex:none;width:.5rem;height:.5rem;animation:1.8s infinite tg-live;box-shadow:0 0 #d4493c99}.tg[data-mode=play] .tg-live{display:none}@keyframes tg-live{70%{box-shadow:0 0 0 7px #d4493c00}to{box-shadow:0 0 #d4493c00}}.tg-pips{color:#f3f1ec80;font-variant-numeric:tabular-nums;font-size:.75rem}.tg-actions{gap:.5rem;margin-inline-start:auto;display:flex}.tg-btn{white-space:nowrap;color:var(--color-text);transition:border-color .3s, color .3s, background-color .3s, transform .3s var(--ease-lux);background:#f3f1ec0a;border:1px solid #f3f1ec38;border-radius:9999px;align-items:center;gap:.5rem;padding:.6rem 1.15rem;font-size:.8125rem;font-weight:500;display:inline-flex}.tg-btn:hover{border-color:var(--color-gold);color:var(--color-gold)}.tg-btn:focus:not(:focus-visible){outline:none}.tg-btn:disabled{opacity:.4;pointer-events:none}.tg-gold{color:var(--color-bg);background:linear-gradient(135deg, var(--color-gold-strong), var(--color-gold) 55%, #a8843f);border-color:#0000;box-shadow:0 8px 24px -12px #c9a45ccc}.tg-gold:hover{color:var(--color-bg);border-color:#0000;transform:translateY(-1px)}.tg-icon{padding:.5rem}.tg-icon[aria-pressed=true] .tg-snd-off,.tg-icon[aria-pressed=false] .tg-snd-on,[data-tg-pause][aria-pressed=true] .tg-ico-pause,[data-tg-pause][aria-pressed=false] .tg-ico-play{display:none}.tg-round{justify-content:center;width:2.6rem;height:2.6rem;padding:0}.tg-quiet{color:#f3f1ec99;background:0 0;border-color:#0000}@media (width>=1024px){.tg:not([data-open]){margin-inline:-1.5rem calc(-1*min(7rem,max(.5rem,50vw - 41rem)))}}.tg-stage{perspective:1200px;position:relative}.tg-board{width:100%;height:auto;color:var(--color-gold);transform:rotateX(calc(12deg + var(--hero-rx))) rotateY(calc(-8deg + var(--hero-ry))) rotateZ(1.5deg);transition:transform 1.2s var(--ease-lux);user-select:none;-webkit-tap-highlight-color:transparent;display:block}:root[dir=rtl] .tg-board{transform:rotateX(calc(12deg + var(--hero-rx))) rotateY(calc(8deg + var(--hero-ry))) rotateZ(-1.5deg)}.tg[data-mode=play] .tg-board{transform:none}.tg-frame{filter:drop-shadow(0 30px 40px #0000008c);fill:#120e0a99;stroke:currentColor;stroke-width:1.6px}.tg-inner{fill:none;stroke:currentColor;stroke-width:.6px;opacity:.5}.tg-field{fill:#c9a45c08;stroke:currentColor;stroke-width:1px}.tg-barline{stroke:currentColor;stroke-width:.8px;opacity:.6}.tg-tray rect{fill:#00000038;stroke:currentColor;stroke-width:.8px;transition:fill .3s}.tg-tray-mid{stroke:currentColor;stroke-width:.6px;opacity:.35}.tg-hit{fill:#0000}.tg-pt path{stroke:currentColor;stroke-width:.9px;fill:#c9a45c1a;transition:fill .3s}.tg-pt-b path{fill:#c9a45c06;stroke-opacity:.6}.tg-pt.is-src path{fill:#48a8704d}.tg-pt.is-sel path{fill:#48a87099}.tg-pt.is-dst path,.tg-tray.is-dst rect{fill:#e9dcc347}.tg [data-i].is-src,.tg [data-i].is-dst{cursor:pointer}.tg [data-i]:focus{outline:none}.tg [data-i]:focus-visible path,.tg [data-i]:focus-visible rect{stroke:var(--color-gold-strong);stroke-width:2.5px}.tg-dest{fill:none;stroke:var(--color-gold-strong);stroke-width:2px;stroke-dasharray:4 3;pointer-events:none;animation:.9s ease-in-out infinite alternate tg-pulse}@keyframes tg-pulse{to{opacity:.35}}.tg-ck{pointer-events:none;transition:transform .42s var(--ease-lux)}.tg-ck>circle{transition:transform .25s var(--ease-lux), filter .25s}.tg-ck.is-lift>circle{transform:scale(1.15)}.tg-ck.is-lift .tg-ck-face{filter:drop-shadow(0 5px 6px #000000a6)}.tg-p0 .tg-ck-face{fill:#e9dcc3;stroke:#a68a54;stroke-width:1px}.tg-p0 .tg-ck-ring{fill:none;stroke:#a68a54;stroke-width:.8px;opacity:.6}.tg-p1 .tg-ck-face{fill:#9a7330;stroke:#e3c47f;stroke-width:1px}.tg-p1 .tg-ck-ring{fill:none;stroke:#5f4419;stroke-width:1px;opacity:.75}.tg-die{pointer-events:none;transition:opacity .3s}.tg-die.is-used{opacity:.28}.tg-die-face{fill:#f3f1ec}.tg-pip{fill:#1b140a}.tg-die.is-rolling .tg-die-in{animation:tg-roll .55s var(--ease-lux) both}@keyframes tg-roll{0%{opacity:0;transform:rotate(-220deg)scale(.4)}}.tg-board [pathLength]{stroke-dasharray:1;stroke-dashoffset:1px;animation:tg-draw 1.6s var(--ease-lux) both;animation-delay:calc(.3s + var(--k) * .18s)}@keyframes tg-draw{to{stroke-dashoffset:0}}.tg-checkers{animation:tg-fade 1s var(--ease-lux) 1.9s both}.tg.is-drawn .tg-board [pathLength]{stroke-dasharray:none;animation:none}.tg.is-drawn .tg-checkers{animation:none}@keyframes tg-fade{0%{opacity:0}}.tg-end{text-align:center;backdrop-filter:blur(6px);animation:tg-fade .5s var(--ease-lux) both;background:#0e0c0ae0;border:1px solid #c9a45c59;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;display:flex;position:absolute;inset:12% 14%}.tg-end-title{color:var(--color-gold);font-size:2rem;line-height:1.1}.tg-end-mars{color:var(--color-gold-strong);font-size:.875rem}.tg-end-mars:empty{display:none}.tg-end-lead{color:#f3f1ecbf;max-width:22rem;font-size:.875rem}.tg-end-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.tg[data-open]{z-index:70;height:100dvh;padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));background:var(--color-surface);flex-direction:column;display:flex;position:fixed;inset:0}.tg[data-open] .tg-top,.tg[data-open] .tg-bottom{flex-wrap:wrap;flex:none;margin:0}.tg[data-open] .tg-stage{aspect-ratio:680/420;flex:none;width:100%;max-height:55dvh;margin:.5rem 0;container-type:size}.tg[data-open] .tg-board{width:100%;height:100%;position:absolute;inset:0;transform:none}.tg[data-open] .tg-end{animation:none;inset:50% .5rem auto;transform:translateY(-50%)}@media (width<=1023px){.tg:not([data-open]) .tg-bottom,.tg .tg-league,.tg .tg-leader{display:none}}.tg[data-seat="1"] .tg-flip{transform:matrix(1,0,0,-1,0,420)}.tg.is-hurry [data-tg-status]{color:#e88c7d}.tg-salon,.tg-drawer-btn,.tg-drawer-head{display:none}.tg[data-open] .tg-salon{flex-direction:column;flex:1;min-height:0;display:flex}.tg-tabs{scrollbar-width:none;border-bottom:1px solid #f3f1ec1f;flex:none;gap:.25rem;display:flex;overflow-x:auto}.tg-tabs::-webkit-scrollbar{display:none}.tg-tab{white-space:nowrap;color:#f3f1ec99;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:.6rem .85rem;font-size:.8125rem;transition:color .2s,border-color .2s}.tg-tab:hover{color:var(--color-text)}.tg-tab[aria-selected=true]{color:var(--color-gold);border-color:var(--color-gold)}.tg-panel{overscroll-behavior:contain;flex:1;min-height:0;padding:.875rem .125rem;display:none;overflow-y:auto}.tg[data-tab=lig] .tg-panel-lig,.tg[data-tab=best] .tg-panel-best,.tg[data-tab=mine] .tg-panel-mine,.tg[data-tab=settings] .tg-panel-settings,.tg[data-tab=rules] .tg-panel-rules{display:block}.tg-rules{color:#f3f1ecbf;flex-direction:column;gap:.6rem;padding-inline-start:1.1rem;font-size:.8125rem;line-height:1.5;list-style:decimal;display:flex}.tg-rules li::marker{color:var(--color-gold)}.tg-rules-head{margin-top:1.25rem}.tg-length{flex-direction:column;gap:.35rem;margin-bottom:.75rem;display:flex}.tg-invite .tg-length{margin-bottom:.25rem}.tg-length[hidden]{display:none}.tg-length-title{color:#f3f1ec8c;font-size:.6875rem}.tg-seg{background:#f3f1ec08;border:1px solid #f3f1ec1f;border-radius:.7rem;gap:.25rem;padding:.2rem;display:flex}.tg-seg>button{color:#f3f1eca6;border-radius:.5rem;flex:1;min-width:0;padding:.4rem .3rem;font-size:.75rem;line-height:1.2;transition:color .2s,background-color .2s}.tg-seg>button:hover{color:var(--color-text)}.tg-seg>button[aria-checked=true]{color:var(--color-bg);background:var(--color-gold)}.tg-seg>button:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.tg-panel-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.tg-panel h3{letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);font-size:.6875rem}:root[dir=rtl] .tg-panel h3{letter-spacing:normal;font-size:.8125rem}.tg-sm{padding:.45rem .9rem;font-size:.75rem}.tg-salon-note{color:#e5b973;flex:none;padding:.5rem .125rem 0;font-size:.75rem}.tg-empty,.tg-hint{color:#f3f1ec80;font-size:.75rem}.tg-err{color:#e88c7d;font-size:.75rem}.tg-err:empty{display:none}.tg-rematch-ask{color:#8fe0b0;background:#7fc8a024;border:1px solid #7fc8a08c;border-radius:9999px;padding:.5rem .9rem;font-size:.9375rem;font-weight:600;animation:1.8s ease-in-out infinite tg-ask}.tg-rematch-ask:empty{display:none}.tg-btn.tg-gold[data-tg-rematch]{animation:1.8s ease-in-out infinite tg-ask-btn}@keyframes tg-ask{50%{background:#7fc8a038;box-shadow:0 0 0 6px #7fc8a01f}}@keyframes tg-ask-btn{50%{box-shadow:0 0 0 6px #c9a45c2e}}@media (prefers-reduced-motion:reduce){.tg-rematch-ask,.tg-btn.tg-gold[data-tg-rematch]{animation:none}}.tg-drawer-btn{color:var(--color-gold);border-color:#c9a45c8c}.tg-settings{flex-direction:column;gap:1rem;display:flex}.tg-form{background:#f3f1ec08;border:1px solid #f3f1ec1a;border-radius:.75rem;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.tg-form h4{font-size:.8125rem;font-weight:600}.tg-form>.tg-btn{align-self:flex-start}.tg-field{color:#f3f1ecb3;flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.tg-field textarea{resize:vertical;min-height:5.5rem;font-family:inherit}.tg-field select{appearance:auto}.tg-ok{color:#7fc8a0;font-size:.75rem}.tg-ok:empty{display:none}.tg-leader{min-width:0;color:var(--color-gold);gap:.35rem}.tg-leader-label{color:#f3f1ecb3;flex:none}.tg-leader-name{white-space:nowrap;text-overflow:ellipsis;max-width:9rem;font-weight:600;overflow:hidden}.tg-rooms{grid-template-columns:repeat(auto-fill,minmax(min(100%,11rem),1fr));gap:.5rem;display:grid}.tg-roomcard{text-align:start;background:#f3f1ec08;border:1px solid #f3f1ec1a;border-radius:.75rem;flex-direction:column;align-items:stretch;gap:.2rem;width:100%;padding:.65rem .75rem;transition:border-color .15s,background .15s;display:flex}.tg-roomcard:hover,.tg-roomcard:focus-visible{background:#c9a45c12;border-color:#c9a45c8c}.tg-roomcard.is-locked{opacity:.55;cursor:not-allowed}.tg-roomcard-top{justify-content:space-between;align-items:center;gap:.4rem;min-width:0;display:flex}.tg-roomcard-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.875rem;font-weight:600;overflow:hidden}.tg-roomcard-sub,.tg-roomcard-live{color:#f3f1ec8c;font-size:.6875rem}.tg-roomcard-live{color:#7fc8a0}.tg-badge{color:#f3f1ecb3;border:1px solid #f3f1ec33;border-radius:9999px;flex:none;padding:.1rem .45rem;font-size:.625rem}.tg-badge.is-gold{color:var(--color-gold);border-color:#c9a45c99}.tg-badge.is-lock{border-color:#0000}.tg-rooms-me{margin:-.25rem 0 .6rem}.tg-back-arrow{display:inline-block}:root[dir=rtl] .tg-back-arrow{transform:scaleX(-1)}.tg-panel .tg-room-title{letter-spacing:.12em;margin-bottom:.6rem;font-size:.8125rem}.tg-band{color:#e5b973;background:#e5b97312;border:1px solid #e5b9734d;border-radius:.6rem;margin-bottom:.75rem;padding:.55rem .7rem;font-size:.75rem;line-height:1.45}.tg-tables{flex-direction:column;gap:.5rem;display:flex}.tg-tables:empty{display:none}.tg-table{background:#f3f1ec08;border:1px solid #f3f1ec1a;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .55rem .55rem .8rem;display:flex}.tg-table-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.tg-table-len{color:#f3f1ec8c;font-size:.6875rem}.tg-table-names{align-items:baseline;gap:.4rem;min-width:0;font-size:.8125rem;display:flex}.tg-table-names>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tg-vs{color:#c9a45ccc;font-variant-numeric:tabular-nums;flex:none}.tg-table.is-mine{background:#c9a45c12;border-color:#c9a45c73}.tg-table-live{color:#7fc8a0;flex:none;font-size:.6875rem}.tg-invite{border-top:1px dashed #f3f1ec24;flex-direction:column;align-items:flex-start;gap:.35rem;margin-top:1rem;padding-top:1rem;display:flex}.tg-login,.tg-nick{background:#c9a45c0f;border:1px solid #c9a45c4d;border-radius:.75rem;flex-direction:column;gap:.5rem;margin-bottom:.875rem;padding:.75rem;font-size:.8125rem;display:flex}.tg-login .tg-btn{align-self:flex-start}.tg-linkrow{gap:.5rem;width:100%;display:flex}.tg-input{min-width:0;color:var(--color-text);background:#00000040;border:1px solid #f3f1ec33;border-radius:.5rem;flex:1;padding:.45rem .7rem;font-size:16px}.tg-input:focus{border-color:var(--color-gold);outline:none}.tg-seg{border:1px solid #f3f1ec26;border-radius:9999px;display:inline-flex;overflow:hidden}.tg-seg button{color:#f3f1ec99;padding:.3rem .7rem;font-size:.6875rem}.tg-seg button[aria-pressed=true]{color:var(--color-gold);background:#c9a45c24}.tg-list{flex-direction:column;display:flex}.tg-row{border-radius:.5rem;grid-template-columns:2.25rem minmax(0,1fr) auto auto;align-items:center;gap:.6rem;padding:.45rem .5rem;font-size:.8125rem;display:grid}.tg-best-row{grid-template-columns:1.75rem minmax(0,1fr) 1.75rem 1.75rem 1.75rem 2.25rem}.tg-best-row>span:nth-child(n+3){text-align:center}.tg-head{letter-spacing:.08em;color:#f3f1ec73;font-size:.6875rem;background:0 0!important}.tg-who{flex-direction:column;min-width:0;line-height:1.25;display:flex}.tg-lvl{white-space:nowrap;text-overflow:ellipsis;color:#f3f1ec73;font-size:.625rem;overflow:hidden}.tg-best-row.is-top .tg-name{font-weight:600}.tg-best-row.is-top1{background:#c9a45c1a!important}.tg-champ{background:#c9a45c12;border:1px solid #c9a45c59;border-radius:.6rem;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;margin-bottom:.75rem;padding:.55rem .7rem;font-size:.8125rem;display:flex}.tg-champ-label{color:var(--color-gold);font-size:.6875rem}.tg-champ-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.tg-champ-pts{color:#f3f1ec99;font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:.75rem}.tg-mine-row{grid-template-columns:auto minmax(0,1fr) auto auto;gap:.75rem}.tg-mine-row .tg-res{font-size:.8125rem;font-weight:600}.tg-mine-row .tg-name{color:#f3f1ec99;font-size:.75rem}.tg-row:nth-child(odd){background:#f3f1ec08}.tg-rank{color:var(--color-gold);font-variant-numeric:tabular-nums}.tg-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tg-num,.tg-date{color:#f3f1ec8c;font-variant-numeric:tabular-nums;font-size:.75rem}.tg-pts{text-align:end;min-width:2rem;color:var(--color-gold);font-variant-numeric:tabular-nums;font-weight:600}.tg-res{font-size:.6875rem}.tg-row.is-won .tg-res{color:#7fc8a0}.tg-row.is-lost .tg-res{color:#e88c7d}.tg-invitebox .tg-linkrow{max-width:28rem;margin-top:.25rem}@media (orientation:landscape) and (height<=540px) and (width<=1023px){.tg[data-open]{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;display:grid}.tg[data-open] .tg-top,.tg[data-open] .tg-bottom,.tg[data-open] .tg-actions{flex-flow:column;justify-content:center;align-items:stretch;gap:.5rem;margin:0}.tg[data-open] .tg-stage{width:auto;max-width:calc(100vw - 15rem);height:100%;max-height:none;margin:0}.tg[data-open] .tg-status{text-align:center;flex:none;justify-content:center}.tg[data-open] .tg-pips{text-align:center}.tg[data-open] .tg-btn{white-space:normal;text-align:center;justify-content:center}.tg[data-open] .tg-drawer-btn{display:inline-flex}.tg[data-open] .tg-salon{display:none}.tg[data-open][data-drawer] .tg-salon{z-index:2;width:min(24rem,62vw);padding:max(.75rem, env(safe-area-inset-top)) max(.75rem, env(safe-area-inset-right)) max(.75rem, env(safe-area-inset-bottom)) .75rem;background:var(--color-surface);display:flex;position:fixed;inset-block:0;inset-inline-end:0;box-shadow:-20px 0 40px #00000080}.tg[data-open][data-drawer] .tg-drawer-head{justify-content:flex-end;display:flex}}@media (width>=1024px){.tg[data-open]{grid-template:"top top top""lig stage tabs""lig stage side"minmax(0,1fr)"note bottom side"/minmax(15rem,20rem) minmax(0,1fr) minmax(15rem,20rem);column-gap:2rem;padding:1.25rem 2rem;display:grid}.tg[data-open] .tg-top{grid-area:top;margin-bottom:.75rem}.tg[data-open] .tg-stage{grid-area:stage;align-self:center;width:100%;height:auto;max-height:100%;margin:0}.tg[data-open] .tg-bottom{grid-area:bottom}.tg[data-open] .tg-salon{display:contents}.tg[data-open] .tg-tabs{grid-area:tabs}.tg[data-open] .tg-tab[data-tg-tab=lig]{display:none}.tg[data-open] .tg-salon-note{grid-area:note}.tg[data-open] .tg-panel-lig{grid-area:lig;padding-top:0;display:block}.tg[data-open] .tg-panel-best,.tg[data-open] .tg-panel-mine,.tg[data-open] .tg-panel-settings,.tg[data-open] .tg-panel-rules{grid-area:side}.tg[data-open] .tg-panel-best{display:block}.tg[data-open][data-tab=mine] .tg-panel-best,.tg[data-open][data-tab=settings] .tg-panel-best,.tg[data-open][data-tab=rules] .tg-panel-best{display:none}}@media (prefers-reduced-motion:reduce){.tg-board [pathLength]{stroke-dasharray:none;animation:none}.tg-checkers,.tg-end,.tg-die.is-rolling .tg-die-in,.tg-live,.tg-dest{animation:none}.tg-ck,.tg-board{transition:none}}
