/* gameplay_cohesion_v11.css — one game language for every surface */
.gameplay-surface-v11{--gp-accent:#d8b86e;position:relative;--gp-scroll:0%}.gameplay-identity-rail-v11{position:relative;z-index:5;display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--gp-accent),transparent 72%);border-radius:6px 12px 6px 12px;background:linear-gradient(90deg,color-mix(in srgb,var(--gp-accent),#08131d 88%),#08131dcc);box-shadow:0 8px 22px #0004,inset 0 1px #fff1;direction:rtl}.gameplay-identity-mark-v11{display:grid;place-items:center;width:25px;height:25px;border:1px solid color-mix(in srgb,var(--gp-accent),transparent 35%);border-radius:50%;color:var(--gp-accent);font-size:16px;box-shadow:0 0 12px color-mix(in srgb,var(--gp-accent),transparent 75%)}.gameplay-identity-rail-v11>div{display:grid;gap:2px;min-width:0}.gameplay-identity-rail-v11 small{color:#819ba2;font-size:7px}.gameplay-identity-rail-v11>div b{overflow:hidden;color:#e6d59e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.gameplay-identity-count-v11{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:4px;margin-inline-start:auto}.gameplay-identity-count-v11 i{grid-row:span 2;width:6px;height:6px;border-radius:50%;background:#77d9b6;box-shadow:0 0 9px #77d9b6}.gameplay-identity-count-v11 b{color:#dce6d9;font-size:11px}.gameplay-identity-count-v11 small{grid-column:2;color:#7e9b9d;font-size:7px}.gameplay-surface-v11::after{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,transparent 0 var(--gp-scroll),var(--gp-accent) var(--gp-scroll) calc(var(--gp-scroll) + 9%),transparent calc(var(--gp-scroll) + 9%));opacity:.8;pointer-events:none;z-index:20}.gp-pressed-v11{animation:gp-press-v11 .22s ease-out!important}@keyframes gp-press-v11{0%{filter:brightness(1)}45%{filter:brightness(1.28);transform:scale(.985)}100%{filter:brightness(1)}}
:where(.gameplay-surface-v11) :where(.sc-card,.eco-card,.inv-card,.alliance-card,.alliance-pact,.operation-card,.product-card,.cc-card,.gc-message,.rep-row){box-shadow:inset 0 1px #fff2,0 9px 20px #0003;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.gameplay-surface-v11 :where(button,[role="button"]):focus-visible{outline:2px solid var(--gp-accent);outline-offset:3px}.gameplay-surface-v11 :where(button,[role="button"]):not(:disabled):hover{border-color:color-mix(in srgb,var(--gp-accent),transparent 38%)}
#invention-overlay.gameplay-surface-v11{--gp-accent:#c2a6eb}.alliance-modal.gameplay-surface-v11{--gp-accent:#78d0c7}.war-combat.gameplay-surface-v11,.ops-sheet.gameplay-surface-v11{--gp-accent:#e79582}.scene-sheet.gameplay-surface-v11{--gp-accent:#d5b86e}.cc-shell.gameplay-surface-v11{--gp-accent:#78c7df}.eco-sheet.gameplay-surface-v11{--gp-accent:#77d2c2}.v20-modal.gameplay-surface-v11{--gp-accent:#e2b96d}
@media(max-width:430px){.gameplay-identity-rail-v11{padding:7px 8px}.gameplay-identity-count-v11 small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.gp-pressed-v11{animation:none!important}:where(.gameplay-surface-v11) :where(.sc-card,.eco-card,.inv-card,.alliance-card,.alliance-pact,.operation-card,.product-card,.cc-card,.gc-message,.rep-row){transition:none}}
