#game .cnt{min-width:40px;text-align:center;font-weight:700}
#game .lad{width:100%;max-width:760px;margin:0 auto}
#game .row{display:grid;grid-template-columns:repeat(var(--n,4),1fr)}
#game .row>*{min-width:0;margin:0 2px;padding:5px 2px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;font-size:14px;line-height:1.3;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:34px}
#game .row.names button{cursor:pointer;font-weight:700}
#game .row.names button.done{color:#fff;border-color:transparent}
#game .row.goals div{display:flex;flex-direction:column;justify-content:center}
#game .row.goals div small{font-size:12px;opacity:.85;overflow:hidden;text-overflow:ellipsis}
#game .row.goals div.hit{color:#fff;border-color:transparent}
#game .cv{position:relative;height:300px}
#game .cv canvas{display:block;width:100%;height:100%}
#game .cover{position:absolute;left:0;right:0;top:10%;bottom:10%;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;border-radius:10px;background:repeating-linear-gradient(45deg,var(--board) 0 14px,var(--accent2) 14px 28px);color:#1f2421;font-weight:800;font-size:15px;transition:opacity .4s}
#game .cover span{background:rgba(255,255,255,.85);border-radius:8px;padding:4px 10px}
#game .cover.off{opacity:0;pointer-events:none}
#game .res{margin:4px 0 8px;padding-left:22px}
#game .res li{margin:2px 0}
#game .res b{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
#game .edit{border-top:1px solid var(--line);margin-top:10px;padding-top:8px}
#game .edit summary{cursor:pointer;font-weight:700;margin-bottom:8px}
#game .fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px 14px;margin-bottom:10px}
#game .f{display:flex;align-items:center;gap:6px}
#game .f span{width:20px;text-align:right;font-size:13px;opacity:.7}
#game .f i{font-style:normal;opacity:.6}
#game .f input{flex:1;min-width:0;font:inherit;font-size:15px;padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--fg);user-select:text;-webkit-user-select:text}
@media (max-width:600px){#game .cv{height:260px}#game .row>*{font-size:13px;margin:0 1px}#game .lad.many .row>*{font-size:11px;padding:4px 0;margin:0 1px;border-radius:6px;letter-spacing:-.04em;text-overflow:clip}#game .lad.many .row.goals div small{font-size:10px}}
