/* Invent This! only: keep the shared header, controls and other games intact. */
.invent-surface{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;gap:8px;text-align:center}
.invent-heading{flex:none}.invent-heading h2{margin:0 0 4px;font-size:clamp(18px,4.5vw,25px);line-height:1.15}.invent-heading p{margin:0;font-size:13px;line-height:1.3}
.invent-numbers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(var(--invent-rows,8),minmax(0,1fr));gap:4px;min-height:220px;flex:1}
.invent-numbers button{position:relative;min-width:0!important;min-height:0!important;height:100%;padding:0!important;margin:0!important;border:1px solid #216b45;border-radius:7px;font-size:16px!important;background:#247545;color:white;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:1}
.invent-numbers button.invent-selected{opacity:1;background:white;border:2px solid #247545}.invent-numbers button.invent-used{background:#eee7e2;color:#64544d;border-color:#d9d0ca;opacity:1;flex-direction:column;gap:2px}
.invent-numbers img{display:block;width:100%;height:100%;object-fit:contain;padding:0}.invent-numbers small{font-size:9px;line-height:1}.invent-selected small{position:absolute;top:1px;left:1px;background:#247545;color:white;border-radius:4px;padding:2px}
.invent-selected-count{font-size:14px!important;font-weight:750;margin:0}.invent-note{font-size:11px!important;line-height:1.25!important;margin:0!important;color:#5b685f}
.invent-pictures{display:flex;flex:1;min-height:65px;min-width:0;gap:5px;align-items:stretch;overflow:hidden}
.invent-pictures figure{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:3px;margin:0;border:1px solid #d6dfd7;border-radius:8px;overflow:hidden;background:#fff}
.invent-pictures img{display:block;flex:1;width:100%;height:0;min-height:0;object-fit:contain;padding:0;margin:0}
.invent-pictures figcaption{flex:none;font-size:clamp(10px,3vw,14px);font-weight:650;line-height:1.2;padding:2px;overflow-wrap:anywhere}
.invent-plus{align-self:center;font-weight:800;font-size:clamp(18px,5vw,32px);line-height:1;color:#247545;flex:none}
.invent-writing{display:flex;flex-direction:column;gap:4px;flex:none;text-align:left;font-size:14px;margin:0}
.invent-writing textarea{width:100%;height:84px;min-height:60px;resize:none;border:2px solid #247545;border-radius:10px;background:white;padding:8px 10px;font:inherit;font-size:16px;line-height:1.3;color:#213c30}
.invent-writing textarea:focus{outline:2px solid #b6d794;outline-offset:1px}.invent-writing small{font-size:11px;color:#56675b}
.invent-submission{flex:none;text-align:left;padding:8px 10px;border:1px solid #d5e5b2;border-radius:9px;background:#f0f5df;overflow-wrap:anywhere}
.invent-submission strong{font-size:12px}.invent-submission p{white-space:pre-wrap;line-height:1.25!important;font-size:14px!important;margin:3px 0 0!important}
.invent-criteria{font-size:12px;line-height:1.3;text-align:left;flex:none;padding-left:20px;margin:0}
.invent-actions{display:flex;gap:8px;flex:none}.invent-actions button{flex:1}.invent-actions .danger{color:#963e32;border:1px solid #c68e85;background:#fff3ef}
#app[data-game="invent"] .gh-game-body>.invent-surface{flex:1;min-height:0}
#app[data-game="invent"] .v3-levels .v3-tap small{font-size:10px;font-weight:500;line-height:1.1}
.on-kind-invent .on-game-body{display:flex;flex-direction:column;min-height:0;overflow:visible}
.on-kind-invent .on-actions{flex:none}.on-kind-invent .invent-numbers{min-height:220px}
@media(max-height:650px){.invent-surface{gap:5px}.invent-heading h2{font-size:18px}.invent-heading p{font-size:12px}.invent-writing textarea{height:62px}.invent-numbers{gap:3px}.invent-submission{padding:6px}.invent-submission p{font-size:12px!important}.invent-criteria{font-size:11px}}
@media(max-height:500px) and (orientation:landscape){.invent-numbers{grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(var(--invent-wide-rows,4),minmax(0,1fr));min-height:120px}.on-kind-invent .invent-numbers{min-height:120px}.invent-surface:not(.invent-board-surface){display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(60px,1fr);gap:5px}.invent-heading{grid-column:1/-1}.invent-pictures{grid-row:2/4}.invent-criteria{grid-column:2}.invent-writing textarea{height:65px}}
@media(max-height:420px) and (orientation:portrait){.invent-heading p,.invent-note{display:none}.invent-writing textarea{height:60px}.invent-pictures{min-height:30px}.invent-numbers{min-height:150px}}

.invent-conflict{display:flex;gap:5px}.invent-conflict button{font-size:12px;padding:6px;min-height:36px}.invent-history-record{overflow-wrap:anywhere}.invent-history-record p{font-size:14px;line-height:1.35;white-space:pre-wrap}