:root{--felt: #0a5e42;--felt-2: #084d37;--felt-dk: #063a29;--gold: #e9b949;--gold-2: #ffe17a;--ink: #14231d;--card: #f7f4ea;--ally: #4fc3f7;--foe: #ff7597;--txt: #eafff5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--txt)}.trApp{position:relative;min-height:100%;width:100%;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,var(--felt) 0%,var(--felt-2) 45%,var(--felt-dk) 100%);display:flex;flex-direction:column}.trCenter{align-items:center;justify-content:center}.trFeltGlow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 45% at 50% 42%,rgba(255,255,255,.08),transparent 70%)}.trBtn{font:inherit;font-weight:700;color:var(--ink);background:linear-gradient(180deg,#fdfbf3,#e7e0cc);border:none;border-radius:12px;padding:12px 22px;cursor:pointer;transition:transform .1s ease,filter .1s ease,opacity .1s;box-shadow:0 3px #00000040}.trBtn:active{transform:translateY(2px);box-shadow:0 1px #00000040}.trBtn:disabled{opacity:.4;cursor:not-allowed}.trPrimary{color:#06301f;background:linear-gradient(180deg,var(--gold-2),var(--gold))}.trGhost{background:#ffffff1a;color:var(--txt);box-shadow:none;border:1px solid rgba(255,255,255,.25)}.trTruco{color:#3a0000;background:linear-gradient(180deg,#ff6b6b,#e23b3b);animation:trPulse 1.1s ease-in-out infinite}@keyframes trPulse{50%{filter:brightness(1.18)}}.trInput{font:inherit;font-weight:800;letter-spacing:4px;text-align:center;text-transform:uppercase;width:130px;padding:11px;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#00000040;color:var(--gold-2)}.trMenu,.trLobby,.trBootInner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px;text-align:center}.trTitle{margin:4px 0 0;font-size:40px;font-weight:900;letter-spacing:1px;color:var(--gold-2);text-shadow:0 2px 0 #05261a,0 0 24px rgba(233,185,73,.35)}.trTitle.trSmall{font-size:26px}.trTagline{margin:-6px 0 6px;color:#eafff5b3;font-size:14px}.trJoinRow{display:flex;gap:8px}.trMuted{color:#eafff599;font-size:13px}.trCodeBox{display:flex;flex-direction:column;align-items:center;gap:2px}.trCode{font-size:34px;letter-spacing:8px;color:var(--gold-2)}.trTeams{display:flex;align-items:center;gap:14px;margin:6px 0}.trTeamCol{min-width:130px;background:#0003;border-radius:14px;padding:12px;border:1px solid rgba(255,255,255,.12)}.trTeamCol h3{margin:0 0 8px;font-size:14px}.trTeamA h3{color:var(--ally)}.trTeamB h3{color:var(--foe)}.trVs{font-size:22px;font-weight:900;color:var(--gold)}.trSeat{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;margin-bottom:6px;background:#ffffff14;border-radius:9px;font-weight:600;font-size:14px}.trSeat.trEmpty{opacity:.4;font-style:italic;font-weight:400}.trHost,.trMe,.trAllyTag,.trOff{font-size:10px;font-weight:700;padding:2px 6px;border-radius:20px}.trHost{background:var(--gold);color:#3a2a00}.trMe{background:var(--ally);color:#012}.trAllyTag{background:#4fc3f740;color:var(--ally)}.trOff{background:#ff000040;color:#ffb3b3}.trTable{padding:8px 10px 12px;gap:6px}.trTopBar{display:flex;align-items:center;justify-content:space-between;z-index:2}.trScore{display:flex;flex-direction:column;align-items:center;min-width:74px;padding:6px 10px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.1)}.trScore span{font-size:11px;letter-spacing:1px;opacity:.8}.trScore b{font-size:26px;color:var(--gold-2)}.trScore.trMine{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.trMid{display:flex;flex-direction:column;align-items:center;gap:4px}.trVale{font-size:13px;text-transform:uppercase;letter-spacing:1px;opacity:.85}.trVale b{color:var(--gold-2);font-size:18px}.trViraWrap{display:flex;align-items:center;gap:6px}.trViraLbl{font-size:11px;opacity:.75}.trVazas{display:flex;gap:8px;justify-content:center;z-index:2}.trVaza{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35)}.trVazaOpen{background:transparent}.trVazaWin{background:var(--ally);border-color:var(--ally)}.trVazaLose{background:var(--foe);border-color:var(--foe)}.trVazaTie{background:var(--gold);border-color:var(--gold)}.trPlayers{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;z-index:2}.trPlayer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;border-radius:12px;background:#0000002e;border:2px solid transparent}.trPlayer.trTurn{border-color:var(--gold-2);box-shadow:0 0 14px #ffe17a66}.trPlayerName{font-size:13px;font-weight:700;display:flex;align-items:center;gap:5px}.trAlly .trPlayerName{color:var(--ally)}.trFoe .trPlayerName{color:var(--foe)}.trMiniHand{display:flex;gap:3px}.trBoard{flex:1;min-height:110px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;z-index:2}.trBoardHint{color:#eafff573;font-size:14px;font-style:italic}.trBoardCard{display:flex;flex-direction:column;align-items:center;gap:4px}.trBoardName{font-size:11px;opacity:.8}.trHand{display:flex;gap:10px;justify-content:center;padding:4px 0;z-index:2}.trActions{display:flex;gap:12px;align-items:center;justify-content:center;min-height:20px;z-index:2}.trTurnLbl{font-size:13px;color:var(--gold-2);font-weight:700}.trLog{text-align:center;font-size:11px;color:#eafff58c;min-height:30px;z-index:2}.trCard{position:relative;border-radius:7px;background:var(--card);border:none;padding:0;box-shadow:0 2px 6px #00000059;display:inline-block;font-family:Georgia,Times New Roman,serif;overflow:hidden}.tr-sm{width:30px;height:43px}.tr-md{width:50px;height:72px}.tr-lg{width:66px;height:95px}.trClickable{cursor:pointer}.trClickable:hover{box-shadow:0 4px 14px #ffe17a80}.trDim{opacity:.72;cursor:default}.trRed{color:#c62828}.trBlack{color:#1a1a1a}.trCorner{position:absolute;font-weight:700;line-height:.85;text-align:center}.tr-sm .trCorner{font-size:9px}.tr-md .trCorner{font-size:12px}.tr-lg .trCorner{font-size:14px}.trTop{top:3px;left:3px}.trBot{bottom:3px;right:3px;transform:rotate(180deg)}.trPip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.tr-sm .trPip{font-size:15px}.tr-md .trPip{font-size:26px}.tr-lg .trPip{font-size:34px}.trBack{background:repeating-linear-gradient(45deg,#7a1020,#7a1020 5px,#96162a 5px,#96162a 10px);border:2px solid #f2d38a}.trBackArt{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:4px;border:1px solid rgba(255,225,138,.6)}.trOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#02140eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.trBetBox,.trHandOver,.trGameOver{background:linear-gradient(180deg,var(--felt-2),var(--felt-dk));border:2px solid var(--gold);border-radius:18px;padding:22px 26px;text-align:center;max-width:92%;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 12px 40px #00000080}.trBetTitle{margin:0;font-size:34px;color:#ff6b6b;text-shadow:0 2px 10px rgba(255,0,0,.4)}.trBetBtns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.trWin{color:var(--gold-2);margin:0}.trLose{color:var(--foe);margin:0}.trReveal{display:flex;flex-direction:column;gap:8px;width:100%}.trRevealRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.trAllyName{color:var(--ally);font-weight:700;font-size:13px}.trFoeName{color:var(--foe);font-weight:700;font-size:13px}.trRevealCards{display:flex;gap:4px}.trFinalScore{font-size:40px;font-weight:900;color:var(--gold-2);margin:0}.trLoadBar{width:180px;height:8px;border-radius:20px;background:#0000004d;overflow:hidden}.trLoadBar span{display:block;height:100%;width:40%;border-radius:20px;background:linear-gradient(90deg,var(--gold),var(--gold-2));animation:trLoad 1.1s ease-in-out infinite}@keyframes trLoad{0%{margin-left:-40%}to{margin-left:100%}}.trBootErr{color:var(--foe);font-weight:700}.trBootCode{font-size:11px;color:#fff9;word-break:break-all;max-width:300px}.trToast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:50;background:#000000d9;color:#fff;padding:10px 18px;border-radius:12px;font-size:14px;border:1px solid var(--gold)}