.wyr,.wyr-opts,.wyr-form,.history,.wyr-sum{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}
.wyr-top,.wyr-nav,.wyr-tools,.wyr-players li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}
.wyr-top>div{min-width:0}
.wyr-meta,.wyr-who,.history .hint,.wyr-sheet .hint,.of{color:var(--text-2);font-size:var(--fs-sm)}
.wyr-ask{font-size:var(--fs-lg);font-weight:600;overflow-wrap:anywhere}
.wyr-opts{gap:var(--sp-1)}
.wyr-opt{display:grid;gap:var(--sp-1);align-content:center;min-height:4rem;padding:var(--sp-3) var(--sp-4);border:1px solid var(--border-strong);border-radius:var(--r-3);background:var(--bg-1);font-weight:600;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.wyr-opt[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.wyr-opt.is-other{color:var(--text-2);font-weight:500}
.wyr-or{justify-self:center;font-size:var(--fs-sm);color:var(--text-2);line-height:1}
.is-new{animation:wyr-in var(--dur-3) var(--ease)}
@keyframes wyr-in{from{opacity:0}}
.wyr-nav .btn,.wyr-tools .btn{flex:1;padding-inline:var(--sp-3)}
.wyr-nav .btn-primary{flex:2}
@container (max-width:20rem){.wyr-tools .icon{display:none}}
.wyr-players,.wyr-own{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}
.wyr-players .input{flex:1}
.wyr-form>.error{color:var(--danger);font-size:var(--fs-sm)}
.wyr-h,.history-title,.wyr-lead{font-size:var(--fs-lg);font-weight:600}
.history>.btn{justify-self:start}
@container (min-width:21rem){.wyr-opt{font-size:var(--fs-lg)}}
@media (max-width:47.99em){.app[data-layout=stage]{padding-top:var(--sp-2)}}
@media (min-width:40em){.wyr-ask{font-size:var(--fs-xl)}.wyr-opts{grid-template-columns:1fr auto 1fr}.wyr-or{align-self:center}.wyr-opt{min-height:9rem;font-size:var(--fs-xl);padding:var(--sp-6) var(--sp-5)}}