/* TELETRUCO 1.2 | New identity and presentation only. Original layout stays intact. */
.brand img{width:clamp(148px,47vw,274px);height:auto;max-height:86px}
.site-header{padding-top:12px;padding-bottom:12px;gap:12px}
.header-right{gap:7px}.header-right .on-air{margin-right:8px}
.avatar-fieldset{border:0;padding:0;margin:21px 0 0;min-width:0}
.avatar-fieldset legend{float:left;width:100%;margin:0 0 12px;padding:0}
.avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;clear:both}
.avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;padding:8px 4px 7px;border-radius:14px;border:1px solid #415039;background:#111b15;cursor:pointer;min-width:0;transition:background .18s,border-color .18s,transform .18s}
.avatar-option:hover{background:#253720;transform:translateY(-2px)}
.avatar-option:has(input:checked){background:#2f4123;border-color:var(--lime);box-shadow:inset 0 0 0 1px #d4f88b77}
.avatar-option:has(input:focus-visible){outline:3px solid var(--lime);outline-offset:3px}
.avatar-option input{position:absolute;opacity:0;width:1px;height:1px;top:50%;left:50%}
.avatar-option img{width:58px;height:58px;object-fit:contain;pointer-events:none}
.avatar-option span{font-size:9px;font-weight:600;color:#bbc9af;margin-top:4px;line-height:1.3;text-align:center}
.avatar-option:has(input:checked) span{color:var(--lime)}
.avatar-option:has(input:checked)::after{content:'\2713';position:absolute;right:5px;top:5px;font-size:9px;font-weight:700;width:15px;height:15px;background:var(--lime);color:#192b16;border-radius:50%;text-align:center;line-height:15px}
.avatar-note{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;color:var(--muted);font-size:10px}
.sound-onboarding{padding:5px 0;border:0;background:none;color:var(--lime);font-size:10px;white-space:nowrap}
.lobby-seat .avatar{width:66px;height:66px;object-fit:contain;border-radius:0}
.player .avatar-wrap{width:48px;height:48px;padding:1px;background:#18281d}
.player .avatar{object-fit:contain;border-radius:0;max-width:none;width:calc(100% + 8px);height:calc(100% + 8px);margin:-4px}
.player.current .avatar-wrap{padding:0}
.player.seat-bottom .avatar-wrap{width:38px;height:38px}
.played{animation:none;isolation:isolate}.played img{position:relative;z-index:1}
.played.is-manilha:not(.is-burned){filter:drop-shadow(0 0 5px #dcf98980)}
.played.manilha-H:not(.is-burned){filter:drop-shadow(0 0 5px #ff8c6866)}
.played.manilha-C:not(.is-burned){filter:drop-shadow(0 0 7px #ffbb5077)}
.played.is-burned{filter:drop-shadow(0 3px 4px #0008)}
.played.is-burned img{filter:grayscale(1) brightness(.25) contrast(1.7);clip-path:polygon(5% 0,23% 3%,35% 0,44% 4%,58% 0,78% 3%,96% 0,100% 13%,96% 25%,100% 36%,97% 57%,100% 79%,96% 94%,82% 98%,70% 96%,55% 100%,43% 96%,25% 100%,13% 96%,2% 98%,5% 80%,0 72%,4% 52%,0 36%,4% 18%)}
.fx-ink{display:none;position:absolute;z-index:4;inset:0;align-items:center;justify-content:center;font-size:23px;color:#f2d0a2;text-shadow:0 2px 3px #000;font-family:Georgia,serif;font-weight:bold;pointer-events:none;opacity:.92}
.is-burned .fx-ink{display:flex}.is-burning .fx-ink{display:none}
.fx-plane{position:absolute;inset:0;pointer-events:none;z-index:5;overflow:visible;border-radius:20%}
.decision-mount{display:contents}.decision-layer{z-index:8}.hand-result{z-index:7}
.fx-cracks{position:absolute;inset:0;object-fit:fill;width:100%;height:100%;max-width:none;pointer-events:none;border-radius:45%;opacity:.92;mix-blend-mode:normal}
.fx-banner{position:absolute;top:19%;left:50%;transform:translateX(-50%);width:max-content;max-width:86%;padding:8px 14px;border:1px solid #bdd59066;border-radius:8px;background:#11221af2;box-shadow:0 4px 20px #0007;font-size:12px;line-height:1.2;font-weight:900;letter-spacing:1px;color:var(--lime);text-align:center;pointer-events:none}
.fx-banner-heart{background:#482419f2;border-color:#ff937c;color:#ffd0ad}
.fx-banner-club{background:#482b13f2;border-color:#ffbd51;color:#ffe4a4}
.fx-banner-spade{background:#242441f2;border-color:#aaa4f4;color:#d9d3ff}
.fx-banner-diamond{background:#3b3418f2;border-color:#e9d073;color:#fff0b8}
.fx-banner-raise{font-size:22px;font-style:italic;top:12%;background:var(--lime);color:var(--ink);padding:8px 24px;transform:translateX(-50%) rotate(-4deg)}
.fx-ring{position:absolute;width:75px;height:75px;border-radius:50%;border:2px solid #d4f88b;box-shadow:0 0 12px #d4f88b55;pointer-events:none}
.fx-ring-card{border-width:1px;opacity:.25;border-color:#e4eed0;box-shadow:none;width:42px;height:42px}
.fx-ring-heart{border-color:#ffad89;box-shadow:0 0 18px #ff735866}
.fx-ring-club{border-color:#ffc669;box-shadow:0 0 22px #ff933088}
.fx-ring-diamond{border-color:#ffe688}
.fx-ring-spade{border-color:#c5bcff;box-shadow:0 0 18px #a08fff66}
.fx-fire{position:absolute;z-index:3;inset:-45% -25% -8%;pointer-events:none;filter:drop-shadow(0 0 8px #ff903a66)}
.fx-fire i{position:absolute;inset:0;background:url('effects/flame.svg') center bottom / 100% 100% no-repeat;transform-origin:50% 100%;animation:flame-dance .21s ease-in-out 5 alternate}
.fx-fire i:nth-child(2){inset:18% -5% -5% 30%;animation-delay:-.12s;animation-duration:.17s;opacity:.85;transform:scaleX(-1)}
.fx-fire i:nth-child(3){inset:31% 38% -4% -15%;animation-delay:-.06s;animation-duration:.26s;opacity:.9}
.fx-particle{position:absolute;width:4px;height:7px;border-radius:1px;background:#ffd17a;box-shadow:0 0 5px #ffb25288;pointer-events:none}
.fx-particle-diamond{width:7px;height:7px;border-radius:0;rotate:45deg;background:#ffe9a0;box-shadow:0 0 8px #ffd66577}
.fx-particle-electric{width:2px;height:14px;background:#d5c7ff;box-shadow:0 0 7px #ac93ff}
.fx-particle-dust{width:5px;height:5px;background:#cb9d76;box-shadow:none}
.fx-particle-ash{width:4px;height:4px;background:#98928a;box-shadow:none;opacity:.7}
.fx-particle-confetti{width:6px;height:10px;background:#d4f88b;box-shadow:none}
.fx-particle-confetti:nth-child(3n){background:#d3b0fc}.fx-particle-confetti:nth-child(3n+1){background:#ffd984}
.fx-emote{position:absolute;transform:translate(-50%,-100%);max-width:140px;background:#f3f0df;color:#193124;padding:7px 10px;border-radius:10px;font-size:11px;font-weight:600;line-height:1.3;text-align:center;box-shadow:0 3px 12px #0004}
.fx-emote::after{content:'';position:absolute;bottom:-5px;left:50%;width:9px;height:9px;transform:translateX(-50%) rotate(45deg);background:inherit}
.fx-legend{display:flex;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #43513a44}
.fx-legend span{flex:1;min-width:0;font-size:9px;color:var(--muted);text-align:center;line-height:1.4}
.fx-legend b{display:block;color:#e9c694;font-size:19px}.fx-legend span:first-child b{color:#ffb79d}
.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #46543b66;font-size:14px}
.settings-row strong{font-size:14px;display:block}.settings-row small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:4px}
.settings-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--lime);flex:none}
.volume-wrap{min-width:120px;width:45%;display:flex;align-items:center;gap:10px}
.volume-wrap input{min-width:0;width:100%;accent-color:var(--lime)}.volume-wrap output{font-size:11px;min-width:30px;color:var(--lime)}
.fx-settings-note{padding-top:18px!important;font-size:11px!important}
@keyframes flame-dance{from{transform:scale(.94,1.03) skewX(-3deg)}to{transform:scale(1.08,.94) skewX(4deg)}}
@media(min-width:600px){.brand img{width:290px;max-height:90px}.avatar-option img{width:64px;height:64px}.player .avatar-wrap{width:57px;height:57px}.player.seat-bottom .avatar-wrap{width:44px;height:44px}.lobby-seat .avatar{width:80px;height:80px}.fx-banner{font-size:14px;top:20%}.fx-banner-raise{top:12%;font-size:26px}}
@media(min-width:960px){.avatar-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.avatar-option{padding:6px 2px}.avatar-option img{width:46px;height:48px}.avatar-option span{font-size:8px}.start-panel{padding-top:28px}.brand img{width:300px;max-height:87px}.site-header{min-height:110px}}
@media(max-width:380px){.site-header{padding:10px 16px;min-height:74px}.header-right{gap:5px}.icon-button{width:30px;height:30px}.brand img{width:148px}.avatar-option img{width:54px;height:54px}.avatar-grid{gap:6px}.avatar-note{align-items:start;font-size:9px}.fx-banner{font-size:10px;padding:7px 9px}.fx-banner-raise{font-size:19px}.player .avatar-wrap{width:40px;height:40px}.player.seat-bottom .avatar-wrap{width:33px;height:33px}}
@media(max-height:760px) and (max-width:599px){body.in-game .brand img{max-height:46px;width:161px}body.in-game .site-header{min-height:60px}.player .avatar-wrap{width:39px;height:39px}.player.seat-bottom .avatar-wrap{width:32px;height:32px}}
html[data-fx=soft] .fx-fire,html[data-fx=soft] .fx-particle,html[data-fx=soft] .fx-ring{display:none!important}
html[data-fx=soft] .player.current .avatar-wrap,html[data-fx=soft] .decision-layer,html[data-fx=soft] .hand-card{animation:none!important}
@media(prefers-reduced-motion:reduce){.fx-fire,.fx-particle,.fx-ring{display:none!important}.avatar-option{transition:none}.avatar-option:hover{transform:none}}

/* Full-table club manilha. Kept under cards, players and decision controls. */
.arena.table-on-fire .felt{filter:drop-shadow(0 12px 20px #0006) drop-shadow(0 0 16px #ff691a70)}
.fx-table-fire{position:absolute;inset:1.5%;z-index:1;overflow:hidden;border-radius:32% / 47%;pointer-events:none;contain:layout paint;background:radial-gradient(ellipse at 50% 66%,#6b220d80 0%,#25130c66 51%,#0a0a0999 100%);box-shadow:inset 0 0 24px 9px #160c07,inset 0 -12px 36px #fd662aaa}
.fx-table-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 15% 70%,#ff7b2299,transparent 39%),radial-gradient(ellipse at 80% 63%,#f96c2399,transparent 41%),radial-gradient(ellipse at 49% 25%,#f2963290,transparent 51%);opacity:.7;animation:table-glow 2.8s ease-in-out infinite alternate}
.fx-table-flames{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen}
.fx-table-flame{display:block;position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);transform:translate(-50%,-85%);background:url('effects/table-flame.svg') center bottom / 100% 100% no-repeat;opacity:.72;transform-origin:50% 90%;animation:table-flame-dance var(--duration) ease-in-out var(--delay) infinite alternate;pointer-events:none}
.fx-table-flame:nth-child(3n){opacity:.58}.fx-table-flame:nth-child(4n){opacity:.86}
.fx-table-ember{position:absolute;left:var(--x);top:var(--y);width:3px;height:5px;border-radius:50%;background:#ffe7aa;box-shadow:0 0 5px #ffa438;opacity:0;animation:table-ember-rise var(--duration) linear var(--delay) infinite;pointer-events:none}
.fx-table-ignition{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse,#ffe2a7aa,#ff882177 45%,transparent 70%);pointer-events:none}
@keyframes table-flame-dance{0%{transform:translate(-50%,-85%) scale(.88,.77) skewX(var(--sway));opacity:.52}50%{transform:translate(-50%,-85%) scale(1.04,1.05) skewX(0deg);opacity:.8}100%{transform:translate(-50%,-85%) scale(.91,.95) skewX(var(--lean));opacity:.65}}
@keyframes table-glow{from{opacity:.52}to{opacity:.83}}
@keyframes table-ember-rise{0%{opacity:0;transform:translate(0,0) scale(.6)}18%{opacity:.85}75%{opacity:.5}100%{opacity:0;transform:translate(var(--drift),-105px) scale(.25)}}
@media(max-width:599px){.fx-table-flame:nth-child(3n){display:none}.fx-table-flame{width:calc(var(--w) * 1.2)}.fx-table-ember:nth-last-child(-n+4){display:none}.fx-table-fire{box-shadow:inset 0 0 14px 6px #160c07,inset 0 -9px 24px #fd662a99}}
html[data-fx-paused=true] .fx-table-fire,html[data-fx-paused=true] .fx-table-fire *{animation-play-state:paused!important}
html[data-fx=soft] .fx-table-flames,html[data-fx=soft] .fx-table-ember,html[data-fx=soft] .fx-table-ignition{display:none!important}
html[data-fx=soft] .fx-table-glow{animation:none!important;opacity:.44}
@media(prefers-reduced-motion:reduce){.fx-table-flames,.fx-table-ember,.fx-table-ignition{display:none!important}.fx-table-glow{animation:none!important;opacity:.44}}