/* Take the Crown additions to the pinned hosted shell and 1080 x 1920 source. */
html.source-page canvas#game{aspect-ratio:9/16;background:transparent}
html.tt-shell{--accent:#ffd43b;--accent-text:#ffd43b}
html.tt-shell .preview-wrap{position:relative;background:repeating-conic-gradient(#27342a 0 25%,#18231b 0 50%) 0 0/24px 24px}
.preview-tag{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:20px;background:#ffd43b;color:#101114;font:700 13px/1.4 Inter,"Segoe UI",sans-serif;pointer-events:none}
.preview-tag[hidden]{display:none}
html.tt-shell .rules,html.tt-shell .players,html.tt-shell .free-actions{margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--copy);font-size:15px}
html.tt-shell .rules h3,html.tt-shell .players h3,html.tt-shell .free-actions h3{margin:0 0 8px;color:var(--ink)}
html.tt-shell .rules p{margin:8px 0 0;line-height:1.6}
html.tt-shell .rules a{color:var(--accent-text)}
html.tt-shell .effects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
html.tt-shell #preview-status{padding:12px 14px;background:var(--raised);border-radius:9px}
html.tt-shell #players{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:9px;max-height:230px;overflow:auto}
html.tt-shell #players li{display:flex;align-items:center;gap:9px;color:var(--copy);font-size:14px}
html.tt-shell .gift-actions{gap:10px;flex-wrap:wrap}
html.tt-shell .gift-copy>select{width:auto;max-width:100%;margin:0 0 7px;font-size:15px;font-weight:600}
html.tt-shell #gift-legend .tt-core-controls .secondary,html.tt-shell #gift-bindings .tt-core-controls .secondary{border-radius:8px}
html.tt-shell .gift-copy>span{display:flex;align-items:center;gap:7px}
html.tt-shell .tt-core-assigned-gift-icon{flex:0 0 auto;object-fit:contain}
html.tt-shell .free-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
html.tt-shell .free-action-row button{justify-self:start}
html.tt-shell #add-free{margin-top:14px}
html.tt-shell .settings-foot>.button-row{margin-top:0}
html.tt-shell .save-settings{min-width:150px}
html.tt-shell .app-link .tt-tikfinity-arrow{font-weight:400}
@media(max-width:600px){html.tt-shell .modes button{padding-inline:12px}html.tt-shell .effects,html.tt-shell .free-action-row{grid-template-columns:1fr}}