/* One public, height-bounded artboard. No phone breakpoint or scrolling on TV. */
html .host-page[data-game=trix] #stage{display:flex;flex-direction:column;min-height:0;padding:clamp(8px,1.2cqw,28px);}
html .host-page[data-game=trix] .diwaniya-cast{display:none;}
html .host-page[data-game=trix] #stage .trix-tv-modern{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(5px,.9cqh,18px);}
html .host-page #stage .trix-tv-header :is(p,h1){margin:0;max-width:none;overflow-wrap:anywhere;}
html .host-page #stage .trix-tv-header h1{font-size:clamp(21px,3.2cqw,68px);line-height:1.15;}
html .host-page #stage .trix-tv-header p{font-size:clamp(12px,1.45cqw,32px);line-height:1.2;}
html .host-page #stage .trix-tv-felt{min-height:0;container-type:size;background:var(--dw-ink);color:var(--dw-sand);border:1px solid var(--dw-line);border-radius:clamp(10px,2cqw,32px);padding:clamp(5px,1cqw,18px);display:flex;flex-direction:column;}
html .host-page #stage .trix-tv-rows{flex:1;min-height:0;display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:3px;direction:ltr;}
html .host-page #stage .trix-tv-row{display:grid;grid-template-columns:28px repeat(13,minmax(0,1fr));gap:3px;min-height:0;align-items:center;justify-items:center;}
html .host-page #stage .trix-tv-row>b{font-size:clamp(16px,2cqw,38px);}
html .host-page #stage .trix-tv-card{display:block;aspect-ratio:.7;height:100%;max-width:100%;min-height:0;}
html .host-page #stage .trix-tv-row .trix-tv-card{height:calc((100cqh - 9px)/4);}
html .host-page #stage .trix-tv-card svg{width:100%;height:100%;display:block;}
html .host-page #stage .trix-tv-ghost{font-size:clamp(13px,1.6cqw,32px);opacity:.5;text-align:center;}
html .host-page #stage .trix-tv-contracts{flex:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:clamp(4px,1cqw,18px);}
html .host-page #stage .trix-tv-contracts>div{text-align:center;display:flex;flex-direction:column;justify-content:center;gap:6px;background:var(--dw-sand);color:var(--dw-ink);border-radius:16px;min-height:min(60cqh,220px);padding:8px;}
html .host-page #stage .trix-tv-contracts b{font-size:clamp(32px,6cqw,130px);color:var(--dw-coral);}
html .host-page #stage .trix-tv-contracts span{font-size:clamp(13px,1.8cqw,36px);}
html .host-page #stage .trix-tv-contracts .used{opacity:.45;}
html .host-page #stage .trix-tv-note{font-size:clamp(11px,1.3cqw,28px);margin:0 0 5px;flex:0 0 auto;}
html .host-page #stage .trix-tv-trick{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
html .host-page #stage .trix-tv-trick>div{min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;}
html .host-page #stage .trix-tv-trick .trix-tv-card{height:calc(100cqh - 66px);}
html .host-page #stage .trix-tv-trick>div>span:last-child{font-size:clamp(12px,1.6cqw,34px);text-align:center;overflow-wrap:anywhere;}
html .host-page #stage .trix-tv-scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
html .host-page #stage .trix-tv-scores>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;border:2px solid transparent;border-radius:12px;background:var(--dw-sand);padding:clamp(4px,.7cqw,14px);}
html .host-page #stage .trix-tv-scores .active{border-color:var(--dw-coral);}
html .host-page #stage .trix-tv-scores strong{font-size:clamp(12px,1.65cqw,36px);overflow-wrap:anywhere;}
html .host-page #stage .trix-tv-scores b{font-size:clamp(19px,2.3cqw,48px);direction:ltr;}
html .host-page #stage .trix-tv-scores span{grid-column:1/-1;font-size:clamp(10px,1.2cqw,26px);}
html .host-page #stage .trix-rules{height:100%;min-height:0;display:flex;flex-direction:column;gap:6px;}
html .host-page #stage .trix-rules :is(h1,p){margin:0;}
html .host-page #stage .trix-rules h1{font-size:clamp(24px,3cqw,64px);}
html .host-page #stage .trix-rules .tv-rule-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;}
html .host-page #stage .trix-rules .tv-rule{flex:1;max-height:none;min-height:0;display:grid;grid-template-columns:32px minmax(0,1fr);padding:7px 10px;gap:10px;}
html .host-page #stage .trix-rules .tv-rule span{font-size:clamp(13px,1.45cqw,30px);line-height:1.2;white-space:normal;overflow:visible;max-height:none;-webkit-line-clamp:unset;}
@media(max-height:500px){html .host-page[data-game=trix]{padding:8px;}html .host-page[data-game=trix] .host-shell{gap:5px;}html .host-page[data-game=trix] .tv-narrator{min-height:20px;padding:3px 8px;}html .host-page #stage .trix-tv-header h1{font-size:20px;}html .host-page #stage .trix-tv-row{grid-template-columns:20px repeat(13,minmax(0,1fr));gap:1px;}}