.tjl-play-surface{--tjl-table:#e8f0e5;--tjl-line:#c7d8c1;--tjl-accent:#42745a;min-width:0;isolation:isolate}.tjl-play-surface[data-tjl-surface-kind=deduction],.tjl-play-surface[data-tjl-surface-kind=bluff]{--tjl-table:#efe9f7;--tjl-line:#d6c6e8;--tjl-accent:#8460a5}.tjl-play-surface[data-tjl-surface-kind=dice],.tjl-play-surface[data-tjl-surface-kind=numbers]{--tjl-table:#fbefd8;--tjl-line:#ead09f;--tjl-accent:#a47628}.tjl-play-surface[data-tjl-surface-kind=words]{--tjl-table:#e5eff8;--tjl-line:#b9d2e5;--tjl-accent:#4a7da0}
.party-game.tjl-play-surface .tjl-play-stage{position:relative;border-color:var(--tjl-line);background-color:var(--tjl-table);box-shadow:inset 0 0 0 5px #ffffff40,0 5px 18px #30423508}.party-game.tjl-play-surface .tjl-own-hand{border-color:var(--tjl-line);box-shadow:0 4px 16px #33432d08;background:#fffefa}.party-game.tjl-play-surface :is(.pc-turn,.is-turn,.gd-active,.tc-current,.ll-current,.sg-current,.sk-active,.sn-active,.gm-current){border-color:var(--tjl-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--tjl-accent),transparent 78%)}
.party-game.tjl-play-surface :is(.yd-tray,.nt-table,.fk-table){padding:clamp(18px,4vw,34px);border-radius:24px}.party-game.tjl-play-surface .yd-dice{gap:clamp(9px,2vw,22px)}.party-game.tjl-play-surface .gm-bank{border-radius:20px}.party-game.tjl-play-surface :is(.ll-card,.sg-card){box-shadow:0 4px 0 #77684b12,0 6px 14px #5141360c}.party-game.tjl-play-surface :is(.sn-card,.nt-mini-card){box-shadow:0 3px 0 #68544818}.party-game.tjl-play-surface :is(.pc-card,.mj-tile,.gd-card):focus-visible{outline:3px solid #d55b56;outline-offset:3px}
.party-game .tjl-ring{display:grid;grid-template-columns:112px minmax(0,1fr) 112px;gap:12px 8px;align-items:start}.party-game .tjl-ring>*{grid-column:1/-1;min-width:0}.party-game .tjl-ring>.tjl-seat-rail{display:contents}.party-game .tjl-ring .tjl-ring-seat{box-sizing:border-box;min-width:0;max-width:100%;margin:0;padding:11px 8px;border-radius:15px;background:#fffef9}.party-game .tjl-ring .tjl-ring-seat :is(header,.pc-seat-meta){flex-wrap:wrap;overflow-wrap:anywhere}.party-game .tjl-ring .tjl-ring-seat :is(header>b,header>strong,.gd-seat-name){overflow-wrap:anywhere;max-width:100%;white-space:normal}.party-game .tjl-ring .tjl-ring-seat[data-tjl-seat=south]{grid-column:1/-1;grid-row:var(--tjl-south-row);width:min(380px,100%);justify-self:center}.party-game .tjl-ring .tjl-ring-seat[data-tjl-seat=north]{grid-column:2;grid-row:var(--tjl-north-row);width:min(360px,100%);justify-self:center}.party-game .tjl-ring .tjl-ring-seat[data-tjl-seat=north-west]{grid-column:1/3;grid-row:var(--tjl-north-row);width:min(280px,100%);justify-self:center}.party-game .tjl-ring .tjl-ring-seat[data-tjl-seat=north-east]{grid-column:3;grid-row:var(--tjl-north-row);justify-self:center}.party-game .tjl-ring .tjl-ring-seat[data-tjl-seat=west]{grid-column:1;grid-row:var(--tjl-center-row);align-self:center}.party-game .tjl-ring .tjl-ring-seat[data-tjl-seat=east]{grid-column:3;grid-row:var(--tjl-center-row);align-self:center}.party-game .tjl-ring>.tjl-ring-center{grid-column:2;grid-row:var(--tjl-center-row);align-self:stretch;min-height:220px;margin:0;border:1px solid var(--tjl-line);border-radius:22px;padding:clamp(10px,2vw,24px);background:radial-gradient(ellipse at center,#fffdf5,var(--tjl-table));box-shadow:inset 0 0 0 5px #fff5}.party-game .tjl-ring[data-tjl-seats='2']{grid-template-columns:minmax(0,1fr)}.party-game .tjl-ring[data-tjl-seats='2'] :is(.tjl-ring-center,[data-tjl-seat=north]){grid-column:1}
.party-game .tjl-ring .tjl-ring-seat:is([data-tjl-seat=west],[data-tjl-seat=east]) :is(.pc-hidden-hand,.mj-opponent-hand){display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:0;margin:8px 0}.party-game .tjl-ring .tjl-ring-seat:is([data-tjl-seat=west],[data-tjl-seat=east]) :is(.pc-hidden-hand,.mj-opponent-hand)>*{margin:0;max-width:38px;flex:none}.party-game .tjl-ring .tjl-ring-seat:is([data-tjl-seat=west],[data-tjl-seat=east]) :is(.pc-hidden-hand,.mj-opponent-hand)>*+*{margin-top:-20px}.party-game .tjl-ring .mj-player-state{flex-wrap:wrap}.party-game .tjl-ring .gd-seat-name{padding-inline-end:0;min-height:0}.party-game .tjl-ring .gd-seat-count{position:static;display:block;font-size:28px;margin-top:5px}.party-game .tjl-ring :is(.pc-seat-meta,.gd-seat-status){font-size:10px}.party-game .tjl-ring .pc-trick-layout{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.party-game .tjl-ring .pc-trick-slot{min-width:46px}.party-game .tjl-ring .mj-wall{max-width:100%;flex-wrap:wrap}.party-game .tjl-ring .mj-notice{margin:0}.party-game .tjl-ring .tjl-own-hand{margin-top:0}
@media(max-width:700px){.party-game .tjl-ring{grid-template-columns:69px minmax(0,1fr) 69px;gap:9px 5px}.party-game .tjl-ring .tjl-ring-seat{padding:9px 5px;font-size:10px;border-radius:12px}.party-game .tjl-ring .tjl-ring-seat :is(header,.pc-seat-meta){gap:4px}.party-game .tjl-ring .tjl-ring-seat :is(header>b,header>strong,.gd-seat-name){font-size:10px;line-height:1.45}.party-game .tjl-ring .tjl-ring-seat :is(.pc-seat-meta,.gd-seat-status){font-size:9px}.party-game .tjl-ring>.tjl-ring-center{padding:12px 6px;min-height:210px;border-radius:17px}.party-game .tjl-ring .gd-trick-cards{gap:3px}.party-game .tjl-ring .gd-trick-cards .gd-card{width:30px;min-height:45px;font-size:13px}.party-game .tjl-ring .gd-trick-cards .gd-card i{font-size:16px}.party-game .tjl-ring .pc-trick-layout{gap:5px}.party-game .tjl-ring .pc-trick-slot{min-width:34px}.party-game .tjl-ring .pc-trick-slot small{font-size:9px}.party-game .tjl-ring .pc-trick-slot .pc-card{width:32px;min-width:32px}.party-game .tjl-ring .pc-seat-meta>span{max-width:100%}.party-game .tjl-ring .mj-player-state{gap:3px;font-size:9px}.party-game .tjl-ring .mj-player header{display:grid;gap:2px}.party-game .tjl-ring .mj-opponent-hand .mj-tile{width:26px;min-width:26px;height:37px}.party-game .tjl-ring .mj-player .mj-melds{gap:2px}.party-game .tjl-ring .mj-recent .mj-tile{width:42px}.party-game .tjl-ring .mj-wall i:nth-child(n+3){display:none}}
.party-game .tjl-ring:is([data-tjl-seats='5'],[data-tjl-seats='6']){grid-template-columns:100px repeat(3,minmax(0,1fr)) 100px}.party-game .tjl-ring:is([data-tjl-seats='5'],[data-tjl-seats='6'])>.tjl-ring-center{grid-column:2/5}.party-game .tjl-ring:is([data-tjl-seats='5'],[data-tjl-seats='6']) [data-tjl-seat=east]{grid-column:5}.party-game .tjl-ring:is([data-tjl-seats='5'],[data-tjl-seats='6']) [data-tjl-seat=north-west]{grid-column:2;width:100%}.party-game .tjl-ring:is([data-tjl-seats='5'],[data-tjl-seats='6']) [data-tjl-seat=north-east]{grid-column:4;width:100%}.party-game .tjl-ring[data-tjl-seats='6'] [data-tjl-seat=north]{grid-column:3}.party-game .tjl-ring .tjl-ring-seat :is(.pc-hidden-hand,.mj-opponent-hand){flex-wrap:wrap}
@media(max-width:700px){.party-game .tjl-ring:is([data-tjl-seats='5'],[data-tjl-seats='6']){grid-template-columns:58px repeat(3,minmax(0,1fr)) 58px}}
@media(max-width:380px){.party-game .tjl-ring{grid-template-columns:57px minmax(0,1fr) 57px;gap:8px 3px}.party-game .tjl-ring .tjl-ring-seat{padding-inline:3px}.party-game .tjl-ring>.tjl-ring-center{padding-inline:4px}}
.party-game .tjl-ring{direction:ltr}.party-game .tjl-ring[dir=rtl]>*:not(.tjl-seat-rail),.party-game .tjl-ring[dir=rtl] .tjl-ring-seat{direction:rtl}.party-game .tjl-ring .tc-backs{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}.party-game .tjl-ring .tc-backs>*{max-width:26px;min-width:0}.party-game .tjl-ring .tc-player{font-size:11px}.party-game .tjl-ring .tc-player-stats{flex-wrap:wrap;gap:3px;font-size:10px}.party-game.tjl-play-surface .tc-active{border-color:var(--tjl-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--tjl-accent),transparent 78%)}