:root{--tr-dark:#132e2b;--tr-green:#1d5146;--tr-gold:#eabf66;--tr-red:#d7604e}
[hidden]{display:none!important}
.game-intro h1{font-size:clamp(4rem,7vw,7.7rem)}
.tr-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:13px clamp(16px,3vw,42px);background:#102d2b;color:#f7e9c6;font-size:.65rem;letter-spacing:.07em;text-transform:uppercase}
.tr-score{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.tr-score b{display:inline-grid;place-items:center;min-width:25px;height:25px;margin-left:3px;border-radius:50%;background:#ffffff24;color:white}.tr-score small{color:#a7c4b7}
.tr-subbar{justify-content:center;gap:25px;background:#183a35;color:#c7d6c8}.tr-subbar b{color:white}
.tr-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px}
.tr-board{min-width:0;padding:20px clamp(12px,2.5vw,35px) 24px;background:radial-gradient(circle at 50% 45%,#326b5c,#1b5147 78%);color:#fff9ec}
.tr-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:760px;margin:0 auto}
.tr-player{min-width:0;padding:8px;border:1px solid #ffffff45;border-radius:7px;background:#153f37aa}.tr-player.current{border-color:var(--tr-gold);box-shadow:0 0 0 2px #eabf6640}.tr-player-head,.tr-human-head{display:flex;align-items:center;gap:7px}.tr-avatar{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#a88ac1;color:#122b2b;font:400 .9rem var(--serif)}.tr-player.north .tr-avatar,.tr-avatar.you{background:var(--tr-gold)}.tr-player.east .tr-avatar{background:#e78877}.tr-player strong,.tr-human strong{font-size:.68rem}.tr-player small,.tr-human small{display:block;color:#bed6cb;font-size:.51rem}.tr-backs{display:flex;justify-content:center;gap:2px;margin-top:7px}.tr-backs .tr-card{width:29px;height:39px;border-width:2px;border-radius:3px;font-size:.72rem}.tr-backs .tr-card b{top:2px;left:2px;font-size:.47rem}.tr-backs .tr-card small{font-size:.4rem}.tr-backs .tr-card i{font-size:.85rem}
.tr-centre{display:flex;justify-content:center;align-items:center;gap:18px;max-width:760px;min-height:220px;margin:12px auto;padding:12px;border:1px solid #ffffff3c;border-radius:8px;background:#123e3680}
.tr-vira{display:grid;justify-items:center;gap:6px;flex:0 0 116px}.tr-vira>span{font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tr-gold)}.tr-vira small{max-width:115px;text-align:center;color:#d9e7d3;font-size:.52rem;line-height:1.3}.tr-vira small b{color:var(--tr-gold)}
.tr-trick{display:grid;grid-template-columns:repeat(3,78px);grid-template-rows:repeat(3,65px);place-items:center;gap:1px}.tr-slot{display:grid;place-items:center;gap:2px;width:70px}.tr-slot small{color:#bdd5c7;font-size:.46rem}.slot-2{grid-area:1/2}.slot-1{grid-area:2/1}.slot-3{grid-area:2/3}.slot-0{grid-area:3/2}.tr-empty{display:grid;place-items:center;width:53px;height:57px;border:1px dashed #ffffff42;border-radius:4px;color:#9db9aa;font-size:.5rem}.tr-slot .tr-card{width:49px;height:60px}.tr-slot .tr-card b{font-size:.68rem}.tr-slot .tr-card small{font-size:.52rem}.tr-slot .tr-card i{font-size:1rem}
.tr-card{position:relative;display:block;width:64px;height:88px;border-radius:5px;background:#fffaf0;color:#1c3830;box-shadow:0 4px 8px #09261e70;font-family:var(--serif)}.tr-card.red{color:#d05f4e}.tr-card.manilha{outline:2px solid var(--tr-gold);outline-offset:2px}.tr-card b{position:absolute;top:5px;left:5px;display:flex;align-items:center;gap:2px;font-size:1rem;font-weight:400;line-height:1}.tr-card small{font-size:.75rem}.tr-card i{position:absolute;inset:0;display:grid;place-items:center;font-size:1.5rem;font-style:normal}.tr-card.back{display:grid;place-items:center;border:4px solid #fff7e9;background:#d76650;color:white;box-shadow:inset 0 0 0 2px #ffffff9e,0 3px 8px #09261e70;font-size:1.25rem}
.tr-human{max-width:760px;margin:0 auto}.tr-human-head{margin-bottom:8px}.tr-hand{display:flex;justify-content:center;gap:9px}.tr-hand button{padding:0;border:0;border-radius:5px;background:transparent;cursor:pointer}.tr-hand button:disabled{cursor:default}.tr-hand button:disabled .tr-card{opacity:.78}.tr-hand button:focus-visible{outline:3px solid var(--tr-gold);outline-offset:3px}.tr-human p{margin:8px 0 0;color:#d8e6d6;font-size:.59rem;text-align:center}.tr-status{max-width:760px;min-height:21px;margin:13px auto 0;color:#ffde94;font-size:.63rem;text-align:center}
.tr-panel{display:flex;flex-direction:column;gap:16px;padding:20px;background:#172a29;color:#f6eee0}.tr-action{padding:18px;background:#efe7d8;color:#1b302e}.tr-kicker{color:var(--tr-red);font-size:.54rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.tr-action h2{margin:10px 0 15px;font:400 1.38rem/1.14 var(--serif)}.tr-action p{color:#53635c;font-size:.65rem;line-height:1.45}.tr-action button{width:100%;margin-top:8px;padding:11px;border:0;border-radius:3px;background:var(--tr-red);color:white;font-size:.65rem;font-weight:700;cursor:pointer}.tr-action .tr-secondary{border:1px solid #b6c0b1;background:transparent;color:#1b302e}.tr-action>strong{display:block;margin:14px 0;color:#145b46;font:400 1.1rem var(--serif)}.tr-history h2{margin:0;color:var(--tr-gold);font-size:.63rem;letter-spacing:.1em;text-transform:uppercase}.tr-history>small{color:#aec3b2;font-size:.52rem}.tr-history ol{max-height:330px;overflow:auto;padding-left:20px}.tr-history li{padding:6px 0;border-bottom:1px solid #ffffff17;color:#d5e0d5;font-size:.6rem;line-height:1.35}
.rules-grid article{min-height:170px}.game-taxonomy.tr-taxonomy{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.tr-layout{grid-template-columns:1fr}.tr-panel{display:grid;grid-template-columns:1fr 1fr}.rules{grid-template-columns:1fr}.game-taxonomy.tr-taxonomy{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.site-header,.game-intro{width:calc(100% - 36px)}.site-header{height:76px}.game-intro{flex-direction:column;align-items:flex-start;gap:15px;padding:46px 0 30px}.game-intro h1{font-size:clamp(3.5rem,13vw,5rem)}.tr-bar{padding:10px 12px;font-size:.53rem}.tr-score{gap:8px}.tr-subbar{gap:15px}.tr-board{padding:12px 6px 16px}.tr-players{gap:3px}.tr-player{padding:5px 3px}.tr-player-head{gap:3px}.tr-avatar{width:21px;height:21px;font-size:.7rem}.tr-player strong{font-size:.51rem}.tr-player small{font-size:.41rem}.tr-backs .tr-card{width:22px;height:32px}.tr-backs .tr-card b{font-size:.39rem}.tr-backs .tr-card small{font-size:.31rem}.tr-backs .tr-card i{font-size:.65rem}.tr-centre{min-height:185px;gap:5px;margin:8px auto;padding:6px}.tr-vira{flex-basis:85px}.tr-vira .tr-card{width:48px;height:66px}.tr-vira small{font-size:.43rem}.tr-trick{grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,52px)}.tr-slot{width:55px}.tr-slot .tr-card{width:38px;height:46px}.tr-slot .tr-card b{font-size:.55rem}.tr-slot .tr-card small{font-size:.42rem}.tr-slot .tr-card i{font-size:.76rem}.tr-empty{width:38px;height:39px}.tr-slot small{font-size:.38rem}.tr-hand .tr-card{width:58px;height:77px}.tr-panel{display:flex;padding:13px;gap:13px}.tr-action{padding:15px}.tr-action h2{font-size:1.18rem}.tr-history ol{max-height:150px}.rules{padding:62px 18px}.rules-grid{grid-template-columns:1fr}.rules-grid article{min-height:0;padding:1.25rem 0}.ad-section{padding:30px 18px}.game-taxonomy.tr-taxonomy{grid-template-columns:1fr}}
