:root{--background-primary:#fff;--background-secondary:#f5f5f5;--text-primary:#333;--text-secondary:#666;--text-primary-rgb:51,51,51;--text-secondary-rgb:102,102,102;--background-primary-rgb:255,255,255;--background-secondary-rgb:245,245,245;--team-mine-primary:#7fcc00;--team-mine-secondary:#31572c;--team-enemy-primary:#4c95f4;--team-enemy-secondary:#1e4573;--team-neutral-primary:#f4f6f7;--team-neutral-secondary:#5f6364;--cell-neutral:#f4f6f7;--cell-neutral-primary:#f4f6f7;--cell-neutral-secondary:#5f6364;--highlight-primary:gold;--highlight-secondary:#b88b19;--cell-inner-shadow:inset 0 var(--shadow-size-3,3px) var(--shadow-size-5,5px) hsla(0,0%,100%,.95);--cell-inner-shadow-dark:inset 0 var(--shadow-size-neg-4,-4px) var(--shadow-size-18,18px) var(--cell-neutral-secondary);--cell-inner-shadow-dark-neutral:inset 0 var(--shadow-size-neg-4,-4px) var(--shadow-size-8,8px) var(--cell-neutral-secondary);--cell-outer-shadow-dark:inset 0 var(--shadow-size-neg-5,-5px) var(--shadow-size-1,1px) rgba(0,0,0,.15);--avatar-bg:#ddd;--danger-red:#f16c48;--danger-red-secondary:#8b3e21}:root.dark{--background-primary:#131313;--background-secondary:#28262a;--text-primary:#fff;--text-secondary:#ccc;--text-primary-rgb:255,255,255;--text-secondary-rgb:204,204,204;--background-primary-rgb:19,19,19;--background-secondary-rgb:40,38,42;--team-mine-primary:#1b2a18;--team-mine-secondary:#70b600;--team-enemy-primary:#142231;--team-enemy-secondary:#4190f1;--highlight-primary:#8b6914;--highlight-secondary:#b8860b;--cell-neutral:#202020;--cell-neutral-secondary:#6e6e6e;--cell-inner-shadow:none;--cell-inner-shadow-dark:none;--cell-inner-shadow-dark-neutral:none;--cell-outer-shadow-dark:none;--avatar-bg:#000;--danger-red:#8b3e21;--danger-red-secondary:#f16c48}.game-card{background:var(--background-primary);border:1px solid rgba(var(--text-primary-rgb),.1);border-radius:.5rem;box-shadow:0 .25rem .5rem #0000001a;cursor:pointer;display:flex;gap:.5rem;padding:1rem;position:relative;transition:transform .1s ease-out}.game-card:hover{transform:scale(1.01)}.game-card__preview{align-self:center;border-radius:.25rem;flex-shrink:0;height:4rem;overflow:hidden;width:4rem}.game-card__info{flex:1;flex-direction:column;gap:1rem}.game-card__info,.game-card__status{display:flex;justify-content:space-between}.game-card__status{flex-direction:row-reverse;gap:.5rem}.game-card__player-info{align-items:center;display:flex;justify-content:end}.game-card__opponent{color:#4190f1;font-size:.875rem;font-weight:500;white-space:nowrap}.game-card__opponent-vs{color:var(--text-secondary);opacity:.5}.game-card__turns-container{align-items:center;display:flex;gap:.1rem}.game-card__turns-container--success{color:#7fcc00}.game-card__turns-container--enemy{color:#4190f1}.game-card__turns-container--warning{color:#f0ad4e}.game-card__turns-container--neutral{color:var(--text-primary);opacity:.5}.game-card__turns-label{font-size:.75rem}.game-card__turns-label i{align-items:center;display:flex;font-size:.9em;justify-content:center}.game-card__turns{font-size:1.1rem;font-weight:600}.game-card__duration{align-items:center;bottom:-1.3rem;color:var(--text-secondary);display:flex;font-size:.575rem;gap:.5rem;justify-content:space-between;opacity:.3;padding:0 .5rem;position:absolute;right:0;width:100%}.game-card__duration i{font-size:.575rem;opacity:.7}.game-card__duration-item{align-items:baseline;display:flex;gap:.05rem}.game-card__duration-value{color:var(--text-primary);font-weight:600}.game-card__duration-label{color:var(--text-secondary);opacity:.7}.game-card__status-chip{border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.game-card__status-chip--mine{background:--danger-red;color:#fff}.game-card__status-chip--enemy{background:#4190f1;color:#fff}.game-card__status-chip--success{background:#7fcc00;color:#31572c}.game-card__status-chip--warning{background:#f0ad4e1a;color:#f0ad4e}.game-card__status-chip--neutral{background:var(--cell-neutral);color:var(--text-primary)}