*{box-sizing:border-box}
.source-page,.source-page body{width:100%;height:100%;margin:0;overflow:hidden;background:transparent!important}
.source-page body{display:flex;justify-content:center;align-items:center;font-family:Arial,Helvetica,sans-serif}
.source-page canvas{display:block;width:min(100vw,56.25vh);height:min(100vh,177.7778vw);object-fit:contain}
.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

html.tt-shell{--preview-height:min(864px,calc(100dvh - 48px))}
html.tt-shell .preview-wrap{background:#1a1214}
html.tt-shell .preview-tag{position:absolute;top:12px;right:12px;padding:6px 9px;border-radius:7px;background:#ffd43b;color:#101114;font-size:14px;font-weight:800;box-shadow:0 3px 12px #0008}
html.tt-shell .effects{grid-template-columns:repeat(2,minmax(0,1fr))}
html.tt-shell .effects button{height:100%}
html.tt-shell .practice-panel .effects button:last-child{grid-column:1 / -1}
html.tt-shell #players{list-style:none;padding:10px 0 0;margin:0;display:grid;gap:6px;max-height:180px;overflow:auto;font-size:14px}
html.tt-shell .bank-block{display:grid;gap:12px}
html.tt-shell .bank-block>button{justify-self:start}
html.tt-shell .line-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
html.tt-shell .line-list:empty{display:none}
html.tt-shell .line-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);color:var(--copy);font-size:14px}
html.tt-shell .line-list span{min-width:0;overflow-wrap:anywhere}
html.tt-shell .line-list button{flex:none;min-height:34px;padding:6px 10px;font-size:14px}
html.tt-shell .gift-copy .tt-core-assigned-gift-icon{display:inline-block;width:22px;height:22px;margin-right:8px;object-fit:contain;vertical-align:middle}
html.tt-shell details[open] summary{margin-bottom:8px}
@media(max-width:1279px){html.tt-shell .masthead,html.tt-shell .mode-panel,html.tt-shell .panel,html.tt-shell .content-column{width:100%;min-width:0}html.tt-shell .preview-section{align-self:center}}
@media(max-width:600px){html.tt-shell .effects{grid-template-columns:1fr}html.tt-shell .practice-panel .effects button:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
