@font-face{font-family:Inter;src:url('/widgets/core/1.2.3/inter-latin.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
.source-page,.source-page body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent}
.source-page body{display:grid;place-items:center}
.source-stage{display:grid;place-items:center;width:100%;height:100%}
#game{display:block;width:min(100vw,56.25vh);height:min(177.777778vw,100vh);touch-action:none;user-select:none;outline:none;background:transparent}
#game:focus-visible{outline:2px solid #c3d6ef;outline-offset:-2px}
.source-failure{position:fixed;inset:20%;margin:0;padding:24px;background:#20283a;color:#fff;font:18px/1.5 Inter,"Segoe UI",sans-serif}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

html.tt-shell{--accent:#ffd43b;--accent-text:#ffd43b;--accent-ink:#101114}
html.tt-shell .settings-form{display:contents}
html.tt-shell .panel{margin:0}
html.tt-shell .preview-wrap iframe{background:transparent}
html.tt-shell .input-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
html.tt-shell .gift-actions{justify-content:flex-end}
html.tt-shell .gift-legend-row{padding:16px 0}
html.tt-shell .gift-copy>span{display:flex;align-items:center;overflow-wrap:anywhere}
html.tt-shell .tt-gift-picker-manual{display:none}
html.tt-shell .effects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
html.tt-shell .effects button{height:100%}
html.tt-shell details>.input-grid,html.tt-shell details>.switch-list,html.tt-shell details>label{margin-top:18px}
html.tt-shell #settings-status,html.tt-shell #input-result{min-height:1.5em}
html.tt-shell .error{color:#ffb8ad!important}
html.tt-shell .streaming-panel a{color:var(--accent-text)}

@media(max-width:1500px) and (min-width:1101px){html.tt-shell .input-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){html.tt-shell .input-grid.three{grid-template-columns:1fr}}
@media(max-width:600px){html.tt-shell .panel{padding:22px 18px}html.tt-shell .input-grid.three{grid-template-columns:1fr}html.tt-shell .gift-legend-row{align-items:flex-start;flex-direction:column}html.tt-shell .tt-core-controls{margin-left:0}html.tt-shell .effects{grid-template-columns:1fr 1fr}}
/* Notion #3: section 05 body text matches the Battle Arena reference. */
html.tt-shell .panel .input-grid>label{color:var(--ink)}
html.tt-shell .switch-list .switch{color:var(--ink)}